@charset "UTF-8";:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{inset:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}@custom-variant dark (&:where(.dark,.dark *));:root{--vault-bg: #0a0a0f;--vault-surface: #12121a;--vault-elevated: #151520;--vault-input: #0f0f15;--vault-header: rgba(32, 32, 48, .88);--neon-purple: #a855f7;--neon-purple-deep: #7c3aed;--neon-purple-glow: rgba(168, 85, 247, .4);--neon-cyan: #06b6d4;--neon-cyan-glow: rgba(6, 182, 212, .4);--neon-pink: #ec4899;--neon-green: #10b981;--ink-primary: #f8fafc;--ink-secondary: #cbd5e1;--ink-muted: #94a3b8;--ink-separator: #64748b;--status-playing: #3b82f6;--status-paused: #f59e0b;--status-completed: #22c55e;--status-wishlist: #f472b6;--semantic-error: #ef4444;--semantic-warning: #f59e0b;--border-neon: rgba(168, 85, 247, .2);--border-subtle: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .22);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 500;--z-modal: 600;--z-toast: 700;--z-palette: 10000;--shadow-card: 0 10px 30px rgba(0, 0, 0, .38), 0 2px 8px rgba(0, 0, 0, .2);--shadow-card-hover: 0 22px 48px rgba(0, 0, 0, .48), 0 0 0 1px rgba(168, 85, 247, .28), 0 4px 12px rgba(0, 0, 0, .25);--shadow-neon: 0 0 0 1px rgba(168, 85, 247, .35), 0 0 24px rgba(168, 85, 247, .32);--shadow-elevated: 0 16px 44px rgba(0, 0, 0, .42);--vault-texture: radial-gradient(circle at 25% 15%, rgba(255,255,255,.012) 0%, transparent 50%), radial-gradient(circle at 78% 82%, rgba(168,85,247,.018) 0%, transparent 55%);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-pill: 999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.25, .9, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .26s var(--ease-spring);--transition-slow: .38s var(--ease-smooth);--bp-mobile-max: 639px;--bp-tablet-min: 640px;--bp-tablet-max: 1023px;--bp-laptop-min: 1024px;--color-bg-primary: var(--vault-bg);--color-bg-secondary: var(--vault-surface);--color-bg-tertiary: #1a1a25;--color-bg-card: var(--vault-elevated);--color-bg-input: var(--vault-input);--color-primary: var(--neon-purple);--color-primary-light: #c084fc;--color-primary-dark: var(--neon-purple-deep);--color-primary-glow: var(--neon-purple-glow);--color-secondary: var(--neon-cyan);--color-accent: var(--neon-pink);--color-text-primary: var(--ink-primary);--color-text-secondary: var(--ink-secondary);--color-text-muted: var(--ink-muted);--color-border: var(--border-subtle);--color-neon-purple: var(--neon-purple);--color-neon-cyan: var(--neon-cyan);--color-neon-pink: var(--neon-pink);--color-neon-green: var(--neon-green);--gradient-brand: linear-gradient(135deg, var(--neon-purple) 0%, var(--neon-cyan) 100%);--border-glow: 1px solid var(--border-neon);--ion-background-color: var(--vault-bg);--ion-text-color: var(--ink-primary);--ion-toolbar-background: var(--vault-header);--ion-toolbar-color: var(--ink-primary);--ion-item-background: var(--vault-elevated);--ion-card-background: var(--vault-elevated);--ion-tab-bar-background: var(--vault-surface);--ion-tab-bar-color: var(--ink-muted);--ion-tab-bar-color-selected: var(--neon-purple)}@theme{ --color-bg-primary: var(--vault-bg); --color-bg-secondary: var(--vault-surface); --color-bg-card: var(--vault-elevated); --color-neon-purple: var(--neon-purple); --color-neon-cyan: var(--neon-cyan); --color-neon-pink: var(--neon-pink); --color-neon-green: var(--neon-green); --color-text-primary: var(--ink-primary); --color-text-secondary: var(--ink-secondary); --color-text-muted: var(--ink-muted); }*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--vault-bg);background-image:var(--vault-texture);color:var(--ink-primary);line-height:1.55;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1,"cv02" 1,"cv03" 1}.gaming-font{font-family:Orbitron,system-ui,sans-serif;letter-spacing:.02em}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background-color:var(--neon-purple);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--vault-surface)}::-webkit-scrollbar-thumb{background:var(--neon-purple-deep);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--neon-purple)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.dark ion-content{--background: var(--vault-bg)}.dark ion-header{--background: var(--vault-header)}.dark ion-toolbar{--background: var(--vault-header);--border-color: rgba(148, 163, 184, .18)}.dark ion-card{--background: var(--vault-elevated)}.dark ion-input,.dark ion-textarea,.dark ion-select{--background: transparent;--color: var(--ink-primary);--placeholder-color: var(--ink-muted)}.dark ion-item:not(.form-item):not(.toggle-item):not(.game-list-item){--background: transparent;--border-color: var(--border-neon)}.dark ion-searchbar:not(.gaming-searchbar){--background: var(--vault-input);--color: var(--ink-primary);--placeholder-color: var(--ink-muted);--icon-color: var(--ink-muted);--box-shadow: none;border:var(--border-glow);border-radius:var(--radius-md)}.dark ion-button{--background: var(--neon-purple);--background-hover: var(--neon-purple-deep);--background-activated: #6d28d9;--color: #fff;--border-radius: var(--radius-md);font-weight:600}.dark ion-button.button-outline{--background: transparent;--color: var(--neon-purple);--border-color: var(--neon-purple);--border-width: 1px;--box-shadow: none}.dark ion-button.button-outline:hover{--background: rgba(168, 85, 247, .12)}.form-content,.profile-content,.home-content{--background: var(--color-bg-primary)}.form-container,.profile-container,.content-wrapper{max-width:900px;margin:0 auto;padding:1.25rem 1rem 2rem}.form-container{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom));max-width:720px}.field-help{margin:-.25rem 0 .75rem;font-size:.8125rem;color:var(--ink-muted)}.tag-entry{display:flex;gap:.5rem;align-items:stretch}.tag-entry .form-item{flex:1}.tag-add-btn{flex-shrink:0;min-width:4.5rem;border:1px solid rgba(168,85,247,.35);border-radius:12px;background:#a855f724;color:#e9d5ff;font:inherit;font-weight:700;font-size:.875rem;cursor:pointer}.tag-add-btn:hover{background:#a855f73d}.tag-chips ion-chip{cursor:pointer}.form-card{border-radius:16px!important;border:1px solid var(--border-subtle)!important;box-shadow:0 12px 36px #00000059!important;background:var(--vault-elevated)!important}.form-section .section-title{font-size:.8125rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .85rem}.form-loading{display:flex;justify-content:center;padding:4rem 0 5rem}.form-loading ion-spinner{width:2.5rem;height:2.5rem;color:var(--neon-purple)}.content-wrapper{max-width:1600px;padding:1.25rem 1rem 5rem}.form-card,.progress-card,.recent-games-card,.actions-card,.stat-card{background:#151520f0;border-radius:20px;border:1px solid var(--border-neon);box-shadow:var(--shadow-elevated);margin:0 0 1.25rem;position:relative}.form-card:before,.actions-card:before{content:"";position:absolute;inset:0;border-radius:20px;border:1px solid rgba(255,255,255,.028);pointer-events:none}.form-card ion-card-header{padding:1.25rem 1.25rem 1.5rem}.filters-panel .filters-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0;margin-bottom:.875rem}.filters-panel .filters-header ion-button{margin:0;--padding-start: .625rem;--padding-end: .625rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.filters-panel .filters-header h3{margin:0;font-size:1rem;font-weight:700;color:#f8fafc}.form-card ion-card-title{font-size:1.35rem;color:#f8fafc;font-weight:700;margin:0}.form-card ion-card-content{padding:.25rem 1.25rem 1.5rem}.filters-panel{padding:.875rem 1rem;margin-top:.75rem;margin-bottom:1rem;background:#121220f0;border-radius:16px;border:1px solid rgba(168,85,247,.22);box-shadow:var(--shadow-card)}.filters-grid{--ion-grid-padding: 0;padding:0}.filters-grid ion-row{row-gap:.5rem;margin-inline:-.375rem}.filters-grid ion-col{padding:.25rem .375rem}.filters-grid .filter-group{margin-bottom:0;display:flex;flex-direction:column;gap:.375rem;height:100%}.filters-panel .filter-group label{margin:0;font-size:.6875rem;letter-spacing:.05em}.filters-panel .filter-chips{gap:.375rem;min-height:2.5rem;align-items:center}.filters-panel .filter-group ion-select,.filters-panel .gaming-select{--padding-start: 12px;--padding-end: 12px;--padding-top: 0;--padding-bottom: 0;--min-height: 2.5rem;min-height:2.5rem;width:100%;border-radius:12px}.form-section{display:flex;flex-direction:column;gap:1.75rem;margin-bottom:2.5rem}.form-section:last-child{margin-bottom:0}.section-title{display:block;font-size:.78rem;font-weight:700;color:#a855f7;margin:0;text-transform:uppercase;letter-spacing:.08em}.form-section>.field-group,.form-section>.genre-selector,.form-section>.form-item,.form-section>.toggle-item{margin-bottom:0}.filter-group{margin-bottom:1rem}.filter-group label{display:block;font-size:.75rem;font-weight:700;color:#94a3b8;margin:0 0 .875rem;text-transform:uppercase;letter-spacing:.06em}.field-group{margin-bottom:1rem}.field-group:last-child{margin-bottom:0}.field-label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:#cbd5e1;line-height:1.3}.rating-field__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.625rem}.rating-field__header .field-label{margin-bottom:0}.rating-field__score{color:#fde68a;font-size:1rem;font-weight:700;line-height:1;flex-shrink:0}.rating-field__score--empty{color:var(--ink-muted)}.rating-field__score--preview{color:#fcd34d}.field-hint{margin:.375rem 0 0;font-size:.75rem;color:var(--ink-muted);line-height:1.4}.field-group ion-item.field-invalid,.form-item.field-invalid{border-color:#ef44448c!important;box-shadow:0 0 0 3px #ef444414!important}.field-error{display:block;margin:.35rem 0 0 .25rem;font-size:.78rem;color:#fca5a5;line-height:1.35}.dark ion-item.form-item,.dark ion-item.toggle-item,.form-item,.toggle-item,.gaming-select,.filter-group ion-select{--background: rgba(15, 15, 28, .95);--border-radius: 14px;--padding-start: 14px;--padding-end: 14px;--padding-top: 0;--padding-bottom: 0;--inner-padding-end: 0;--inner-padding-start: 0;--min-height: 48px;--highlight-color-focused: #a855f7;--highlight-color-valid: #a855f7;border:1px solid rgba(148,163,184,.16);border-radius:14px;overflow:visible;margin-bottom:0;width:100%}.form-item--textarea{--min-height: auto;--padding-top: 12px;--padding-bottom: 12px}.field-group .form-item:last-child,.form-section>.form-item:last-child,.form-section>.toggle-item:last-child{margin-bottom:0}.dark ion-item.form-item.item-has-focus,.dark ion-item.form-item:focus-within,.form-item.item-has-focus,.form-item:focus-within,.gaming-select:focus-within,.filter-group ion-select:focus-within{border-color:#a855f78c;box-shadow:0 0 0 3px #a855f71f}.form-item ion-label,.form-item ion-label[position=stacked]{margin-bottom:.5rem!important;font-size:.8125rem!important;font-weight:600!important;color:#cbd5e1!important;transform:none!important;opacity:1!important}.form-item ion-input,.form-item ion-select,.gaming-select,.filter-group ion-select{--padding-start: 0;--padding-end: 0;--padding-top: 12px;--padding-bottom: 12px;--color: #f8fafc;--placeholder-color: var(--ink-muted);--placeholder-opacity: 1;font-size:.9375rem;width:100%;max-width:100%}.form-item ion-textarea{--padding-start: 0;--padding-end: 0;--padding-top: 10px;--padding-bottom: 10px;--color: #f8fafc;--placeholder-color: var(--ink-muted);--placeholder-opacity: 1;font-size:.9375rem;width:100%;max-width:100%;min-height:96px;line-height:1.55}.form-item ion-input,.form-item ion-select,.gaming-select,.filter-group ion-select{min-height:24px}.form-item ion-select::part(text),.form-item ion-select::part(placeholder),.gaming-select::part(text),.gaming-select::part(placeholder),.filter-group ion-select::part(text),.filter-group ion-select::part(placeholder){color:#f8fafc}.form-item ion-select::part(icon),.gaming-select::part(icon),.filter-group ion-select::part(icon){color:#94a3b8;opacity:1}.toggle-item{--min-height: 52px;--padding-top: 12px;--padding-bottom: 12px;--inner-padding-end: 8px;margin-top:.25rem;display:flex;align-items:center;justify-content:space-between}.toggle-item::part(native){justify-content:space-between}.toggle-item ion-label{margin-bottom:0!important;flex:1;color:#f8fafc!important;font-size:.95rem!important}.toggle-item ion-toggle{margin-inline-start:auto;flex-shrink:0}ion-toggle{--track-background: rgba(148, 163, 184, .25);--track-background-checked: rgba(168, 85, 247, .45);--handle-background: #f8fafc;--handle-background-checked: #f8fafc;padding-inline-end:4px}.search-bar-container{display:flex;gap:.75rem;align-items:center}.search-field{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:48px;min-height:48px;max-height:48px;padding:0 14px;box-sizing:border-box;background:#0f0f1cf2;border:1px solid var(--border-subtle);border-radius:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.search-field:focus-within{border-color:#a855f799;box-shadow:0 0 0 3px #a855f721;background:#11111afa}.search-field__icon{color:var(--neon-purple);font-size:1.15rem;flex-shrink:0;pointer-events:none;transition:color var(--transition-fast),transform var(--transition-fast)}.search-field:focus-within .search-field__icon{color:#c084fc;transform:scale(1.04)}.search-field ion-input.search-field__input,.search-field__input{flex:1;min-width:0;height:100%;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;--background: transparent;--color: #f8fafc;--placeholder-color: var(--ink-muted);--placeholder-opacity: 1;--highlight-color-focused: transparent;font-size:.95rem}.search-field ion-input.search-field__input::part(native),.search-field__input::part(native){padding:0}.gaming-searchbar{--background: rgba(15, 15, 28, .95);--color: #f8fafc;--placeholder-color: var(--ink-muted);--icon-color: #a855f7;--clear-button-color: #94a3b8;--border-radius: 14px;--box-shadow: none;padding:0;height:48px;border:none}.dark ion-searchbar:not(.gaming-searchbar){--background: var(--color-bg-input);--color: var(--color-text-primary);--placeholder-color: var(--color-text-muted);--icon-color: var(--color-text-secondary);--box-shadow: none;border:var(--border-glow);border-radius:12px}.gaming-select,.filter-group ion-select{--padding-start: 14px;--padding-end: 14px;--padding-top: 12px;--padding-bottom: 12px;--min-height: 52px;margin-bottom:0}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chips ion-chip,.genre-selector ion-chip{--background: rgba(15, 15, 28, .95);--color: #94a3b8;margin:0;min-height:34px;padding-inline:12px;border:1px solid rgba(148,163,184,.14);cursor:pointer;transition:all .2s ease}.filter-chips ion-chip.selected,.genre-selector ion-chip.selected{--background: rgba(168, 85, 247, .22);--color: #f8fafc;border-color:#a855f78c}.genre-selector{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0}.status-segment{--background: rgba(15, 15, 28, .95);border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:.25rem}.status-segment ion-segment-button{--indicator-color: rgba(168, 85, 247, .35);--color: #94a3b8;--color-checked: #f8fafc;min-height:2.5rem;font-size:.75rem;font-weight:600;text-transform:none}.header-toolbar,.form-toolbar,.detail-toolbar,.profile-toolbar{--background: var(--vault-header);--border-color: rgba(148, 163, 184, .18);--padding-top: .625rem;--padding-bottom: .625rem;--padding-start: 0;--padding-end: 0;--min-height: 88px;backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.18)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;gap:1rem;min-height:64px}.header-brand{display:flex;align-items:center;gap:.875rem;min-width:0;flex:1}.header-title{margin:0;font-size:1.2rem;font-weight:700;color:#f8fafc;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-back-btn{--icon-font-size: 1.35rem;--color: #94a3b8;--padding-start: 0;--padding-end: 0;--min-width: 44px;--min-height: 44px;width:44px;height:44px;margin:0;flex-shrink:0}.header-back-btn::part(native){border-radius:13px;background:#ffffff0a}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-icon-btn{--background: rgba(255, 255, 255, .04);--background-hover: rgba(168, 85, 247, .16);--background-activated: rgba(168, 85, 247, .22);--border-radius: 13px;--border-width: 0;--color: #94a3b8;--padding-start: 0;--padding-end: 0;width:44px;height:44px;margin:0;border:none;transition:transform .2s ease}.header-icon-btn::part(native){border-radius:12px;transition:background-color .2s ease,color .2s ease}.header-icon-btn:hover,.header-icon-btn:focus-visible{--color: #e2e8f0}.header-icon-btn.active{--background: rgba(168, 85, 247, .18);--color: #e9d5ff}.header-icon-btn.edit-btn{--color: #a78bfa}.header-icon-btn.edit-btn:hover,.header-icon-btn.edit-btn:focus-visible{--background: rgba(168, 85, 247, .35);--background-hover: rgba(168, 85, 247, .35);--background-activated: rgba(168, 85, 247, .42);--color: #e9d5ff}.header-icon-btn.edit-btn:hover::part(native),.header-icon-btn.edit-btn:focus-visible::part(native){background:#a855f759}.header-icon-btn.delete-btn{--color: #f87171}.header-icon-btn.delete-btn:hover,.header-icon-btn.delete-btn:focus-visible{--background: rgba(239, 68, 68, .35);--background-hover: rgba(239, 68, 68, .35);--background-activated: rgba(239, 68, 68, .42);--color: #fecaca}.header-icon-btn.delete-btn:hover::part(native),.header-icon-btn.delete-btn:focus-visible::part(native){background:#ef444459}.header-icon-btn.view-toggle-btn:hover,.header-icon-btn.view-toggle-btn:focus-visible{--background: rgba(168, 85, 247, .35);--background-hover: rgba(168, 85, 247, .35);--background-activated: rgba(168, 85, 247, .42);--color: #e9d5ff}.header-icon-btn.view-toggle-btn:hover::part(native),.header-icon-btn.view-toggle-btn:focus-visible::part(native){background:#a855f759}.header-icon-btn.view-toggle-btn.active:hover,.header-icon-btn.view-toggle-btn.active:focus-visible{--background: rgba(168, 85, 247, .45);--background-hover: rgba(168, 85, 247, .45);--color: #f3e8ff}.header-icon-btn.view-toggle-btn.active:hover::part(native),.header-icon-btn.view-toggle-btn.active:focus-visible::part(native){background:#a855f773}.header-icon-btn.download-btn{--color: #67e8f9}.header-icon-btn.download-btn:hover,.header-icon-btn.download-btn:focus-visible{--color: #a5f3fc;--background: rgba(6, 182, 212, .14);--background-hover: rgba(6, 182, 212, .14)}.header-icon-btn.download-btn:hover::part(native),.header-icon-btn.download-btn:focus-visible::part(native){box-shadow:0 0 0 1px #06b6d447}.header-icon-btn.profile-btn{--color: #e9d5ff}.header-icon-btn.profile-btn:hover,.header-icon-btn.profile-btn:focus-visible{--background: rgba(168, 85, 247, .35);--background-hover: rgba(168, 85, 247, .35);--background-activated: rgba(168, 85, 247, .42);--color: #f3e8ff}.header-icon-btn.profile-btn:hover::part(native),.header-icon-btn.profile-btn:focus-visible::part(native){background:#a855f759}.header-icon-btn.logout-btn{--color: #f87171}.header-icon-btn.logout-btn:hover,.header-icon-btn.logout-btn:focus-visible{--background: rgba(239, 68, 68, .35);--background-hover: rgba(239, 68, 68, .35);--background-activated: rgba(239, 68, 68, .42);--color: #fecaca}.header-icon-btn.logout-btn:hover::part(native),.header-icon-btn.logout-btn:focus-visible::part(native){background:#ef444459}.brand-mark{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#a855f742,#06b6d424);border:1px solid rgba(168,85,247,.38);box-shadow:0 8px 20px #00000052,inset 0 1px #ffffff14;position:relative}.brand-mark:after{content:"";position:absolute;inset:1px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 60%);pointer-events:none}.brand-mark ion-icon{font-size:1.32rem;color:#d8b4fe;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.brand-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.brand-name{font-size:1.2rem;font-weight:700;color:#f8fafc;line-height:1.1}.brand-tagline{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.form-actions{display:flex;justify-content:flex-end;gap:.875rem;padding-top:1.25rem;margin-top:.5rem;border-top:1px solid rgba(168,85,247,.12)}.fixed-actions{position:fixed;bottom:0;left:0;right:0;background:#0c0c16f5;border-top:1px solid rgba(168,85,247,.18);padding-bottom:env(safe-area-inset-bottom);z-index:999;backdrop-filter:blur(16px)}.actions-content{display:flex;justify-content:flex-end;gap:.875rem;padding:.875rem 1rem;max-width:900px;margin:0 auto}.cancel-btn{--background: rgba(255, 255, 255, .04);--background-hover: rgba(168, 85, 247, .16);--background-activated: rgba(168, 85, 247, .22);--border-width: 0;--color: #e2e8f0;--border-radius: 12px;height:48px;min-width:108px;margin:0;font-weight:600}.submit-btn{--background: var(--neon-purple);--background-hover: var(--neon-purple-deep);--background-activated: #6d28d9;--border-radius: var(--radius-md);--border-width: 0;--padding-start: 22px;--padding-end: 22px;height:48px;font-weight:700;min-width:140px;margin:0}.cancel-btn::part(native),.submit-btn::part(native){border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease}.cancel-btn::part(native){border:1px solid rgba(148,163,184,.22)}.submit-btn::part(native){gap:.5rem;box-shadow:0 4px 18px #a855f747}.submit-btn ion-icon{margin-inline-end:.5rem}@media (hover: hover){.cancel-btn:hover::part(native){transform:translateY(-1px);border-color:#a855f780;box-shadow:0 6px 22px #a855f733}.submit-btn:not([disabled]):hover::part(native){transform:translateY(-2px);box-shadow:var(--shadow-neon)}}.cancel-btn:active::part(native),.submit-btn:not([disabled]):active::part(native){transform:translateY(0) scale(.98);box-shadow:0 2px 10px #a855f738}.submit-btn[disabled]{opacity:.55}.recent-games-card ion-item,.game-list-item{--background: rgba(15, 15, 28, .95);--padding-start: 16px;--padding-end: 16px;--padding-top: 14px;--padding-bottom: 14px;--inner-padding-end: 12px;--min-height: 88px;border:1px solid rgba(148,163,184,.12);border-radius:14px;margin-bottom:.75rem}.recent-games-card ion-item h3,.game-list-item .game-title{color:#f8fafc;font-weight:600}.recent-games-card ion-item p,.game-list-item .game-meta,.game-list-item .game-description,.game-list-item .game-secondary{color:#94a3b8}.recent-games-card ion-card-content,.progress-card ion-card-content,.actions-card ion-card-content{padding:.75rem 1.25rem 1.25rem}@media (max-width: 639px){.filters-panel{padding:.75rem;margin-bottom:4.5rem}.filters-grid ion-row{row-gap:.625rem;margin-inline:0}.filters-grid ion-col{padding:0}.filters-grid .filter-group{gap:.5rem}.filters-panel .filter-group label{font-size:.6875rem}.filters-panel .filter-chips{gap:.375rem;min-height:0;align-items:flex-start}.filter-chips ion-chip{min-height:32px;font-size:.8125rem;padding-inline:10px}.filters-panel .filter-group ion-select,.filters-panel .gaming-select{--min-height: 2.75rem;min-height:2.75rem}.filters-panel .active-filters{margin-top:.625rem;padding-top:.625rem;gap:.375rem}}@media (max-width: 480px){.form-actions{flex-direction:column}.cancel-btn,.submit-btn,.actions-content .cancel-btn,.actions-content .submit-btn{width:100%;min-width:0}.actions-content{padding:.75rem .875rem}.header-inner{padding:.75rem 1rem;gap:.75rem;min-height:56px}.header-title,.brand-name{font-size:1.05rem}.brand-tagline{display:none}}.home-content{--background: var(--vault-bg)}.search-section{margin-bottom:var(--spacing-xl);padding:0 0 var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.search-bar-container{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.filter-toggle-wrap{position:relative;flex-shrink:0}.filter-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;background:var(--vault-input);color:var(--ink-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:0;height:48px;min-height:48px;width:48px;min-width:48px;margin:0;font:inherit;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-toggle-btn:hover,.filter-toggle-btn:focus-visible{color:var(--ink-primary);background:#a855f71f;border-color:#a855f761;transform:translateY(-1px);outline:none;box-shadow:0 2px 8px #0003}.filter-toggle-btn.active{background:#a855f72e;color:#e9d5ff;border-color:#a855f773}.filter-toggle-icon{font-size:1.25rem;pointer-events:none}.filter-toggle-label{display:none;font-size:.875rem;pointer-events:none}.filter-badge{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;background:var(--semantic-error);color:#fff;font-size:.625rem;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius-pill);border:2px solid var(--vault-bg);padding:0 4px}.library-tools-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.library-shortcuts{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto}.library-shortcut{display:inline-flex;align-items:center;gap:.4rem;min-height:34px;padding:.375rem .625rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-muted);font:inherit;font-size:.8125rem;font-weight:650;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.library-shortcut:hover,.library-shortcut:focus-visible{background:#ffffff0f;color:var(--ink-primary);outline:none}.library-shortcut ion-icon{font-size:1rem}.library-shortcut__count{color:var(--ink-secondary);font-variant-numeric:tabular-nums}.mark-completed-btn{display:inline-flex;align-items:center;gap:.375rem;min-height:36px;padding:0 .75rem;border:1px solid rgba(34,197,94,.35);border-radius:var(--radius-md);background:#22c55e1a;color:#bbf7d0;margin-bottom:0;font:inherit;font-size:.8125rem;font-weight:700;justify-content:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.mark-completed-btn:hover,.mark-completed-btn:focus-visible{background:#22c55e29;border-color:#22c55e8c;outline:none}.mark-completed-btn .play-history-btn__label{flex:0 1 auto;text-align:center}.wishlist-section{scroll-margin-top:6rem}.stats-bar{display:flex;flex:1 1 34rem;gap:.25rem;padding:0;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.625rem;margin:0;padding:.375rem .625rem;border:none;border-radius:10px;background:transparent;font:inherit;color:var(--ink-muted);font-size:.8125rem}.stat-item:disabled{cursor:default;opacity:.55}.stat-item--clickable{cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform .14s var(--ease-spring);border-radius:10px}.stat-item--clickable:hover:not(.stat-item--active){transform:translateY(-1px)}.stat-item--active{background:#a855f72e;color:#e9d5ff;box-shadow:0 1px #ffffff08 inset}.stat-item--active ion-icon{color:#c084fc}@media (hover: hover){.stat-item--clickable:hover:not(.stat-item--active){color:var(--ink-secondary);background:#a855f714}}.stat-item--clickable:focus-visible{color:var(--ink-secondary);outline:none}.stat-item ion-icon{color:var(--ink-muted);font-size:1rem;pointer-events:none}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(168,85,247,.12)}.active-filter-chip{display:inline-flex;align-items:center;gap:.4375rem;margin:0;padding:.4375rem .8125rem;min-height:2rem;border-radius:var(--radius-pill);border:1px solid rgba(168,85,247,.45);background:#a855f733;color:var(--ink-primary);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),transform .14s var(--ease-spring);box-shadow:0 1px #ffffff05 inset}@media (hover: hover){.active-filter-chip:hover{background:#a855f752;border-color:#c084fca6;transform:translateY(-1px)}}.filter-results-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.75rem 0 var(--spacing-md);padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid rgba(168,85,247,.22);background:#a855f714}.filter-results-bar__count{margin:0;color:var(--ink-secondary);font-size:.9375rem}.filter-results-bar__count strong{color:var(--ink-primary);font-weight:700}.filter-results-bar__download,.section-download-btn{display:inline-flex;align-items:center;gap:.4375rem;margin:0;padding:.4375rem .8125rem;min-height:2rem;border-radius:var(--radius-pill);border:1px solid rgba(168,85,247,.38);background:#a855f729;color:#ddd6fe;font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform .15s var(--ease-out)}.filter-results-bar__download ion-icon,.section-download-btn ion-icon{font-size:1rem;pointer-events:none}.filter-results-bar__download:disabled,.section-download-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (hover: hover){.filter-results-bar__download:not(:disabled):hover,.section-download-btn:not(:disabled):hover{background:#a855f747;border-color:#c084fc8c;color:#fff;transform:translateY(-1px)}}.library-section{margin-bottom:var(--spacing-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:var(--spacing-md)}.section-header__actions{display:inline-flex;align-items:center;gap:.625rem}.section-add-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-pill);border:1px solid rgba(244,114,182,.35);background:#f472b61f;color:#f9a8d4;text-decoration:none;font-size:.8125rem;font-weight:700;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.section-add-btn:hover,.section-add-btn:focus-visible{background:#f472b62e;border-color:#f472b680;transform:translateY(-1px);outline:none}.section-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--ink-primary)}.section-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .625rem;border-radius:var(--radius-pill);background:#a855f729;border:1px solid rgba(168,85,247,.28);color:#d8b4fe;font-size:.75rem;font-weight:700}.section-empty{margin:0 0 .5rem;padding:var(--spacing-md) 1.125rem;border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:#1515208c;color:var(--ink-muted);font-size:.875rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:var(--spacing-md)}.game-card-wrapper{opacity:0;transform:translateY(12px);animation:card-enter .42s var(--ease-spring) forwards}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.games-grid .game-card-wrapper:nth-child(1){animation-delay:20ms}.games-grid .game-card-wrapper:nth-child(2){animation-delay:65ms}.games-grid .game-card-wrapper:nth-child(3){animation-delay:105ms}.games-grid .game-card-wrapper:nth-child(4){animation-delay:.14s}.games-grid .game-card-wrapper:nth-child(5){animation-delay:175ms}.games-grid .game-card-wrapper:nth-child(6){animation-delay:205ms}.games-grid .game-card-wrapper:nth-child(7){animation-delay:235ms}.games-grid .game-card-wrapper:nth-child(8){animation-delay:.26s}.games-grid .game-card-wrapper:nth-child(n+9){animation-delay:.28s}@media (prefers-reduced-motion: reduce){.game-card-wrapper{animation:none;opacity:1;transform:none}}.games-list{background:transparent;padding:0}.game-list-item{--inner-padding-start: 10px;transition:border-color var(--transition-fast),background var(--transition-fast)}.game-list-item::part(native){align-items:flex-start}.game-list-content{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0}.game-list-item ion-label.game-info{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 1 12rem;min-width:0;max-width:100%;margin:0;white-space:normal;overflow:visible;text-overflow:unset}.game-list-item .game-title{margin:0 0 .625rem;padding:0;font-size:1rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%}.game-list-item .game-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.375rem .5rem;width:100%;max-width:100%;margin:0 0 .375rem;padding:0}.game-list-item .game-year{font-size:.8125rem;color:var(--ink-muted)}.game-list-item .game-description{margin:.125rem 0 .375rem;width:100%;font-size:.8125rem;line-height:1.45;color:var(--ink-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.game-list-item .game-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;margin:.125rem 0 0;width:100%;font-size:.75rem;line-height:1.35;color:var(--ink-muted)}.game-list-item .game-status{position:relative;z-index:2;align-self:center;flex:0 0 auto;flex-shrink:0;margin-inline-start:0;display:flex;flex-direction:column;align-items:stretch;gap:.75rem;min-width:8.75rem}.game-list-item .list-mark-completed-btn{min-height:32px;padding:0 .625rem;font-size:.6875rem;border-radius:var(--radius-pill);gap:.3125rem}.game-list-item .list-mark-completed-btn ion-icon:first-child{font-size:.875rem}.game-list-item .list-mark-completed-btn .play-history-btn__label{white-space:nowrap}@media (hover: hover){.game-list-item:hover{border-color:#a855f759}}.rating-tag{display:inline-flex;align-items:center}.rating-tag app-game-rating{display:inline-flex}.game-list-item .game-thumbnail{--size: 80px;--border-radius: 10px;border-radius:10px;overflow:hidden;margin-inline-end:.875rem}.game-list-item .status-badge{display:inline-flex;align-items:center;gap:.3125rem;padding:.4375rem .75rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#0f0f158c;color:var(--ink-secondary);font-family:inherit;font-size:.6875rem;font-weight:700;letter-spacing:.02em;line-height:1;white-space:nowrap;cursor:pointer}.game-list-item .status-badge--playing{color:#93c5fd;border-color:#3b82f659;background:#3b82f61f}.game-list-item .status-badge--paused{color:#fcd34d;border-color:#f59e0b59;background:#f59e0b1f}.game-list-item .status-badge--completed{color:#86efac;border-color:#22c55e59;background:#22c55e1f}.game-list-item .status-badge--wishlist{color:#f9a8d4;border-color:#f472b659;background:#f472b61f}.game-list-item .status-badge--not_started{color:var(--ink-secondary)}.game-list-item .status-badge ion-icon{font-size:.875rem;flex-shrink:0}.game-list-item .status-badge--disabled{opacity:.45;cursor:not-allowed}@media (max-width: 639px){.game-list-item .game-thumbnail{--size: 68px;margin-inline-end:.75rem}.game-list-item .game-title{font-size:.9375rem}}.game-list-item .platform-tag{display:inline-flex;align-items:center;max-width:100%;min-width:0;margin:0;background:#a855f729;color:#d8b4fe;padding:.1875rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wishlist-countdown{color:#f9a8d4;font-weight:600}.games-loading{display:block;width:100%;padding:.25rem 0 2.5rem}.games-loading ion-spinner{width:2.5rem;height:2.5rem;color:var(--neon-purple)}.skeleton-card{background:var(--vault-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;height:100%;min-width:0}.skeleton-cover{aspect-ratio:3/4;background:linear-gradient(145deg,#1f1f2b,#171721);position:relative;overflow:hidden}.skeleton-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.055) 50%,transparent 80%);animation:skeleton-shimmer 1.6s infinite}.skeleton-chip{position:absolute;top:.75rem;left:.75rem;z-index:1;width:4.25rem;height:1.35rem;border-radius:var(--radius-pill);background:#94a3b829}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion: reduce){.skeleton-cover:after{animation:none}}.skeleton-body{padding:1rem 1.125rem 1.125rem}.skeleton-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.skeleton-meta .skeleton-line{margin-bottom:0}.skeleton-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.skeleton-pill{display:inline-block;width:3.5rem;height:1.35rem;border-radius:var(--radius-pill);background:#94a3b81f}.skeleton-line{height:12px;background:#94a3b81f;border-radius:999px;margin-bottom:10px}.skeleton-line.short{width:52%}.skeleton-line.medium{width:78%}.skeleton-line.tiny{width:2.25rem;flex-shrink:0}.skeleton-line.tall{height:15px;margin-bottom:14px;width:88%}.skeleton-shelf-item{min-width:0}.skeleton-cover--shelf{border-radius:12px;border:1px solid var(--border-subtle);margin-bottom:.55rem}.skeleton-shelf-item .skeleton-line{margin-bottom:.4rem}.skeleton-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-list-item{display:flex;align-items:flex-start;gap:.875rem;padding:.75rem .875rem;background:var(--vault-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.skeleton-cover--list{width:4.5rem;flex-shrink:0;aspect-ratio:3/4;border-radius:var(--radius-md)}.skeleton-list-body{flex:1;min-width:0;padding-top:.15rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{width:100px;height:100px;margin:0 auto 1.5rem;background:#a855f71f;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-neon)}.empty-icon ion-icon{font-size:48px;color:var(--neon-purple)}.empty-state h3{color:var(--ink-primary);font-size:1.35rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:var(--ink-muted);margin-bottom:1.5rem;max-width:40ch;margin-inline:auto}.add-first-game-btn{--background: var(--neon-purple);--background-hover: var(--neon-purple-deep);--border-radius: var(--radius-md)}.custom-add-button{position:fixed;bottom:20px;right:20px;width:58px;height:58px;border-radius:999px;background:var(--neon-purple);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 28px #0006,0 0 0 1px #a855f740 inset;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal),filter .14s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.custom-add-button:hover{transform:translateY(-3px) scale(1.01);background:var(--neon-purple-deep);box-shadow:var(--shadow-neon),0 14px 34px #00000073;filter:brightness(1.02)}}.custom-add-button:active{transform:scale(.96)}.custom-add-button ion-icon{font-size:29px;color:#fff;pointer-events:none}@supports (padding-bottom: env(safe-area-inset-bottom)){.custom-add-button{bottom:calc(20px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right))}}@media (max-width: 639px){.search-section{padding-bottom:var(--spacing-md)}.search-bar-container{gap:.5rem;margin-bottom:.75rem}.library-tools-row{align-items:stretch;flex-direction:column}.library-shortcuts{align-self:flex-end;gap:0}.library-shortcut{padding-inline:.5rem}.stats-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:0}.stat-item{width:100%;min-width:0;justify-content:flex-start;gap:.4375rem;padding:.4375rem .5rem;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-item span{overflow:hidden;text-overflow:ellipsis}.stat-item ion-icon{font-size:1rem;flex-shrink:0}.stat-item:last-child:nth-child(odd){grid-column:1/-1}.games-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.game-list-content{align-items:flex-start}.game-list-item ion-label.game-info{flex:1 1 100%;width:100%}.game-list-item .game-status{flex:1 1 100%;width:100%;min-width:0;align-self:stretch;flex-direction:row;flex-wrap:wrap;gap:.5rem}.game-list-item .list-mark-completed-btn{flex:1 1 auto;min-width:0}}@media (max-width: 480px){.content-wrapper{padding-inline:.75rem}.search-section{padding:.625rem;border-radius:var(--radius-lg)}.stat-item{font-size:.75rem;padding:.375rem .4375rem}.games-grid{grid-template-columns:1fr}}@media (min-width: 640px){.filter-toggle-btn{width:auto;min-width:7.5rem;padding:0 16px 0 14px;gap:.625rem}.filter-toggle-label{display:inline}}.vault-home{padding-top:.5rem;padding-bottom:2.5rem;max-width:1400px;margin:0 auto}.section-subtitle{margin:.2rem 0 0;font-size:.8125rem;color:var(--ink-muted);font-weight:500}.section-header--continue{margin-bottom:.875rem}.continue-section{margin-bottom:1.75rem}.continue-rail{display:flex;gap:1rem;overflow-x:auto;padding:.25rem .15rem .75rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.continue-card{flex:0 0 auto;width:min(168px,42vw);scroll-snap-align:start;text-decoration:none;color:inherit;border-radius:14px;transition:transform var(--transition-fast)}.continue-card:hover,.continue-card:focus-visible{transform:translateY(-3px);outline:none}.continue-card__cover{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);background:var(--vault-elevated)}.continue-card:hover .continue-card__cover,.continue-card:focus-visible .continue-card__cover{border-color:#a855f766;box-shadow:var(--shadow-card-hover)}.continue-card__play{position:absolute;right:.55rem;bottom:.55rem;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#a855f7eb;color:#fff;opacity:0;transform:scale(.9);transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:0 6px 16px #00000059}.continue-card:hover .continue-card__play,.continue-card:focus-visible .continue-card__play{opacity:1;transform:scale(1)}.continue-card__meta{padding:.55rem .15rem 0}.continue-card__title{margin:0;font-size:.875rem;font-weight:700;line-height:1.3;color:var(--ink-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-card__sub{margin:.2rem 0 0;font-size:.75rem;color:var(--ink-muted)}.library-toolbar{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.library-toolbar .search-bar-container{margin-bottom:.875rem}.filter-toggle-btn--wide .filter-toggle-label{display:inline}.filter-toggle-btn--wide{width:auto;min-width:auto;padding:0 14px;gap:.5rem}.toolbar-icon-btn{display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--vault-input);color:var(--ink-secondary);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.toolbar-icon-btn:hover,.toolbar-icon-btn:focus-visible{background:#a855f71f;border-color:#a855f759;color:var(--ink-primary);outline:none}.toolbar-icon-btn ion-icon{font-size:1.25rem}.toolbar-icon-btn:disabled{opacity:.45;cursor:not-allowed}.saved-collections{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem}.collection-chip__remove{margin-left:.15rem;opacity:.7;font-weight:700}.collection-chip__remove:hover{opacity:1;color:#fecaca}.collection-chips{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.collection-chips::-webkit-scrollbar{display:none}.collection-chip{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;min-height:34px;margin:0;padding:.35rem .75rem;border-radius:999px;border:1px solid transparent;background:#ffffff08;color:var(--ink-muted);font:inherit;font-size:.8125rem;font-weight:650;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.collection-chip:hover:not(:disabled),.collection-chip:focus-visible:not(:disabled){color:var(--ink-primary);background:#ffffff0f;outline:none}.collection-chip:disabled{opacity:.4;cursor:default}.collection-chip--active{background:#a855f72e;border-color:#a855f766;color:#f3e8ff}.collection-chip__count{font-variant-numeric:tabular-nums;font-size:.75rem;opacity:.85}.tag-rail{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;margin:.35rem 0 .85rem;padding-bottom:.15rem;scrollbar-width:none}.tag-rail::-webkit-scrollbar{display:none}.tag-rail__chip{flex-shrink:0;min-height:32px;margin:0;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--ink-muted);font:inherit;font-size:.78rem;font-weight:650;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tag-rail__chip:hover,.tag-rail__chip:focus-visible{color:var(--ink-primary);border-color:#a855f759;outline:none}.tag-rail__chip--active{background:#a855f72e;border-color:#a855f773;color:#f3e8ff}.filter-group__hint{margin:.25rem 0 0;font-size:.8rem;color:var(--ink-muted);line-height:1.4}.view-mode-inline{display:inline-flex;align-items:center;gap:.15rem;padding:.15rem;border-radius:10px;border:1px solid var(--border-subtle);background:#ffffff08}.view-mode-btn{display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer}.view-mode-btn.active,.view-mode-btn:hover,.view-mode-btn:focus-visible{color:#e9d5ff;background:#a855f729;outline:none}.games-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:1.25rem 1rem;align-items:start}.shelf-item{display:flex;flex-direction:column;gap:.55rem;min-width:0;text-decoration:none;color:inherit;border-radius:4px;transition:transform .18s var(--ease-out, ease-out)}.shelf-item:hover,.shelf-item:focus-visible{transform:translateY(-4px);outline:none}.shelf-item__art{position:relative;width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--vault-elevated);border:1px solid var(--border-subtle);box-shadow:0 10px 28px #00000061;isolation:isolate}.shelf-item:hover .shelf-item__art,.shelf-item:focus-visible .shelf-item__art{border-color:#a855f76b;box-shadow:0 18px 36px #0000007a,0 0 0 1px #a855f738}.shelf-item__art app-game-cover{position:absolute;inset:0;width:100%;height:100%;display:block}.shelf-item__shade{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);pointer-events:none;z-index:1;opacity:0;transition:opacity .16s ease}.shelf-item:hover .shelf-item__shade,.shelf-item:focus-visible .shelf-item__shade{opacity:1}.shelf-item__status{position:absolute;top:.45rem;left:.45rem;z-index:2;width:10px;height:10px;border-radius:999px;border:1.5px solid rgba(10,10,15,.75);box-shadow:0 0 0 1px #00000040}.shelf-item__status--playing{background:var(--status-playing)}.shelf-item__status--paused{background:var(--status-paused)}.shelf-item__status--completed{background:var(--status-completed)}.shelf-item__status--wishlist{background:var(--status-wishlist)}.shelf-item__status--not_started{background:var(--ink-muted)}.shelf-item__badge{position:absolute;right:.4rem;bottom:.4rem;z-index:2;max-width:calc(100% - .8rem);padding:.18rem .4rem;border-radius:6px;background:color-mix(in srgb,var(--platform-color, #a855f7) 88%,#000);color:#fff;font-size:.5625rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}.shelf-item__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:0 .1rem}.shelf-item__title{margin:0;font-size:.8125rem;font-weight:700;line-height:1.3;color:var(--ink-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-item__sub{margin:0;font-size:.6875rem;font-weight:550;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-tile{display:none}.empty-state--vault{margin-top:2rem;padding:2.5rem 1.5rem;border-radius:16px;border:1px dashed rgba(168,85,247,.28);background:#a855f70d}.game-card-wrapper,.continue-card,.shelf-item{animation:vault-rise .28s var(--ease-out, ease-out) both;animation-delay:calc(min(var(--i, 0),10)*35ms)}@keyframes vault-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.game-card-wrapper,.continue-card,.shelf-item,.continue-card:hover,.continue-card:focus-visible,.shelf-item:hover,.shelf-item:focus-visible{animation:none;transform:none}.continue-card__play{opacity:1;transform:none}.shelf-item__shade{opacity:.55}}@media (max-width: 639px){.games-shelf{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.875rem .65rem}.shelf-item__title{font-size:.75rem}}@media (min-width: 1024px){.games-shelf{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1.35rem 1.1rem}.continue-card{width:176px}}@media (min-width: 1400px){.games-shelf{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.detail-content{--background: var(--vault-bg)}.header-toolbar{--background: color-mix(in srgb, var(--vault-bg) 90%, transparent);--border-width: 0;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:1100px;margin:0 auto;padding:0 .25rem}.header-brand{display:flex;align-items:center;gap:.35rem;min-width:0}.header-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--ink-primary);letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:.25rem}.header-icon-btn,.header-back-btn{--color: var(--ink-secondary);--padding-start: .4rem;--padding-end: .4rem;margin:0}.header-icon-btn:hover,.header-back-btn:hover{--color: var(--ink-primary)}.ritual-card{margin:0 0 1rem;background:#151520f5;border:1px solid rgba(168,85,247,.22);border-radius:16px;box-shadow:var(--shadow-card)}.ritual-card__help{margin:0 0 .85rem;font-size:.8125rem;color:var(--ink-muted)}.ritual-log{display:flex;gap:.65rem;align-items:center}.ritual-log__input{flex:1;min-height:44px;--padding-start: .85rem;--padding-end: .85rem;--background: var(--vault-input);--color: var(--ink-primary);border:1px solid var(--border-subtle);border-radius:12px}.ritual-log__btn{flex-shrink:0;min-height:44px;margin:0;padding:0 1rem;border:0;border-radius:12px;background:var(--neon-purple);color:#fff;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.ritual-log__btn:disabled{opacity:.5;cursor:not-allowed}.tag-chip{background:#06b6d41f!important;border-color:#06b6d447!important;color:#a5f3fc!important}.detail-page .info-card,.detail-page .genres-card,.detail-page .timeline-card,.detail-page .rating-card,.detail-page .stats-card{border-radius:16px;border:1px solid var(--border-subtle);background:var(--vault-elevated);box-shadow:none}.detail-page .section-title{letter-spacing:-.01em}.detail-page{max-width:1100px;margin:0 auto;padding:0 1.25rem calc(2.5rem + env(safe-area-inset-bottom))}.hero-section{position:relative;width:100%;min-height:320px;display:flex;align-items:flex-end;overflow:hidden;padding:1.5rem 0 2rem}.hero-inner{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem}.hero-background{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(24px);opacity:.28;transform:scale(1.08)}.hero-background--placeholder{background:radial-gradient(circle at 25% 20%,rgba(168,85,247,.2) 0%,transparent 50%),radial-gradient(circle at 75% 80%,rgba(6,182,212,.12) 0%,transparent 45%),linear-gradient(145deg,#1a1a25 0%,var(--vault-bg) 100%);filter:none;opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,10,15,.15) 0%,rgba(10,10,15,.55) 55%,var(--vault-bg) 100%)}.hero-content{position:relative;display:flex;gap:1.75rem;align-items:flex-end;width:100%}.hero-image{position:relative;flex-shrink:0;width:168px;height:236px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevated);box-shadow:var(--shadow-elevated),inset 0 0 0 1px #ffffff0f}.cover-media-actions{position:absolute;top:.5rem;left:.5rem;z-index:2;display:flex;gap:.375rem}.cover-media-action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:#0f0f15c7;color:#f8fafc;cursor:pointer;text-decoration:none;backdrop-filter:blur(8px);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.cover-media-action ion-icon{font-size:1rem}.cover-media-action:hover,.cover-media-action:focus-visible{outline:none;transform:translateY(-1px)}.cover-media-action--edit:hover,.cover-media-action--edit:focus-visible{background:#a855f747;border-color:#c4b5fd8c}.cover-media-action--remove:hover,.cover-media-action--remove:focus-visible{background:#ef44443d;border-color:#fca5a573;color:#fecaca}.hero-info{flex:1;min-width:0;padding-bottom:.25rem}.hero-info .game-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--ink-primary);margin:0 0 1rem;line-height:1.15}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem .875rem}.hero-meta .platform-chip{display:inline-flex;align-items:center;padding:.45rem .75rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--platform-color, var(--neon-purple)) 88%,black);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero-meta .year{color:var(--ink-secondary);font-size:.9375rem;font-weight:500}.status-picker{position:relative}.status-picker--locked{cursor:not-allowed}.hero-meta .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#0f0f158c;color:var(--ink-secondary);font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform .15s var(--ease-out)}.hero-meta .status-badge:hover,.hero-meta .status-badge:focus-visible{border-color:#a855f773;background:#a855f71f;outline:none}.status-select-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.status-badge--playing{color:#93c5fd;border-color:#3b82f659;background:#3b82f61f}.status-badge--paused{color:#fcd34d;border-color:#f59e0b59;background:#f59e0b1f}.status-badge--completed{color:#86efac;border-color:#22c55e59;background:#22c55e1f}.status-badge--wishlist{color:#f9a8d4;border-color:#f472b659;background:#f472b61f}.hero-meta .status-badge.status-badge--disabled,.hero-meta .status-badge.status-badge--disabled:hover,.hero-meta .status-badge.status-badge--disabled:focus-visible{opacity:.45;cursor:not-allowed;border-color:inherit;background:inherit;transform:none}.status-badge--disabled{opacity:.45;cursor:not-allowed}.content-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:1.25rem;align-items:start}.main-column{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.detail-stat-card{display:flex;align-items:center;gap:.875rem;padding:1rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:#151520eb;box-shadow:var(--shadow-card)}.detail-stat-card__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;flex-shrink:0}.detail-stat-card__icon ion-icon{font-size:1.25rem}.detail-stat-card__icon--rating{background:#f59e0b29;color:#fbbf24}.detail-stat-card__icon--playtime{background:#a855f729;color:#c084fc}.detail-stat-card__icon--sessions{background:#06b6d424;color:#22d3ee}.detail-stat-card__icon--tracked{background:#22c55e24;color:#4ade80}.detail-stat-card__body{display:flex;flex-direction:column;gap:.125rem;min-width:0}.detail-stat-card__value{color:var(--ink-primary);font-size:1.125rem;font-weight:700;line-height:1.1}.detail-stat-card__label{color:var(--ink-muted);font-size:.75rem;font-weight:600;letter-spacing:.02em}.sidebar{display:flex;flex-direction:column;gap:1.25rem}.info-card,.stats-card,.notes-card,.history-card,.timeline-card,.rating-card{background:#151520eb;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);margin:0}.info-card ion-card-content,.timeline-card ion-card-content,.stats-card ion-card-content,.notes-card ion-card-content,.history-card ion-card-content,.rating-card ion-card-content{padding:1.25rem}.rating-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.875rem}.rating-card__header .section-title{margin:0}.rating-card__score{color:#fde68a;font-size:1.125rem;font-weight:700;line-height:1;flex-shrink:0}.rating-card__score--empty{color:var(--ink-muted)}.rating-card__score--preview{color:#fcd34d}.rating-card__meta{margin:.75rem 0 0;color:var(--ink-muted);font-size:.8125rem}.detail-page .section-title{font-size:1.125rem;font-weight:700;color:var(--ink-primary);margin:0 0 1.125rem}.subsection-title{font-size:.75rem;color:var(--ink-muted);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.description{color:var(--ink-secondary);line-height:1.7;font-size:.9375rem;margin:0}.description.empty{color:var(--ink-muted);font-style:italic}.genres-card{margin:0}.genres-card .section-title{margin-bottom:1rem}.genre-chip{--background: rgba(168, 85, 247, .16);--color: #e9d5ff;margin:0;min-height:30px;padding-inline:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(168,85,247,.28);border-radius:var(--radius-pill)}.genre-chips{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.timeline-entry{position:relative;padding:0 0 1rem}.timeline-entry:last-child{padding-bottom:0}.timeline-entry:not(:last-child):before{content:"";position:absolute;left:1.0625rem;top:2.25rem;bottom:0;width:2px;background:#a855f72e}.timeline-entry__content{display:flex;align-items:flex-start;gap:.75rem}.timeline-entry__icon{display:flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:10px;background:#a855f71f;border:1px solid rgba(168,85,247,.22);color:#c084fc;flex-shrink:0}.timeline-entry__icon ion-icon{font-size:1.0625rem}.timeline-entry__text{display:flex;flex-direction:column;gap:.1875rem;min-width:0;padding-top:.1875rem}.timeline-entry__label{color:var(--ink-primary);font-size:.9375rem;font-weight:600}.timeline-entry__date{color:var(--ink-muted);font-size:.8125rem}.detail-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 0;border-bottom:1px solid var(--border-subtle)}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item ion-icon{color:#c084fc;font-size:1.25rem;flex-shrink:0}.detail-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.detail-info label{color:var(--ink-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.detail-info span{color:var(--ink-primary);font-size:.9375rem;font-weight:500}.detail-info .rating{color:#fbbf24}.notes-text{color:var(--ink-secondary);line-height:1.65;white-space:pre-wrap;margin:0;font-size:.9375rem}.history-list{display:flex;flex-direction:column;gap:.75rem;max-height:14rem;overflow-y:auto}.history-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .875rem;border-radius:var(--radius-md);background:var(--vault-input);border:1px solid var(--border-subtle)}.history-item__dates{color:var(--ink-secondary);font-size:.875rem}.history-item__duration{color:var(--neon-purple);font-size:.8125rem;font-weight:600}@media (max-width: 1023px){.content-layout{grid-template-columns:1fr}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.detail-page{padding-inline:1rem}.detail-stats{grid-template-columns:1fr}.hero-section{min-height:auto;padding:1.25rem 0 1.5rem}.hero-content{flex-direction:column;align-items:center;text-align:center}.hero-image{width:140px;height:196px}.hero-meta{justify-content:center}}.profile-content{--background: var(--vault-bg)}.profile-container{max-width:720px;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.profile-header{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;margin-bottom:1rem;background:#151520eb;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.profile-avatar{--border-radius: 50%;width:88px;height:88px;flex-shrink:0;border:2px solid rgba(168,85,247,.4);box-shadow:0 8px 24px #00000059;overflow:hidden;background:#0f0f1cf2}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,rgba(168,85,247,.28) 0%,transparent 50%),linear-gradient(145deg,#1e1e36,#12121f)}.profile-avatar-fallback ion-icon{font-size:2.25rem;color:#c084fc}.profile-info{flex:1;min-width:0}.profile-name{margin:0 0 .25rem;font-size:1.375rem;font-weight:700;color:var(--ink-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{margin:0 0 .75rem;font-size:.875rem;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badges{display:flex;flex-wrap:wrap;gap:.5rem}.level-badge{display:inline-flex;align-items:center;gap:.4375rem;padding:.5rem .875rem;background:#a855f738;color:#e9d5ff;border:1px solid rgba(168,85,247,.35);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:700;letter-spacing:.02em;line-height:1}.level-badge ion-icon{font-size:.9375rem;margin:0}.stats-grid{--ion-grid-padding: 0;margin:0 0 1rem}.stats-grid ion-row{row-gap:.625rem;margin-inline:-.3125rem}.stats-grid ion-col{padding:.3125rem}.stat-card{height:100%;margin:0;text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#151520e0;box-shadow:none}.stat-card ion-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .75rem;min-height:7.5rem}.stat-icon-wrapper{width:2.5rem;height:2.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 .625rem}.stat-icon-wrapper ion-icon{font-size:1.25rem}.stat-icon-wrapper.games{background:#a855f729;color:var(--neon-purple)}.stat-icon-wrapper.completed{background:#22c55e29;color:var(--status-completed)}.stat-icon-wrapper.hours{background:#f59e0b29;color:var(--semantic-warning)}.stat-icon-wrapper.rating{background:#ec489929;color:var(--neon-pink)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--ink-primary);line-height:1.1;margin-bottom:.125rem}.stat-label{font-size:.75rem;font-weight:600;color:var(--ink-muted);letter-spacing:.02em}.profile-card{margin:0 0 1rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:#151520eb;box-shadow:var(--shadow-card)}.profile-card ion-card-header{padding:1rem 1.125rem .375rem}.profile-card ion-card-title{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-secondary)}.profile-card ion-card-content{padding:.625rem 1.125rem 1.125rem}.progress-card ion-progress-bar{--background: rgba(168, 85, 247, .12);--progress-background: var(--status-completed);height:.5rem;border-radius:var(--radius-pill)}.progress-item{padding:.25rem 0 0}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.625rem;font-size:.875rem;color:var(--ink-muted)}.progress-value{color:var(--ink-primary);font-weight:700;font-size:.9375rem}.recent-games-list{display:flex;flex-direction:column;gap:.5rem}.recent-game-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:14px;border:1px solid var(--border-subtle);background:#0f0f1cb8;text-decoration:none;color:inherit;transition:border-color var(--transition-fast),background var(--transition-fast),transform .15s var(--ease-out)}@media (hover: hover){.recent-game-row:hover{border-color:#a855f759;background:#a855f714;transform:translateY(-1px)}}.recent-game-row:focus-visible{outline:2px solid rgba(168,85,247,.55);outline-offset:2px}.recent-game-row__thumb{width:3.25rem;height:3.25rem;flex-shrink:0;border-radius:10px;overflow:hidden;border:1px solid rgba(148,163,184,.14)}.recent-game-row__body{flex:1;min-width:0}.recent-game-row__title{margin:0 0 .125rem;font-size:.9375rem;font-weight:600;color:var(--ink-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-game-row__meta{margin:0;font-size:.8125rem;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-game-row__status{flex-shrink:0;padding:.25rem .625rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.recent-game-row__status--not_started{background:#94a3b81f;border-color:#94a3b833;color:#cbd5e1}.recent-game-row__status--playing{background:#a855f729;border-color:#a855f752;color:#e9d5ff}.recent-game-row__status--paused{background:#f59e0b24;border-color:#f59e0b47;color:#fde68a}.recent-game-row__status--completed{background:#22c55e24;border-color:#22c55e47;color:#bbf7d0}.recent-game-row__status--wishlist{background:#f472b624;border-color:#f472b64d;color:#fbcfe8}.profile-empty-note{margin:0;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:#0f0f1c8c;color:var(--ink-muted);font-size:.875rem;text-align:center}@media (max-width: 480px){.profile-container{padding-inline:.75rem}.profile-header{flex-direction:column;text-align:center;padding:1.125rem 1rem;gap:.875rem}.profile-avatar{width:76px;height:76px}.profile-name{font-size:1.25rem;white-space:normal}.profile-email{white-space:normal;word-break:break-word}.profile-badges{justify-content:center}.stat-card ion-card-content{min-height:6.75rem;padding:.875rem .5rem}.stat-value{font-size:1.375rem}.stat-label{font-size:.6875rem}.profile-card ion-card-header{padding-inline:1rem}.profile-card ion-card-content{padding-inline:1rem}}.history-toolbar{--background: var(--vault-header);--color: var(--ink-primary);border-bottom:1px solid rgba(148,163,184,.18)}.history-content{--background: var(--vault-bg)}.history-container{max-width:760px;margin:0 auto;padding:1.25rem 1rem 2.5rem}.history-hero{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;border-radius:var(--radius-xl);border:1px solid rgba(34,197,94,.22);background:#151520eb}.history-hero__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#22c55e29;color:#4ade80;font-size:1.75rem;flex-shrink:0}.history-hero__title{margin:0 0 .25rem;font-size:1.35rem;font-weight:700;color:var(--ink-primary)}.history-hero__subtitle{margin:0;color:var(--ink-muted);font-size:.9375rem}.history-loading{display:flex;justify-content:center;padding:3rem 0}.history-empty{text-align:center;padding:3rem 1.5rem;border-radius:var(--radius-xl);border:1px dashed var(--border-subtle);background:#1515208c}.history-empty ion-icon{font-size:3rem;color:var(--ink-muted);margin-bottom:1rem}.history-empty h2{margin:0 0 .5rem;color:var(--ink-secondary);font-size:1.125rem;font-weight:700}.history-empty p{margin:0;color:var(--ink-muted);font-size:.9375rem;line-height:1.5}.history-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.history-entry__date-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4ade80}.history-entry__date time{font-size:.875rem;color:var(--ink-secondary)}.history-entry__card{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--vault-input);text-decoration:none;color:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}@media (hover: hover){.history-entry__card:hover{transform:translateY(-2px);border-color:#22c55e59;background:var(--vault-elevated)}}.history-entry__cover{width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.history-entry__title{margin:0 0 .375rem;font-size:1rem;font-weight:700;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-entry__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .375rem;font-size:.8125rem;color:var(--ink-muted)}.history-entry__details .detail-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--ink-muted)}.history-entry__chevron{flex-shrink:0;font-size:1.125rem;color:var(--ink-muted)}.history-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem}.history-entry__date{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding-inline:.25rem}.history-entry__info{flex:1;min-width:0}.history-entry__details{display:flex;flex-wrap:wrap;gap:.625rem;margin:0}.platform-tag{padding:.125rem .5rem;border-radius:var(--radius-pill);background:#a855f724;color:#d8b4fe;font-weight:600}@media (min-width: 640px){.history-container{padding-inline:1.5rem}.history-entry{grid-template-columns:11rem minmax(0,1fr);align-items:center;gap:1rem}.history-entry__date{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (min-width: 640px) and (max-width: 1023px){.content-wrapper{padding:1.5rem 1.25rem 4.5rem}.form-container,.profile-container{max-width:840px;padding:1.5rem 1.25rem 2rem}.detail-page,.hero-inner{padding-inline:1.5rem}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.search-section{padding:1rem}.stats-bar{display:flex;flex-wrap:wrap;gap:.625rem 1rem;padding:.75rem 1rem}.stat-item{flex:0 1 auto;padding:.4375rem .625rem;font-size:.8125rem}.game-list-content{align-items:center}.game-list-item ion-label.game-info{flex:1 1 12rem;width:auto}.game-list-item .game-status{flex:0 0 auto;width:auto;min-width:8.25rem;flex-direction:column;align-self:center}.content-layout{grid-template-columns:1fr;gap:1rem}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{flex-direction:row;align-items:flex-end;text-align:left}.hero-meta{justify-content:flex-start}.filters-grid ion-col{flex:0 0 50%;max-width:50%;width:50%}.form-card ion-card-content{padding-inline:1.375rem}.profile-header{padding:1.375rem 1.25rem}.history-container{max-width:900px;padding-inline:1.5rem}}@media (min-width: 1024px){.content-wrapper{padding:1.75rem 1.5rem 5rem}.form-container,.profile-container{max-width:900px;padding:1.75rem 1.5rem 2rem}.form-container{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.form-card ion-card-content{padding:.75rem 1.5rem 1.75rem}.profile-header{padding:1.5rem 1.375rem;gap:1.5rem}.profile-avatar{width:96px;height:96px}.profile-name{font-size:1.5rem}.stat-value{font-size:1.625rem}}ion-alert.app-alert{--background: #1a1a2e;--backdrop-opacity: .72;--max-width: 360px;--width: min(360px, calc(100vw - 2rem) )}ion-alert.app-alert .alert-wrapper{background:linear-gradient(180deg,#22223a,#18182c);border:1px solid rgba(168,85,247,.38);border-radius:18px;box-shadow:0 28px 56px #000000a6,0 0 0 1px #ffffff0f,0 0 48px #a855f72e;overflow:hidden}ion-alert.app-alert .alert-head{padding:1.375rem 1.375rem .5rem}ion-alert.app-alert .alert-head h2{color:#f8fafc;font-size:1.125rem;font-weight:700;letter-spacing:-.01em}ion-alert.app-alert .alert-message{color:#cbd5e1;font-size:.9375rem;line-height:1.55;padding:0 1.375rem 1rem}ion-alert.app-alert .alert-button-group{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid rgba(148,163,184,.14)}ion-alert.app-alert .alert-button{border-radius:10px;font-weight:600;font-size:.875rem;letter-spacing:.02em;min-width:5.5rem;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}ion-alert.app-alert .alert-button:hover,ion-alert.app-alert .alert-button:focus-visible{transform:translateY(-1px)}ion-alert.app-alert .app-alert-btn-cancel{color:#cbd5e1!important;background:#94a3b81a;border:1px solid rgba(148,163,184,.22)}ion-alert.app-alert .app-alert-btn-cancel:hover,ion-alert.app-alert .app-alert-btn-cancel:focus-visible{background:#94a3b833!important;color:#f1f5f9!important;box-shadow:0 4px 14px #00000040}ion-alert.app-alert .app-alert-btn-delete{color:#fecaca!important;background:#ef444429;border:1px solid rgba(239,68,68,.38)}ion-alert.app-alert .app-alert-btn-delete:hover,ion-alert.app-alert .app-alert-btn-delete:focus-visible{background:#ef444447!important;color:#fff!important;box-shadow:0 4px 18px #ef444447}ion-alert.app-alert .app-alert-btn-export{color:#ddd6fe!important;background:#a855f729;border:1px solid rgba(168,85,247,.38)}ion-alert.app-alert .app-alert-btn-export:hover,ion-alert.app-alert .app-alert-btn-export:focus-visible{background:#a855f747!important;color:#fff!important;box-shadow:0 4px 18px #a855f747}.export-dialog-backdrop{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b8}.export-dialog{width:min(360px,100vw - 2rem);background:linear-gradient(180deg,#22223a,#18182c);border:1px solid rgba(168,85,247,.38);border-radius:18px;box-shadow:0 28px 56px #000000a6,0 0 0 1px #ffffff0f,0 0 48px #a855f72e;padding:1.375rem 1rem 1rem;display:flex;flex-direction:column}.export-dialog__head{padding:0 .375rem 1rem}.export-dialog__head h2{margin:0 0 .5rem;color:#f8fafc;font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.export-dialog__head p{margin:0;color:#cbd5e1;font-size:.9375rem;line-height:1.55}.export-dialog__actions{display:flex;flex-direction:column;gap:.5rem}.export-dialog__btn{width:100%;border-radius:10px;font-weight:600;font-size:.875rem;letter-spacing:.02em;padding:.75rem 1rem;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.export-dialog__btn:hover,.export-dialog__btn:focus-visible{transform:translateY(-1px)}.export-dialog__btn--export{color:#ddd6fe;background:#a855f729;border:1px solid rgba(168,85,247,.38)}.export-dialog__btn--export:hover,.export-dialog__btn--export:focus-visible{background:#a855f747;color:#fff;box-shadow:0 4px 18px #a855f747}.export-dialog__btn--cancel{color:#cbd5e1;background:#94a3b81a;border:1px solid rgba(148,163,184,.22)}.export-dialog__btn--cancel:hover,.export-dialog__btn--cancel:focus-visible{background:#94a3b833;color:#f1f5f9;box-shadow:0 4px 14px #00000040}.export-dialog__checkbox{display:flex;align-items:center;gap:.625rem;margin:.75rem .375rem .5rem;color:#e2e8f0;font-size:.9375rem;cursor:pointer;-webkit-user-select:none;user-select:none}.export-dialog__checkbox input[type=checkbox]{width:1rem;height:1rem;margin:0;accent-color:#a855f7;cursor:pointer}.export-dialog__btn--cancel-block{margin-top:.25rem}ion-action-sheet.app-status-sheet{--background: #18182c;--backdrop-opacity: .72;--button-background: #18182c;--button-background-activated: rgba(168, 85, 247, .16);--button-background-selected: rgba(168, 85, 247, .12);--button-color: #f8fafc;--color: #f8fafc;--ion-color-step-150: #22223a;--ion-color-step-250: #2a2a42;--ion-color-step-350: #334155}ion-action-sheet.app-status-sheet .action-sheet-group{background:#18182c}ion-action-sheet.app-status-sheet .action-sheet-title{color:#94a3b8;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}ion-action-sheet.app-status-sheet .action-sheet-button{color:#f8fafc!important;font-size:1rem;font-weight:600}ion-action-sheet.app-status-sheet .action-sheet-button.action-sheet-selected{color:#e9d5ff!important}ion-action-sheet.app-status-sheet .action-sheet-button.action-sheet-cancel{color:#cbd5e1!important;font-weight:600}.dark{--ion-color-primary: #a855f7;--ion-color-primary-rgb: 168, 85, 247;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #9333ea;--ion-color-primary-tint: #c084fc;--ion-color-secondary: #06b6d4;--ion-color-secondary-rgb: 6, 182, 212;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #0891b2;--ion-color-secondary-tint: #22d3ee;--ion-color-tertiary: #ec4899;--ion-color-tertiary-rgb: 236, 72, 153;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #db2777;--ion-color-tertiary-tint: #f472b6;--ion-color-success: #10b981;--ion-color-success-rgb: 16, 185, 129;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #059669;--ion-color-success-tint: #34d399;--ion-color-warning: #f59e0b;--ion-color-warning-rgb: 245, 158, 11;--ion-color-warning-contrast: #ffffff;--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: #d97706;--ion-color-warning-tint: #fbbf24;--ion-color-danger: #ef4444;--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #dc2626;--ion-color-danger-tint: #f87171;--ion-color-dark: #1a1a25;--ion-color-dark-rgb: 26, 26, 37;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #12121a;--ion-color-dark-tint: #2a2a35;--ion-color-medium: #94a3b8;--ion-color-medium-rgb: 100, 116, 139;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #475569;--ion-color-medium-tint: #94a3b8;--ion-color-light: #f8fafc;--ion-color-light-rgb: 248, 250, 252;--ion-color-light-contrast: #0a0a0f;--ion-color-light-contrast-rgb: 10, 10, 15;--ion-color-light-shade: #e2e8f0;--ion-color-light-tint: #ffffff}