:root{--color-navy: #1e2a59;--color-navy-band-top: #26346b;--color-ink: #2a3560;--color-muted: #50566f;--color-placeholder: #8a8fa3;--color-garnet: #b23a48;--color-garnet-text: #9a3340;--color-delete: #9a3340;--color-error: var(--color-delete);--color-periwinkle: #8d99be;--color-icon: #41529a;--color-slot: #6b7ab8;--color-sparkle: #e9b7b2;--color-white: #ffffff;--color-mist: #e8e9ee;--color-mist-top: #ecedf1;--color-mist-bottom: #e4e6eb;--color-surface: #f6f8fc;--color-card-top: rgba(255, 255, 255, .82);--color-card-bottom: rgba(246, 248, 252, .7);--color-well-top: #e1e5ee;--color-well-bottom: #f1f3f8;--color-track-top: rgba(198, 204, 220, .65);--color-track-bottom: rgba(234, 237, 244, .75);--color-rating-1: #abafbb;--color-rating-2: #8d99be;--color-rating-3: #6b7ab8;--color-rating-4: #41529a;--color-rating-5: #b23a48;--glow-card: 128, 137, 166;--glow-holy-grail: 178, 58, 72;--surface-page: linear-gradient(180deg, var(--color-mist-top), var(--color-mist-bottom));--surface-card: linear-gradient(180deg, var(--color-card-top), var(--color-card-bottom));--surface-raised: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(246, 248, 252, .85));--surface-well: linear-gradient(180deg, var(--color-well-top), var(--color-well-bottom));--surface-track: linear-gradient(180deg, var(--color-track-top), var(--color-track-bottom));--surface-navy-band: var(--glass-band-face);--blur-card: blur(14px);--veil: rgba(30, 42, 89, .38);--blur-veil: blur(6px);--shadow-card-inner: inset 0 1.5px 0 #ffffff, inset 0 2.5px 0 rgba(188, 195, 219, .35), inset 0 -1.5px 0 rgba(141, 153, 190, .28), inset 0 -8px 14px -10px rgba(141, 153, 190, .35), 0 2px 3px rgba(55, 62, 85, .12);--shadow-card: var(--shadow-card-inner), 0 22px 34px -16px rgba(var(--glow-card), .5);--shadow-card-holy-grail: var(--shadow-card-inner), 0 22px 34px -16px rgba(var(--glow-holy-grail), .5);--shadow-raised: inset 0 1.5px 0 #ffffff, inset 0 2.5px 0 rgba(188, 195, 219, .35), inset 0 -1.5px 0 rgba(141, 153, 190, .28), inset 0 -6px 10px -8px rgba(141, 153, 190, .35), 0 2px 3px rgba(55, 62, 85, .12), 0 10px 18px -10px rgba(128, 137, 166, .55);--shadow-recessed: inset 0 2px 3px rgba(30, 40, 80, .2), inset 0 -1px 0 rgba(255, 255, 255, .95), 0 1px 0 rgba(255, 255, 255, .9);--shadow-track: inset 0 2px 3px rgba(30, 40, 80, .24), inset 0 -1px 0 rgba(255, 255, 255, .95), 0 1px 0 rgba(255, 255, 255, .9);--shadow-navy-band: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -2px 3px rgba(255, 255, 255, .22), 0 2px 3px rgba(11, 17, 43, .3), 0 18px 30px -14px rgba(40, 60, 140, .6);--shadow-primary-button: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -2px 3px rgba(255, 255, 255, .28), inset 0 0 0 1px rgba(104, 129, 227, .35), 0 2px 3px rgba(16, 22, 46, .22), 0 16px 24px -6px rgba(51, 90, 245, .5), 0 30px 40px -16px rgba(51, 90, 245, .45);--shadow-primary-face: inset 0 1.5px 0 rgba(16, 22, 46, .55), inset 0 4px 10px rgba(16, 22, 46, .38), inset 1px 0 0 rgba(16, 22, 46, .22), inset -1px 0 0 rgba(16, 22, 46, .22), inset 0 -1.5px 0 rgba(104, 129, 227, .65), inset 0 -6px 10px -6px rgba(104, 129, 227, .5);--shadow-icon-tile: 0 2px 3px rgba(20, 26, 50, .25), 0 6px 12px rgba(20, 26, 50, .12);--color-light-rim: rgba(255, 255, 255, .95);--color-light-rim-faint: rgba(255, 255, 255, .32);--mask-hl-top: linear-gradient(90deg, transparent 8%, #000 26%, #000 74%, transparent 92%);--mask-hl-bottom: linear-gradient(90deg, transparent 24%, #000 40%, #000 60%, transparent 76%);--mask-hl-top-round: linear-gradient(90deg, transparent 14%, #000 38%, #000 62%, transparent 86%);--mask-hl-bottom-round: linear-gradient(90deg, transparent 26%, #000 44%, #000 56%, transparent 74%);--focus-ring: 0 0 0 3px rgba(65, 82, 154, .35);--glass-ink-rim: linear-gradient(180deg, #4B68D8 0%, #293F94 32%, #23326C 70%, #2B4AC5 100%);--glass-ink-face: radial-gradient(60% 55% at 50% 0%, rgba(73,105,228, .55), rgba(73,105,228, 0) 70%), linear-gradient(90deg, #202C5A 0%, #293B7F 18%, #1F2A57 38%, #273778 62%, #202C5A 84%, #273672 100%);--glass-ink-dark: 16,22,46;--glass-ink-light: 104,129,227;--glass-ink-cast: 51,90,245;--glass-band-rim: linear-gradient(180deg, #2F53E1 0%, #1C338E 32%, #182764 70%, #1C3EC1 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(45,84,237, .55), rgba(45,84,237, 0) 70%), linear-gradient(90deg, #162252 0%, #1D2F79 18%, #15204E 38%, #1B2C71 62%, #162252 84%, #1B2B6B 100%);--glass-band-dark: 11,17,43;--glass-band-light: 78,110,235;--glass-band-cast: 40,60,140;--glass-garnet-rim: linear-gradient(180deg, #F0959F 0%, #DC4355 32%, #C42D3E 70%, #EA6877 100%);--glass-garnet-face: radial-gradient(60% 55% at 50% 0%, rgba(247,152,163, .55), rgba(247,152,163, 0) 70%), linear-gradient(90deg, #AF2D3D 0%, #D2394B 18%, #AB2C3B 38%, #D03143 62%, #AF2D3D 84%, #CA3143 100%);--glass-garnet-dark: 85,21,28;--glass-garnet-light: 247,182,190;--glass-garnet-cast: 255,41,66;--glass-delete-rim: linear-gradient(180deg, #EC7A88 0%, #D7293F 32%, #AA2838 70%, #E64D60 100%);--glass-delete-face: radial-gradient(60% 55% at 50% 0%, rgba(245,124,139, .55), rgba(245,124,139, 0) 70%), linear-gradient(90deg, #962836 0%, #BF2C3F 18%, #922734 38%, #B72B3C 62%, #962836 84%, #B12C3D 100%);--glass-delete-dark: 74,18,25;--glass-delete-light: 244,155,166;--glass-delete-cast: 255,41,68;--glass-rating-1-rim: linear-gradient(180deg, #FFFFFF 0%, #BEC5DB 32%, #A5ADC6 70%, #DDE2EF 100%);--glass-rating-1-face: radial-gradient(60% 55% at 50% 0%, rgba(210,217,238, .55), rgba(210,217,238, 0) 70%), linear-gradient(90deg, #9CA4BB 0%, #B5BBD0 18%, #99A1B9 38%, #AEB6CC 62%, #9CA4BB 84%, #ADB4C9 100%);--glass-rating-1-dark: 64,72,97;--glass-rating-1-light: 219,224,240;--glass-rating-1-cast: 100,124,196;--glass-rating-2-rim: linear-gradient(180deg, #EBEFF9 0%, #A2B0DC 32%, #8697CA 70%, #C4CEED 100%);--glass-rating-2-face: radial-gradient(60% 55% at 50% 0%, rgba(205,215,243, .55), rgba(205,215,243, 0) 70%), linear-gradient(90deg, #7B8CC0 0%, #98A6D2 18%, #7889BF 38%, #90A0CF 62%, #7B8CC0 84%, #8F9ECC 100%);--glass-rating-2-dark: 47,60,102;--glass-rating-2-light: 215,222,244;--glass-rating-2-cast: 71,109,225;--glass-rating-3-rim: linear-gradient(180deg, #CAD2F2 0%, #7E90D8 32%, #6275C6 70%, #A1AFE8 100%);--glass-rating-3-face: radial-gradient(60% 55% at 50% 0%, rgba(203,211,246, .55), rgba(203,211,246, 0) 70%), linear-gradient(90deg, #576BBC 0%, #7486CD 18%, #5468BB 38%, #6D7FCB 62%, #576BBC 84%, #6B7DC7 100%);--glass-rating-3-dark: 36,47,95;--glass-rating-3-light: 213,219,246;--glass-rating-3-cast: 58,93,238;--glass-rating-4-rim: linear-gradient(180deg, #8D9EE7 0%, #415CCD 32%, #354CAB 70%, #627ADF 100%);--glass-rating-4-face: radial-gradient(60% 55% at 50% 0%, rgba(143,161,239, .55), rgba(143,161,239, 0) 70%), linear-gradient(90deg, #344797 0%, #3B54BE 18%, #334594 38%, #3951B7 62%, #344797 84%, #3A50B0 100%);--glass-rating-4-dark: 24,34,74;--glass-rating-4-light: 172,185,241;--glass-rating-4-cast: 48,86,248;--glass-rating-5-rim: linear-gradient(180deg, #F0959F 0%, #DC4355 32%, #C42D3E 70%, #EA6877 100%);--glass-rating-5-face: radial-gradient(60% 55% at 50% 0%, rgba(247,152,163, .55), rgba(247,152,163, 0) 70%), linear-gradient(90deg, #AF2D3D 0%, #D2394B 18%, #AB2C3B 38%, #D03143 62%, #AF2D3D 84%, #CA3143 100%);--glass-rating-5-dark: 85,21,28;--glass-rating-5-light: 247,182,190;--glass-rating-5-cast: 255,41,66;--glass-knob-rim: linear-gradient(180deg, #FFFFFF 0%, #FCFDFE 32%, #DDE3EF 70%, #FFFFFF 100%);--glass-knob-face: radial-gradient(60% 55% at 50% 0%, rgba(206,217,242, .55), rgba(206,217,242, 0) 70%), linear-gradient(90deg, #D1D8E7 0%, #EEF1F7 18%, #CDD5E5 38%, #E8EBF4 62%, #D1D8E7 84%, #E4E9F2 100%);--glass-knob-dark: 68,89,137;--glass-knob-light: 216,224,243;--glass-knob-cast: 77,121,218;--frame-silver-rim: linear-gradient(180deg, #bcc3db 0%, #ffffff 14%, #c9cfe2 26%, #d8ddeb 44%, #9fa6bc 74%, #f8f9fd 100%);--shadow-frame-silver: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -2px 3px rgba(255, 255, 255, .3), inset 0 0 0 1px rgba(255, 255, 255, .35), 0 2px 3px rgba(55, 62, 85, .22), 0 14px 22px -8px rgba(128, 137, 166, .55), 0 26px 36px -18px rgba(128, 137, 166, .45);--shadow-window-silver: inset 0 1.5px 0 rgba(55, 62, 85, .5), inset 0 3px 7px rgba(55, 62, 85, .35), inset 1px 0 0 rgba(55, 62, 85, .2), inset -1px 0 0 rgba(55, 62, 85, .2), inset 0 -1.5px 0 rgba(255, 255, 255, .7);--shadow-frame-garnet: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -2px 3px rgba(255, 255, 255, .3), inset 0 0 0 1px rgba(247, 182, 190, .35), 0 2px 3px rgba(85, 21, 28, .22), 0 14px 22px -8px rgba(255, 41, 66, .55), 0 26px 36px -18px rgba(255, 41, 66, .45);--shadow-window-garnet: inset 0 1.5px 0 rgba(85, 21, 28, .5), inset 0 3px 7px rgba(85, 21, 28, .35), inset 1px 0 0 rgba(85, 21, 28, .2), inset -1px 0 0 rgba(85, 21, 28, .2), inset 0 -1.5px 0 rgba(247, 182, 190, .7);--size-frame-w: 92px;--size-frame-h: 144px;--size-frame-hg-w: 125px;--size-frame-hg-h: 199px;--surface-on-navy: linear-gradient(180deg, rgba(8, 14, 40, .45), rgba(30, 42, 89, .3));--shadow-on-navy: inset 0 2px 3px rgba(0, 0, 0, .4), inset 0 -1px 0 rgba(255, 255, 255, .18);--color-on-navy: rgba(255, 255, 255, .82);--color-on-navy-strong: rgba(255, 255, 255, .9);--color-on-navy-soft: rgba(255, 255, 255, .78);--color-divider: rgba(141, 153, 190, .32);--shadow-fill-highlight: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -1px 1px rgba(255, 255, 255, .3);--border-slot: 1.5px dashed rgba(141, 153, 190, .6);--surface-slot: linear-gradient(180deg, rgba(255, 255, 255, .45), rgba(246, 248, 252, .3));--radius-pill: 999px;--radius-card: 22px;--radius-band: 24px;--radius-frame: 18px;--radius-field: 12px;--radius-well: 12px;--radius-dialog: 26px;--radius-icon-tile: 11px;--space-screen-edge: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-card-padding: 18px;--space-heading-to-frame: 12px;--space-card-to-card: 28px;--space-grid-gap: 24px;--space-section: 56px;--space-section-desktop: 64px;--space-desktop-page: 48px;--size-desktop-content: 1344px;--size-card-holy-grail: 432px;--size-card: 318px;--font-family: "Jost", sans-serif;--font-logo: 600 30px/1 var(--font-family);--font-band-title: 600 30px/1 var(--font-family);--font-page-title: 600 24px/1.1 var(--font-family);--font-section-heading: 600 20px/1.2 var(--font-family);--font-score: 600 22px/1 var(--font-family);--font-product-name: 500 17px/1.25 var(--font-family);--font-body: 400 15px/1.45 var(--font-family);--font-small: 400 12px/1.4 var(--font-family);--font-label-size: 12px;--font-tab-size: 10.5px;--letter-spacing-label: .14em;--size-touch: 44px;--size-button: 46px;--size-button-primary: 56px;--motion-instant: .1s;--motion-switch: .15s;--motion-fade: .2s;--ease-overshoot: cubic-bezier(.3, 1.4, .6, 1)}@media(prefers-reduced-motion:reduce){:root{--ease-overshoot: ease-out}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--surface-page) fixed;background-color:var(--color-mist);color:var(--color-ink);font:var(--font-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-navy)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.glass-hl,.glass-hl-bottom{position:absolute;z-index:1;inset:var(--hl-inset, 2px);border:var(--hl-width, 2px) solid transparent;border-radius:inherit;filter:blur(.4px);pointer-events:none}.glass-hl{border-top-color:var(--color-light-rim);-webkit-mask-image:var(--hl-mask-top, var(--mask-hl-top));mask-image:var(--hl-mask-top, var(--mask-hl-top))}.glass-hl-bottom{border-bottom-color:var(--color-light-rim-faint);-webkit-mask-image:var(--hl-mask-bottom, var(--mask-hl-bottom));mask-image:var(--hl-mask-bottom, var(--mask-hl-bottom))}.color-midnight{--glass-band-rim: linear-gradient(180deg, #2F3C95 0%, #20285A 32%, #191F40 70%, #263179 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(42,58,161, .55), rgba(42,58,161, 0) 70%), linear-gradient(90deg, #161A35 0%, #1F254D 18%, #151932 38%, #1D2348 62%, #161A35 84%, #1C2144 100%);--glass-band-dark: 11,14,28;--glass-band-light: 50,67,176;--glass-band-cast: 40,46,90}.color-denim{--glass-band-rim: linear-gradient(180deg, #5781B9 0%, #365174 32%, #293B53 70%, #41689C 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(88,134,194, .55), rgba(88,134,194, 0) 70%), linear-gradient(90deg, #243244 0%, #324864 18%, #222F41 38%, #2E435E 62%, #243244 84%, #2D4059 100%);--glass-band-dark: 18,26,36;--glass-band-light: 113,151,200;--glass-band-cast: 63,86,118}.color-slate{--glass-band-rim: linear-gradient(180deg, #6C80A4 0%, #435067 32%, #323B4A 70%, #546789 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(110,133,172, .55), rgba(110,133,172, 0) 70%), linear-gradient(90deg, #2A313E 0%, #3C475A 18%, #282F3B 38%, #384254 62%, #2A313E 84%, #364050 100%);--glass-band-dark: 22,26,32;--glass-band-light: 131,150,182;--glass-band-cast: 74,86,106}.color-lavender-grey{--glass-band-rim: linear-gradient(180deg, #7263AD 0%, #473D6D 32%, #342E4E 70%, #5A4C91 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(117,101,181, .55), rgba(117,101,181, 0) 70%), linear-gradient(90deg, #2C2741 0%, #3F385E 18%, #2A263D 38%, #3B3458 62%, #2C2741 84%, #393254 100%);--glass-band-dark: 23,20,34;--glass-band-light: 137,124,189;--glass-band-cast: 77,69,111}.color-mauve{--glass-band-rim: linear-gradient(180deg, #AD6397 0%, #6D3D5F 32%, #4E2E44 70%, #914C7C 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(181,101,157, .55), rgba(181,101,157, 0) 70%), linear-gradient(90deg, #412739 0%, #5E3853 18%, #3D2636 38%, #58344D 62%, #412739 84%, #54324A 100%);--glass-band-dark: 34,20,30;--glass-band-light: 189,124,170;--glass-band-cast: 111,69,98}.color-rose{--glass-band-rim: linear-gradient(180deg, #954776 0%, #5D2B49 32%, #432135 70%, #7C3460 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(156,71,122, .55), rgba(156,71,122, 0) 70%), linear-gradient(90deg, #381D2D 0%, #512840 18%, #351B2A 38%, #4C253C 62%, #381D2D 84%, #48243A 100%);--glass-band-dark: 29,14,23;--glass-band-light: 167,96,138;--glass-band-cast: 97,52,78}.color-wine{--glass-band-rim: linear-gradient(180deg, #E02F82 0%, #972759 32%, #732947 70%, #C2166D 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(233,38,134, .55), rgba(233,38,134, 0) 70%), linear-gradient(90deg, #642940 0%, #862C52 18%, #60273D 38%, #7F2B4E 62%, #642940 84%, #7A2C4C 100%);--glass-band-dark: 63,31,42;--glass-band-light: 240,90,152;--glass-band-cast: 153,56,95}.color-oxblood{--glass-band-rim: linear-gradient(180deg, #AB2E2B 0%, #6A1A18 32%, #4B1613 70%, #8F191A 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(179,44,42, .55), rgba(179,44,42, 0) 70%), linear-gradient(90deg, #3E1411 0%, #5B1B18 18%, #3B1310 38%, #551916 62%, #3E1411 84%, #511A16 100%);--glass-band-dark: 31,9,7;--glass-band-light: 188,79,72;--glass-band-cast: 108,39,35}.color-rust{--glass-band-rim: linear-gradient(180deg, #FA622F 0%, #BF3B02 32%, #9E330A 70%, #DB4E1C 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(253,103,55, .55), rgba(253,103,55, 0) 70%), linear-gradient(90deg, #8A361B 0%, #AF3A0E 18%, #86351B 38%, #AC3300 62%, #8A361B 84%, #A6360B 100%);--glass-band-dark: 94,47,32;--glass-band-light: 253,140,105;--glass-band-cast: 202,63,1}.color-burnt-orange{--glass-band-rim: linear-gradient(180deg, #FE8853 0%, #D05714 32%, #B44706 70%, #F3640F 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(251,144,98, .55), rgba(251,144,98, 0) 70%), linear-gradient(90deg, #A34515 0%, #C64F05 18%, #9F4517 38%, #BD4E10 62%, #A34515 84%, #BC4A04 100%);--glass-band-dark: 115,62,39;--glass-band-light: 251,175,143;--glass-band-cast: 219,91,20}.color-amber{--glass-band-rim: linear-gradient(180deg, #F59026 0%, #B96B13 32%, #A05A05 70%, #D87C0E 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(253,146,18, .55), rgba(253,146,18, 0) 70%), linear-gradient(90deg, #955200 0%, #B06304 18%, #915105 38%, #A8600F 62%, #955200 84%, #A75D03 100%);--glass-band-dark: 106,68,35;--glass-band-light: 252,177,111;--glass-band-cast: 195,112,19}.color-pine{--glass-band-rim: linear-gradient(180deg, #4AC694 0%, #2D7D5D 32%, #235943 70%, #35A87A 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(74,208,154, .55), rgba(74,208,154, 0) 70%), linear-gradient(90deg, #1F4938 0%, #2B6B51 18%, #1E4535 38%, #28644C 62%, #1F4938 84%, #275F49 100%);--glass-band-dark: 16,38,29;--glass-band-light: 102,211,167;--glass-band-cast: 55,125,97}.color-grey-teal{--glass-band-rim: linear-gradient(180deg, #5DB7B5 0%, #4C8685 32%, #496F6E 70%, #4A9F9E 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(89,188,186, .55), rgba(89,188,186, 0) 70%), linear-gradient(90deg, #486665 0%, #4E7C7B 18%, #466362 38%, #4C7776 62%, #486665 84%, #4C7574 100%);--glass-band-dark: 59,76,75;--glass-band-light: 128,204,202;--glass-band-cast: 90,139,138}.color-teal{--glass-band-rim: linear-gradient(180deg, #3CCAD4 0%, #257F85 32%, #1E5A5E 70%, #28ABB5 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(59,212,223, .55), rgba(59,212,223, 0) 70%), linear-gradient(90deg, #1A4A4E 0%, #246D72 18%, #19464A 38%, #21666B 62%, #1A4A4E 84%, #216065 100%);--glass-band-dark: 13,39,41;--glass-band-light: 90,214,223;--glass-band-cast: 48,127,132}.color-ocean{--glass-band-rim: linear-gradient(180deg, #2F9DE1 0%, #1C628E 32%, #184764 70%, #1C82C1 100%);--glass-band-face: radial-gradient(60% 55% at 50% 0%, rgba(45,163,237, .55), rgba(45,163,237, 0) 70%), linear-gradient(90deg, #163B52 0%, #1D5679 18%, #15384E 38%, #1B5071 62%, #163B52 84%, #1B4C6B 100%);--glass-band-dark: 11,31,43;--glass-band-light: 78,175,235;--glass-band-cast: 40,102,140}.landing{min-height:100vh;overflow-x:clip}.landing{--bg0:var(--color-mist-top);--bg1:var(--color-mist-bottom);--navy:var(--color-navy);--ink:var(--color-ink);--muted:var(--color-muted);--peri:var(--color-periwinkle);--garnet:var(--color-garnet);--font:var(--font-family);color-scheme:light}.landing{scroll-behavior:smooth;overflow-x:clip}.landing{margin:0;background:linear-gradient(180deg,var(--bg0),var(--bg1)) fixed;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}.landing *{box-sizing:border-box}.landing img{max-width:100%}.landing .wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.landing h1,.landing h2{margin:0;font-weight:600;color:var(--navy);line-height:1.05;letter-spacing:-.01em;text-wrap:balance}.landing h1{font-size:clamp(44px,7vw,88px)}.landing h2{font-size:clamp(32px,4.4vw,56px)}.landing .eyebrow{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.landing .lead{font-size:clamp(16px,1.4vw,20px);color:var(--muted);max-width:34em;margin:18px 0 0}.landing .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.landing .bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.landing .glow{position:absolute;border-radius:999px;pointer-events:none;filter:blur(90px);will-change:transform}.landing .g1{left:-120px;top:10vh;width:420px;height:420px;background:#e8bdb9;opacity:.35}.landing .g2{right:-160px;top:40vh;width:520px;height:520px;background:#c9d0e6;opacity:.6}.landing .g3{left:30vw;top:80vh;width:460px;height:460px;background:#b7c8f2;opacity:.4}.landing section{position:relative;z-index:1}.landing .nav{display:flex;align-items:center;gap:24px;padding-block:18px;position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:linear-gradient(180deg,#ecedf1e6,#ecedf100);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:600;font-size:20px}.landing .logo img{width:40px;height:40px;border-radius:11px;box-shadow:0 6px 14px -6px #1e2a5980}.landing .nav nav{display:flex;gap:22px;margin-left:auto}.landing .nav .gb{box-shadow:inset 0 1px #fff9,inset 0 -2px 3px #ffffff47,inset 0 0 0 1px #6881e359,0 2px 3px #10162e38,0 6px 12px -4px #335af573!important}.landing .nav nav a{color:var(--ink);text-decoration:none;font-weight:500}@media(max-width:700px){.landing .nav nav{display:none}}.landing .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-block:56px 96px;min-height:min(86vh,900px)}.landing .hero-stage{position:relative;height:620px}.landing .hero-card{position:absolute;left:50%;top:50%;width:min(360px,100%);transform:translate(-50%,-50%);padding:16px 18px 18px;z-index:3;--ty:0px}.landing .hc-in{display:flex;gap:16px;align-items:flex-start}.landing .hc-in>div:first-child,.landing .hc-in>.fw{flex:none}.landing .hero-card .hc-in>div:first-child{margin-top:-70px}.landing .hc-txt{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:4px}.landing .brand{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.landing .name{font-size:16px;font-weight:500;line-height:1.25;color:var(--ink)}.landing .score{display:flex;align-items:baseline;gap:3px;margin-top:6px;color:var(--navy)}.landing .score b{font-size:24px;font-weight:600;line-height:1}.landing .score small{font-size:12px;color:var(--muted)}.landing .price{font-size:12px;color:var(--ink);margin-top:4px;line-height:1.3}.landing .price em{font-style:normal;color:var(--muted)}.landing .hc-bars{display:flex;flex-direction:column;gap:8px;margin-top:16px}.landing .hb{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.landing .track{height:14px;border-radius:999px;padding:1px}.landing .track>div{height:100%}.landing .tab{position:absolute;left:112px;top:-16px;z-index:2}.landing .tab>div{position:relative!important;left:0!important;top:0!important}.landing .tab>div>span:last-child{padding-left:47px!important}.landing .hero-card .hc-in>div:first-child{position:relative;z-index:3}.landing .fl{position:absolute;z-index:2;will-change:transform,opacity;filter:drop-shadow(0 20px 30px rgba(128,137,166,.35))}.landing .orb{animation:orbit var(--t,14s) ease-in-out infinite}.landing .o1{--t:16s}.landing .o2{--t:13s;animation-delay:-4s}.landing .o3{--t:18s;animation-delay:-9s}@keyframes orbit{0%{transform:translate(0) rotate(-5deg)}25%{transform:translate(18px,-14px) rotate(2deg)}50%{transform:translate(4px,16px) rotate(6deg)}75%{transform:translate(-16px,6px) rotate(0)}to{transform:translate(0) rotate(-5deg)}}.landing .trail{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.landing .trail path{fill:none;stroke:var(--garnet);stroke-width:2;stroke-linecap:round;stroke-dasharray:6 12;opacity:.55;stroke-dashoffset:0}.landing .f1{left:4%;top:4%}.landing .f2{right:2%;top:12%}.landing .f3{left:10%;bottom:2%}.landing .spk{position:absolute;width:7px;height:7px;border-radius:999px;background:#fff;box-shadow:0 0 8px 2px #fffffff2,0 0 14px 3px #ff294280;opacity:0;pointer-events:none}.landing .hero .spk{animation:twinkle 3.2s ease-in-out infinite}.landing .hero .s1{left:58%;top:18%}.landing .hero .s2{left:70%;top:28%;animation-delay:1.1s}.landing .hero .s3{left:62%;top:70%;animation-delay:2s}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}}.landing .pin{height:calc(var(--len)*100vh)}.landing .pin+.pin{margin-top:0}@media(max-width:860px){.landing .pin+.pin{margin-top:0}}.landing .pin+.plain{margin-top:0}.landing [data-pin=rate]{z-index:2}.landing [data-pin=hg]{z-index:3}.landing [data-pin=cmp]{z-index:4}.landing [data-pin=weight]{z-index:5}.landing [data-pin=photo]{z-index:6}.landing .plain{z-index:7}.landing .sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:80px}.landing .sticky.col{grid-template-columns:1fr;align-content:center;gap:36px}.landing .center{text-align:center;max-width:720px;margin:0 auto}.landing .center .lead{margin-inline:auto}.landing .steps{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:clamp(16px,1.3vw,19px);color:var(--muted)}.landing .steps li{padding-left:22px;position:relative;opacity:.35;transition:opacity .3s,color .3s}.landing .steps li:before{content:"";position:absolute;left:0;top:calc(.75em - 5px);width:10px;height:10px;border-radius:999px;background:var(--peri);opacity:.5;transition:background .3s,opacity .3s,box-shadow .3s}.landing .steps li.on{opacity:1;color:var(--ink)}.landing .steps li.on:before{background:var(--garnet);opacity:1;box-shadow:0 0 10px 2px #ff294273}.landing .steps em{font-style:normal;color:var(--ink);font-weight:500}.landing .stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:520px}.landing .card{width:min(440px,100%);padding:16px 18px 18px;margin-top:52px}.landing .card .hc-in>div:first-child{margin-top:-52px}.landing .bars{display:flex;flex-direction:column;gap:14px;margin-top:18px}.landing .row{display:grid;grid-template-columns:78px 1fr 118px;gap:10px;align-items:center}.landing .lab{font-size:13px;color:var(--muted)}.landing .val{font-size:12px;color:var(--muted);text-align:right}.landing .val.on{color:var(--ink)}.landing .sl{position:relative;height:32px;display:flex;align-items:center;margin-right:13px}.landing .sl .track{flex:1}.landing .fillw{width:0%}.landing .sl .knob{position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;transform:translate(-13px)}.landing .best{margin-top:14px;font-size:14px;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.landing .best.on{opacity:1;transform:none}.landing .hg-stage{gap:18px}.landing .shelf-head{align-self:flex-start;font-size:20px;font-weight:600;color:var(--navy);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;width:min(400px,100%);margin:0 auto}.landing .shelf-head.on{opacity:1;transform:none}.landing .hgcard{position:relative;width:min(400px,100%);padding:16px 18px 18px;border-radius:22px;margin-top:70px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;transition:box-shadow .5s,background .5s;--glow:128,137,166}.landing .hgcard{background:linear-gradient(180deg,#ffffffd1,#f6f8fcb3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1.5px #fff,inset 0 2.5px #bcc3db59,inset 0 -1.5px #8d99be47,inset 0 -8px 14px -10px #8d99be59,0 2px 3px #373e551f,0 22px 34px -16px rgba(var(--glow),.5)}.landing .hgcard.on{--glow:178,58,72}.landing .frame-wrap{position:relative;z-index:3;flex:none;width:125px;height:199px;margin-top:-72px}.landing .frame-wrap>div{position:absolute;left:0;bottom:0;transition:opacity .45s}.landing .fr-hg{opacity:0}.landing .hgcard.on .fr-hg{opacity:1}.landing .hgcard.on .fr-def{opacity:0}.landing .hgcard .hc-txt{flex:1;min-width:0;padding-top:8px}.landing .tab-anim{left:112px;top:-16px;opacity:0;visibility:hidden;transform:translate(-30px);transition:opacity .25s .4s,transform .4s .4s cubic-bezier(.3,1.3,.5,1),visibility 0s .4s}.landing .hgcard.on .tab-anim{opacity:1;visibility:visible;transform:none}.landing .hgcard:not(.on) .tab-anim{transition:opacity .15s,transform .15s,visibility 0s .15s}.landing .toggle-area{width:100%;display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#e1e5ee,#f1f3f8);box-shadow:inset 0 2px 3px #1e285033,inset 0 -1px #fffffff2,0 1px #ffffffe6;transition:background .25s,box-shadow .25s}.landing .hgcard.on .toggle-area{background:linear-gradient(180deg,#fffffff2,#f6f8fce6);box-shadow:inset 0 1.5px #fff,inset 0 -1.5px #8d99be47,0 2px 3px #373e551f,0 14px 24px -14px #b23a4880}.landing .badge{position:relative;flex:none;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--peri);background:linear-gradient(180deg,#ffffffeb,#f6f8fcd9);box-shadow:inset 0 1.5px #fff,0 2px 3px #373e551f,0 10px 18px -10px #8089a68c;transition:color .12s,background .12s,box-shadow .12s}.landing .hgcard.on .badge{color:#fff;background:linear-gradient(180deg,#f0959f,#dc4355 32%,#c42d3e 70%,#ea6877);box-shadow:inset 0 1px #fff9,0 6px 12px -4px #ff29428c}.landing .badge svg{position:relative;z-index:2}.landing .badge .spk{left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.landing .hgcard.on .badge .spk{animation:spk .3s ease-out forwards}.landing .hgcard.on .badge .s1{animation-delay:.05s;--dx:-18px;--dy:-30px}.landing .hgcard.on .badge .s2{animation-delay:.09s;--dx:14px;--dy:-34px}.landing .hgcard.on .badge .s3{animation-delay:.13s;--dx:-6px;--dy:-26px}.landing .hgcard.on .badge .s4{animation-delay:.17s;--dx:24px;--dy:-20px}@keyframes spk{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:1;transform:translate(calc(var(--dx)*.4),calc(var(--dy)*.4)) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.landing .tt{flex:1;display:flex;flex-direction:column;gap:1px}.landing .tt .on,.landing .hgcard.on .tt .off{display:none}.landing .hgcard.on .tt .on{display:inline}.landing .t2{min-height:2.7em}.landing .t1{font-size:15px;font-weight:600;color:var(--ink);transition:color .15s}.landing .hgcard.on .t1{color:#9a3340}.landing .t2{font-size:12px;color:var(--muted)}.landing .tog{position:relative;width:52px;height:30px;border-radius:999px;flex:none;background:linear-gradient(180deg,#c6ccdca6,#eaedf4bf);box-shadow:inset 0 2px 3px #1e28503d,inset 0 -1px #fffffff2,0 1px #ffffffe6;transition:background .2s,box-shadow .2s}.landing .tog .face{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;opacity:0;background:radial-gradient(60% 55% at 50% 0%,#f798a38c,#f798a300 70%),linear-gradient(90deg,#af2d3d,#d2394b 18%,#ab2c3b 38%,#d03143 62%,#af2d3d 84%,#ca3143);transition:opacity .2s}.landing .hgcard.on .tog{background:linear-gradient(180deg,#f0959f,#dc4355 32%,#c42d3e 70%,#ea6877);box-shadow:inset 0 1px #ffffffa6,0 1px 2px #55151c4d,0 4px 10px #ff294273}.landing .hgcard.on .tog .face{opacity:1}.landing .tog .knob{transition:transform .15s cubic-bezier(.3,1.4,.6,1)}.landing .hgcard.on .tog .knob{transform:translate(22px)}.landing .others{display:flex;gap:16px;width:min(400px,100%);margin-top:30px;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s;opacity:0;transform:translateY(30px)}.landing .others.on{opacity:1;transform:none}.landing .mini{flex:1;display:flex;gap:12px;align-items:flex-start;padding:16px 14px 14px;font-size:12px;color:var(--muted);line-height:1.3}.landing .mini b{font-size:18px;color:var(--navy)}.landing .mini>div{margin-top:-52px}.landing .mini>span{padding-top:4px}.landing .sortchip{margin-top:22px;display:flex;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.landing .sortchip.on{opacity:1;transform:none}.landing .chip{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 18px;border-radius:999px;font-weight:500;font-size:14px;color:var(--ink)}.landing .rail-clip{width:100%;overflow:hidden}.landing .rail{display:flex;gap:24px;will-change:transform;padding:70px 24px 44px}.landing .pc{flex:none;width:300px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.landing .pc-top{display:flex;gap:14px;align-items:flex-start}.landing .pc-top>div:first-child{flex:none;margin-top:-52px}.landing .pc:first-child .pc-top>div:first-child{margin-top:-74px}.landing .pc .hc-txt{padding-top:6px}.landing .pc-bars{margin-top:4px;gap:7px}.landing .pc-bars .hb{grid-template-columns:70px 1fr;font-size:11.5px}.landing .pc-bars .track{height:12px}.landing .bw{font-size:12px;color:var(--ink)}.landing .bw strong{font-weight:600}.landing .note{font-size:12px;line-height:1.4;color:var(--ink);padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#e1e5ee,#f1f3f8);box-shadow:inset 0 2px 3px #1e285033,inset 0 -1px #fffffff2}.landing .plain{padding-block:120px}.landing .two{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.landing .wband{border-radius:22px;padding:22px 24px 24px;color:#fff}.landing .wb-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.landing .wb-title{font-size:30px;font-weight:600}.landing .wb-sub{font-size:14px;color:#ffffffc7}.landing .wchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.landing [data-pin=weight] .sticky{grid-template-columns:.8fr 1.2fr}@media(max-width:860px){.landing [data-pin=weight] .sticky{grid-template-columns:1fr}.landing .wchips{gap:6px 10px}.landing .wchip{gap:3px}.landing .wseg span{letter-spacing:-.01em}.landing .wp-title{display:none}.landing .wpanel{padding:12px 14px}.landing .wscores>.ws{flex:1 1 0;min-width:0;flex-direction:column;gap:6px;padding-bottom:14px}.landing [data-pin=weight] .sticky{padding-top:68px}.landing .stage.wstage{gap:10px}.landing [data-pin=weight] .eyebrow,.landing #wbSub{display:none}.landing .wscores{padding-top:22px}.landing .wseg span{height:30px;font-size:12px}.landing .wname{font-size:12.5px}.landing .wstage.stage{transform:scale(.8);margin-bottom:-20%}}.landing .wband-real{width:100%}.landing .wband-real section{box-sizing:border-box}.landing .wpanel{width:100%;padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}.landing .wp-title{font-size:15px;font-weight:600;color:var(--navy)}.landing .wchip{display:flex;flex-direction:column;gap:6px;min-width:0;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .4s var(--d),transform .5s var(--d) cubic-bezier(.3,1.4,.5,1)}.landing .wname{font-size:14px;color:var(--ink)}.landing .wseg{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border-radius:999px;background:linear-gradient(180deg,#e1e5ee,#f1f3f8);box-shadow:inset 0 2px 3px #1e285033,inset 0 -1px #fffffff2,0 1px #ffffffe6}.landing .wseg span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:38px;font-size:14px;font-weight:500;color:var(--muted);transition:color .35s}.landing .wseg span.on{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(40,50,90,.45)}.landing .wpill{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:999px;transform:translate(calc(var(--k,0) * 100%));transition:transform .5s cubic-bezier(.3,1.25,.5,1),background .35s,box-shadow .35s}.landing .wp1{background:linear-gradient(180deg,#c6c9d2,#9da1af);box-shadow:inset 0 1px #fff9,0 4px 10px -3px #787e918c}.landing .wp2{background:linear-gradient(180deg,#aeb8d9,#7c89b5);box-shadow:inset 0 1px #fff9,0 4px 10px -3px #5f73b98c}.landing .wp3{background:linear-gradient(180deg,#909dd8,#5a69ac);box-shadow:inset 0 1px #fff9,0 4px 10px -3px #465fcd99}.landing .reveal.on .wchip,.landing .wstage .wchip{opacity:1;transform:none}@keyframes bump{40%{transform:scale(1.18)}}.landing .wstage{align-items:stretch;gap:18px;width:100%}.landing .wband{width:100%}.landing .wscores{display:flex;gap:16px;padding-top:42px}.landing .ws{flex:1;display:flex;gap:16px;align-items:flex-start;padding:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.landing .ws-fr{flex:none;margin-top:-52px}.landing .ws[data-k="0"] .ws-fr{margin-top:-74px}.landing .ws-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.landing .ws .score b{display:inline-block}.landing .ws.up .score b{animation:bump .5s cubic-bezier(.3,1.5,.5,1)}.landing .crop{position:relative;width:min(360px,100%);aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#1e2a59;box-shadow:0 30px 50px -24px #1e2a5999}.landing .crop img{position:absolute;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-50%) scale(var(--z,1)) translate(var(--px,0px));transform-origin:center;max-width:none;will-change:transform}.landing .guide{position:absolute;left:50%;top:50%;width:33%;aspect-ratio:3/5;transform:translate(-50%,-50%);border-radius:999px 999px 14px 14px;box-shadow:0 0 0 2px #ffffffe6,0 0 0 9999px #1e2a598c}.landing .crop-result{margin-top:26px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.landing .crop-result.on{opacity:1;transform:none}.landing .cta-end{padding-block:40px 60px}.landing .cta-card{position:relative;text-align:center;padding:64px 24px 56px;border-radius:28px;overflow:hidden}.landing .cta-card .icon{width:72px;height:72px;border-radius:20px;box-shadow:0 14px 30px -12px #1e2a5999}.landing .cta-card h2{margin-top:18px}.landing .cta-card .cta{justify-content:center}.landing .cta-card .lead{margin-inline:auto}.landing .iconwrap{position:relative;display:inline-block}.landing .cta-btn{transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.landing .cta-btn:hover{transform:translateY(-2px)}.landing .cta-btn:active{transform:scale(.97);transition-duration:.08s}.landing .cta-btn .brip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:999px;overflow:hidden;pointer-events:none}.landing .cta-btn .brip i{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:999px;background:radial-gradient(circle,#ffffff80,#fff0 70%);transform:scale(0);opacity:0;animation:rip .6s ease-out forwards}@keyframes rip{0%{transform:scale(0);opacity:1}to{transform:scale(14);opacity:0}}.landing .cta-card .cta{position:relative}.landing .cta-btn{z-index:1}.landing .cta-card .cta:before{content:"";position:absolute;left:50%;top:50%;width:210px;height:56px;margin:-28px 0 0 -105px;border-radius:999px;pointer-events:none;z-index:0;opacity:0}.landing .cta-card .cta:before{box-shadow:0 0 28px 10px #506eff8c,0 0 60px 18px #506eff4d}.landing .reveal.on .cta-card .cta:before{animation:glow 4.8s 2.3s ease-in-out infinite}@keyframes glow{0%,to{opacity:0}23%{opacity:1}47%,99%{opacity:0}}.landing .cta-btn .ck{stroke-dasharray:22;stroke-dashoffset:22}.landing .reveal.on .cta-btn .ck{animation:ck .4s .9s ease-out forwards}.landing .reveal.on .cta-btn:hover .ck{animation:ck2 .4s ease-out forwards}@keyframes ck{to{stroke-dashoffset:0}}@keyframes ck2{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.landing .cta-card .cta:before{animation:none!important}.landing .cta-btn .brip i{display:none}.landing .cta-btn .ck{stroke-dashoffset:0;animation:none!important}.landing .cta-btn:hover{transform:none}}.landing .iconwrap .sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden;pointer-events:none;z-index:1}.landing .iconwrap .sheen:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:45%;transform:skew(-20deg);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);opacity:0}.landing .reveal.on .iconwrap .sheen:before{animation:sheen 4.8s 1.1s ease-in-out 1}@keyframes sheen{0%{left:-60%;opacity:0}4%{opacity:1}22%{left:120%;opacity:1}23%,to{left:120%;opacity:0}}.landing .iconwrap .twk{position:absolute;z-index:2;left:63.5%;top:32%;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;opacity:0;filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 6px rgba(255,41,66,.7))}.landing .reveal.on .iconwrap .twk{animation:twk 4.8s 1.1s ease-out 1}@keyframes twk{0%,16%{opacity:0;transform:scale(.2) rotate(0)}24%{opacity:1;transform:scale(1) rotate(45deg)}34%{opacity:0;transform:scale(.3) rotate(90deg)}to{opacity:0;transform:scale(.2) rotate(90deg)}}@media(prefers-reduced-motion:reduce){.landing .iconwrap .sheen:before,.landing .iconwrap .twk{animation:none!important;opacity:0}}.landing .cta-card .icon{display:block;transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .2s}.landing .reveal.on .cta-card .icon{transform:none;opacity:1}.landing .ib{position:absolute;z-index:2;left:60%;top:28%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:999px;background:#fff;box-shadow:0 0 8px 2px #fffffff2,0 0 14px 3px #ff29428c;opacity:0;pointer-events:none}.landing .reveal.on .ib{animation:burst .55s ease-out forwards}.landing .reveal.on .b1{animation-delay:.18s;--dx:30px;--dy:-34px}.landing .reveal.on .b2{animation-delay:.22s;--dx:46px;--dy:-6px}.landing .reveal.on .b3{animation-delay:.26s;--dx:8px;--dy:-46px}.landing .reveal.on .b4{animation-delay:.3s;--dx:38px;--dy:22px}.landing .reveal.on .b5{animation-delay:.34s;--dx:-14px;--dy:-30px}.landing .reveal.on .b6{animation-delay:.38s;--dx:22px;--dy:-52px}@keyframes burst{0%{opacity:0;transform:translate(0) scale(.3)}25%{opacity:1;transform:translate(calc(var(--dx)*.45),calc(var(--dy)*.45)) scale(1.1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.landing .cta-card .spk{width:8px;height:8px}.landing .reveal.on .cta-card .spk{animation:twinkle 2.6s ease-in-out infinite}.landing .cta-card .s1{left:22%;top:26%}.landing .cta-card .s2{left:76%;top:22%;animation-delay:.7s}.landing .cta-card .s3{left:30%;top:72%;animation-delay:1.4s}.landing .cta-card .s4{left:70%;top:66%;animation-delay:2s}.landing .facts{list-style:none;margin:18px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:15px;color:var(--muted)}.landing .facts li{display:flex;align-items:center;gap:8px}.landing .facts li:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--garnet);box-shadow:0 0 8px 1px #ff294273}.landing footer a{color:var(--muted);text-decoration:none}.landing footer a:hover{color:var(--ink)}.landing footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:40px;font-size:13px;color:var(--muted)}.landing .gb{position:relative;isolation:isolate;border:none;border-radius:999px;padding:0;cursor:pointer;font-family:var(--font);font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center}.landing .gb .face{position:absolute;z-index:0;border-radius:999px;pointer-events:none}.landing .gb .sp{position:absolute;z-index:1;border-radius:999px;pointer-events:none;filter:blur(.4px)}.landing .gb .tx{position:relative;z-index:2;display:flex;text-shadow:0 1px 2px rgba(10,20,60,.5),0 0 6px rgba(20,30,90,.25)}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid #41529A;outline-offset:3px}@media(max-width:860px){.landing .stage{transform:scale(.86);transform-origin:top center;margin-bottom:-12%}.landing .hg-stage{transform:scale(.84)}.landing .pin-txt .eyebrow{margin-bottom:8px}.landing .hero{grid-template-columns:1fr;padding-block:24px 64px;min-height:0}.landing .hero-stage{height:560px}.landing .sticky{grid-template-columns:1fr;gap:12px;align-content:start;padding-block:96px 24px;min-height:100vh}.landing .pin-txt h2{font-size:28px}.landing .steps{gap:5px;font-size:14px;margin-top:14px}.landing .steps li{padding-left:18px}.landing .stage{min-height:0}.landing .two{grid-template-columns:1fr;gap:32px}.landing .plain{padding-block:72px}.landing .rail{padding-top:70px}.landing .hero-card{width:min(340px,92%)}.landing .others{display:none}.landing .hg-stage{margin-top:10px}}@media(prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.landing .pin{height:auto}.landing .sticky{position:static;min-height:0}.landing .hero .spk,.landing .cta-card .spk{animation:none;opacity:.8}.landing .ib{display:none}.landing .cta-card .icon{transform:none;opacity:1}.landing .fl{transform:none!important}.landing *{transition-duration:.01ms!important}}.landing .nav>.gb{margin-left:auto}.landing .nav nav+.gb{margin-left:0}.icon-button{display:flex;flex:none;align-items:center;justify-content:center;width:var(--size-touch);height:var(--size-touch);padding:0;border:none;border-radius:var(--radius-pill);cursor:pointer}.icon-button--raised{width:var(--size-button);height:var(--size-button);color:var(--color-navy);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.icon-button--onNavy{color:var(--color-on-navy-strong);background:var(--surface-on-navy);box-shadow:var(--shadow-on-navy)}.icon-button--plain{color:var(--color-muted);background:none}.header{display:flex;align-items:center;gap:20px;padding:22px var(--space-screen-edge) 0}.header__brand{display:flex;flex:none;align-items:center;gap:12px;border-radius:var(--radius-field);text-decoration:none}.header__icon{flex:none;width:42px;height:42px;border-radius:var(--radius-icon-tile);overflow:hidden;box-shadow:var(--shadow-icon-tile)}.header__icon img{width:100%;height:100%;object-fit:cover;transform:scale(1.42)}.header__words{display:flex;flex-direction:column;gap:3px}.header__name{font:var(--font-logo);letter-spacing:-.01em;color:var(--color-navy)}.header__sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted)}.header__search{display:none}.header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.header__link{display:none;min-height:var(--size-touch);padding:0 8px;border:none;border-radius:var(--radius-pill);background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-ink)}@media(min-width:1024px){.header{padding:28px var(--space-desktop-page) 0}.header__search{display:flex;flex:1;max-width:520px;margin-left:40px}.header__link{display:block}}.dialog{width:calc(100% - 2 * var(--space-screen-edge));max-width:480px;max-height:calc(100dvh - 48px);margin:auto;padding:24px var(--space-card-padding) var(--space-card-padding);overflow-y:auto;border:none;border-radius:var(--radius-dialog);color:var(--color-ink);background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card)}.dialog::backdrop{background:var(--veil);-webkit-backdrop-filter:var(--blur-veil);backdrop-filter:var(--blur-veil)}.dialog__title{margin:0 0 20px;font:var(--font-page-title);color:var(--color-navy)}@media(min-width:1024px){.dialog{padding:28px 28px 24px}}.text-button{display:inline-flex;align-items:center;gap:8px;min-height:var(--size-touch);padding:0 12px;border:none;border-radius:var(--radius-pill);background:none;cursor:pointer;font-family:var(--font-family);font-size:15px;font-weight:500;color:var(--color-ink)}.text-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.text-button:disabled{cursor:default;opacity:.5}.text-button--link{padding:0 4px;color:var(--color-icon)}.text-button--danger{padding:0 8px;color:var(--color-delete)}.categories__hint{margin:-8px 0 16px;font:var(--font-small);font-size:13.5px;color:var(--color-muted)}.categories__list{display:flex;flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none}.categories__row{display:flex;align-items:center;min-height:60px;padding:0 6px 0 2px;border-radius:18px;background:var(--surface-raised);box-shadow:var(--shadow-raised);transition:transform var(--motion-switch) var(--ease-overshoot)}.categories__row--dragging{position:relative;z-index:1;transform:scale(1.02)}.categories__grip{display:flex;flex:none;align-items:center;justify-content:center;width:var(--size-touch);height:var(--size-touch);border:none;border-radius:var(--radius-pill);background:none;cursor:grab;color:var(--color-placeholder);touch-action:none}.categories__row--dragging .categories__grip{cursor:grabbing}.categories__grip:focus-visible,.categories__open:focus-visible{outline:none;box-shadow:var(--focus-ring)}.categories__open{display:flex;flex:1;align-items:center;gap:12px;min-width:0;min-height:var(--size-touch);padding:0 6px 0 2px;border:none;border-radius:14px;background:none;cursor:pointer;font-family:var(--font-family);text-align:left;color:var(--color-placeholder)}.categories__tile{position:relative;flex:none;width:30px;height:30px;border-radius:10px;background:var(--glass-band-rim);box-shadow:0 2px 4px rgba(var(--glass-band-dark),.3)}.categories__tile-face{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:7px;background:var(--glass-band-face)}.categories__name{flex:1;min-width:0;overflow:hidden;font-size:16px;font-weight:500;color:var(--color-navy);white-space:nowrap;text-overflow:ellipsis}.categories__count{flex:none;font-size:13px;color:var(--color-muted)}@media(min-width:1024px){.categories-dialog{max-width:440px}}@media(prefers-reduced-motion:reduce){.categories__row{transition:none}}.color-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:4px 0;padding:6px;border-radius:24px;background:var(--surface-well);box-shadow:var(--shadow-recessed)}.color-picker__option{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);cursor:pointer}.color-picker__option--current{background:var(--surface-raised);box-shadow:var(--shadow-raised)}.color-picker__option:has(input:focus-visible){box-shadow:var(--focus-ring)}.color-picker__dot{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-pill);color:var(--color-white);background:var(--glass-band-rim);box-shadow:0 2px 4px rgba(var(--glass-band-dark),.35)}.color-picker__face{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:var(--radius-pill);background:var(--glass-band-face);box-shadow:inset 0 1px rgba(var(--glass-band-dark),.45),inset 0 -1px rgba(var(--glass-band-light),.5)}.color-picker__dot svg{position:relative}@media(min-width:1024px){.color-picker{padding:6px 10px;border-radius:26px}.color-picker__option{width:44px;height:44px}.color-picker__dot{width:34px;height:34px}}.glass-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-button);padding:0 22px;border:none;border-radius:var(--radius-pill);font-family:var(--font-family);font-size:15px;font-weight:500;cursor:pointer;transition:transform var(--motion-switch) var(--ease-overshoot),filter var(--motion-fade)}.glass-button:active:not(:disabled){transform:scale(.97)}.glass-button:disabled{cursor:default;filter:saturate(.6);opacity:.7}.glass-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px}.glass-button--secondary{color:var(--color-ink);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.glass-button--primary{min-height:var(--size-button-primary);padding:0 28px;color:var(--color-white);font-size:15px;font-weight:600;background:var(--glass-ink-rim);box-shadow:var(--shadow-primary-button)}.glass-button--danger{min-height:var(--size-button-primary);padding:0 28px;color:var(--color-white);font-size:15px;font-weight:600;background:var(--glass-delete-rim);box-shadow:inset 0 1px #fff9,inset 0 -2px 3px #ffffff47,inset 0 0 0 1px rgba(var(--glass-delete-light),.35),0 2px 3px rgba(var(--glass-delete-dark),.22),0 16px 24px -6px rgba(var(--glass-delete-cast),.4)}.glass-button--danger .glass-button__face{background:var(--glass-delete-face);box-shadow:inset 0 1.5px rgba(var(--glass-delete-dark),.55),inset 0 4px 10px rgba(var(--glass-delete-dark),.38),inset 0 -1.5px rgba(var(--glass-delete-light),.65)}.glass-button--danger .glass-button__label{text-shadow:0 1px 2px rgba(var(--glass-delete-dark),.5)}.glass-button--primary .glass-button__label{text-shadow:0 1px 2px rgba(var(--glass-ink-dark),.5)}.glass-button__face{position:absolute;z-index:0;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--radius-pill);background:var(--glass-ink-face);box-shadow:var(--shadow-primary-face)}.confirm__text{margin:-8px 0 24px;font-size:15px;line-height:1.5;color:var(--color-ink)}.confirm__failure{display:flex;align-items:flex-start;gap:6px;margin:-12px 0 20px;font:var(--font-small);font-weight:500;color:var(--color-error)}.confirm__failure svg{flex:none;margin-top:1px}.confirm__actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;min-width:0;margin:0;padding:3px;border:none;border-radius:var(--radius-pill);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.segmented__option{display:flex;align-items:center;justify-content:center;min-height:var(--size-touch);border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:500;color:var(--color-muted)}.segmented__option--current{color:var(--color-ink);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.segmented__option:has(input:focus-visible){box-shadow:var(--focus-ring)}.segmented__option--current:has(input:focus-visible){box-shadow:var(--shadow-raised),var(--focus-ring)}.category-form{display:flex;flex-direction:column;gap:24px}.category-form__field{display:flex;flex-direction:column}.category-form__label{margin-bottom:var(--space-sm);padding:0;font-size:14px;font-weight:500;color:var(--color-ink)}.category-form__input{width:100%;min-width:0;height:48px;padding:0 16px;border:none;border-radius:var(--radius-field);font-family:var(--font-family);font-size:16px;color:var(--color-ink);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.category-form__input::placeholder{color:var(--color-placeholder)}.category-form__input:focus-visible{outline:none;box-shadow:var(--shadow-recessed),var(--focus-ring)}.category-form__input[aria-invalid=true]{box-shadow:var(--shadow-recessed),0 0 0 1.5px var(--color-error)}.category-form__criteria{min-width:0;margin:0;padding:0;border:none}.category-form__hint{margin:0 0 var(--space-md);font:var(--font-small);color:var(--color-muted)}.category-form__list{display:flex;flex-direction:column;gap:24px;margin:0 0 var(--space-md);padding:0;list-style:none}.category-form__row{display:grid;grid-template-columns:1fr var(--size-touch);gap:var(--space-md);align-items:center}.category-form__row .segmented,.category-form__row .category-form__error{grid-column:1 / -1}.category-form__remove:disabled{visibility:hidden}.category-form__row--hidden>.category-form__input,.category-form__row--hidden>.segmented{opacity:.5}.category-form__label--row{display:flex;align-items:baseline;justify-content:space-between;width:100%}.category-form__aside{font-size:13px;font-weight:400;color:var(--color-muted)}.category-form__preview{margin-top:12px;padding:4px;border-radius:20px;background:var(--glass-band-rim);box-shadow:inset 0 1px #ffffff8c,0 12px 22px -12px rgba(var(--glass-band-cast),.6)}.category-form__preview-face{display:block;overflow:hidden;padding:12px 16px;border-radius:16px;font:var(--font-band-title);font-size:22px;color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;background:var(--glass-band-face);box-shadow:inset 0 1.5px rgba(var(--glass-band-dark),.5),inset 0 -1px rgba(var(--glass-band-light),.5)}.category-form__delete{margin-right:auto}.category-form__error,.category-form__failure{display:flex;align-items:flex-start;gap:6px;margin:var(--space-sm) 0 0;font:var(--font-small);font-weight:500;color:var(--color-error)}.category-form__failure{margin:0}.category-form__error svg,.category-form__failure svg{flex:none;margin-top:1px}.category-form__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md)}.category-form__wide-only{display:none}@media(min-width:1024px){.category-form__wide-only{display:inline}.category-form-dialog{max-width:600px}.category-form__list{gap:16px}.category-form__row{grid-template-columns:1fr 228px var(--size-touch)}.category-form__row .segmented{grid-column:2;grid-row:1}.category-form__row .category-form__side-button{grid-column:3}}.hg-toggle{display:flex;align-items:center;gap:14px;width:100%;padding:18px 16px;border:none;border-radius:var(--radius-card);cursor:pointer;font-family:var(--font-family);text-align:left;color:var(--color-ink);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.hg-toggle:focus-visible{outline:none;box-shadow:var(--shadow-recessed),var(--focus-ring)}.hg-toggle--on{background:var(--surface-raised);box-shadow:var(--shadow-card-holy-grail)}.hg-toggle--on:focus-visible{box-shadow:var(--shadow-card-holy-grail),var(--focus-ring)}.hg-toggle__badge{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);color:var(--color-icon);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.hg-toggle--on .hg-toggle__badge{color:var(--color-white);background:var(--glass-garnet-rim);box-shadow:var(--shadow-fill-highlight),0 2px 3px rgba(var(--glass-garnet-dark),.3),0 6px 12px -4px rgba(var(--glass-garnet-cast),.55)}.hg-toggle__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.hg-toggle__title{font-size:15px;font-weight:600;color:var(--color-navy)}.hg-toggle--on .hg-toggle__title{color:var(--color-garnet-text)}.hg-toggle__hint{min-height:2.8em;font:var(--font-small);color:var(--color-muted)}.hg-toggle__switch{position:relative;flex:none;width:52px;height:30px;border-radius:var(--radius-pill);background:var(--surface-track);box-shadow:var(--shadow-track);transition:background .16s ease-out}.hg-toggle--on .hg-toggle__switch{background:var(--glass-garnet-rim);box-shadow:var(--shadow-fill-highlight),0 1px 2px rgba(var(--glass-garnet-dark),.3),0 3px 8px rgba(var(--glass-garnet-cast),.6)}.hg-toggle__knob{position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--glass-knob-rim);box-shadow:inset 0 1px 0 var(--color-white),0 0 0 .5px rgba(var(--glass-knob-dark),.35),0 2px 4px rgba(var(--glass-knob-dark),.3);transition:transform .16s ease-out}.hg-toggle--on .hg-toggle__knob{transform:translate(22px)}.hg-toggle__knob-face{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--radius-pill);background:var(--glass-knob-face);box-shadow:inset 0 1px rgba(var(--glass-knob-dark),.4),inset 0 -1px 0 var(--color-light-rim)}@media(prefers-reduced-motion:reduce){.hg-toggle__switch,.hg-toggle__knob{transition:none}}.photo-frame{position:relative;display:block;flex:none;width:var(--size-frame-w);height:var(--size-frame-h);border-radius:var(--radius-frame);background:var(--frame-silver-rim);box-shadow:var(--shadow-frame-silver)}.photo-frame--hg{width:var(--size-frame-hg-w);height:var(--size-frame-hg-h);border-radius:var(--radius-pill) var(--radius-pill) var(--radius-frame) var(--radius-frame);background:var(--glass-garnet-rim);box-shadow:var(--shadow-frame-garnet)}.photo-frame__window{position:absolute;top:7px;right:7px;bottom:7px;left:7px;overflow:hidden;border-radius:13px;background:var(--color-white)}.photo-frame--hg .photo-frame__window{top:8px;right:8px;bottom:8px;left:8px;border-radius:var(--radius-pill) var(--radius-pill) 12px 12px}.photo-frame__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(.88);transform-origin:50% 100%}.photo-frame__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-periwinkle);background:var(--surface-well)}.photo-frame__inset{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--shadow-window-silver);pointer-events:none}.photo-frame--hg .photo-frame__inset{box-shadow:var(--shadow-window-garnet)}.photo-frame--hg{--hl-mask-top: var(--mask-hl-top-round)}.rating-bar{display:grid;grid-template-columns:72px minmax(0,1fr) 98px;gap:10px;align-items:center;font:var(--font-small)}.rating-bar__name{overflow:hidden;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis}.rating-bar__track{display:block;height:14px;padding:1px;border-radius:var(--radius-pill);background:var(--surface-track);box-shadow:var(--shadow-track)}.rating-bar__fill{--rim: var(--glass-rating-1-rim);--face: var(--glass-rating-1-face);--dark: var(--glass-rating-1-dark);--light: var(--glass-rating-1-light);--cast: var(--glass-rating-1-cast);position:relative;display:block;height:100%;border-radius:var(--radius-pill);background:var(--rim);box-shadow:var(--shadow-fill-highlight),0 1px 2px rgba(var(--dark),.3),0 3px 8px rgba(var(--cast),.6)}.rating-bar__fill--2{--rim: var(--glass-rating-2-rim);--face: var(--glass-rating-2-face);--dark: var(--glass-rating-2-dark);--light: var(--glass-rating-2-light);--cast: var(--glass-rating-2-cast)}.rating-bar__fill--3{--rim: var(--glass-rating-3-rim);--face: var(--glass-rating-3-face);--dark: var(--glass-rating-3-dark);--light: var(--glass-rating-3-light);--cast: var(--glass-rating-3-cast)}.rating-bar__fill--4{--rim: var(--glass-rating-4-rim);--face: var(--glass-rating-4-face);--dark: var(--glass-rating-4-dark);--light: var(--glass-rating-4-light);--cast: var(--glass-rating-4-cast)}.rating-bar__fill--5{--rim: var(--glass-rating-5-rim);--face: var(--glass-rating-5-face);--dark: var(--glass-rating-5-dark);--light: var(--glass-rating-5-light);--cast: var(--glass-rating-5-cast)}.rating-bar__face{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:var(--radius-pill);background:var(--face);box-shadow:inset 0 1px rgba(var(--dark),.5),inset 0 -1px rgba(var(--light),.6)}.rating-bar__hl{--hl-inset: 1px;--hl-width: 1.5px;--hl-mask-top: var(--mask-hl-top-round)}.rating-bar__label{color:var(--color-ink);white-space:nowrap}.rating-bar__label--empty{color:var(--color-placeholder)}.rating-slider__head{display:flex;align-items:baseline;gap:8px;min-width:0}.rating-slider__name{overflow:hidden;font-size:14px;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis}.rating-slider__weight{flex:none;font-size:var(--font-label-size);color:var(--color-placeholder)}.rating-slider__level{flex:none;margin-left:auto;font-size:13px;color:var(--color-ink);white-space:nowrap}.rating-slider__level--empty{color:var(--color-placeholder)}.rating-slider__area{position:relative;display:flex;align-items:center;height:var(--size-touch);margin:0 13px;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.rating-slider__area:focus{outline:none}.rating-slider__area:focus-visible{border-radius:var(--radius-pill);box-shadow:var(--focus-ring)}.rating-slider__track{flex:1}.rating-slider__knob{position:absolute;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:var(--radius-pill);background:var(--glass-knob-rim);box-shadow:inset 0 1px 0 var(--color-white),0 0 0 .5px rgba(var(--glass-knob-dark),.35),0 2px 4px rgba(var(--glass-knob-dark),.3),0 6px 12px -4px rgba(var(--glass-knob-cast),.35);transition:left .12s ease-out}.rating-slider__knob-face{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--radius-pill);background:var(--glass-knob-face);box-shadow:inset 0 1px rgba(var(--glass-knob-dark),.4),inset 0 -1px 0 var(--color-light-rim)}.rating-slider .rating-bar__fill{transition:width .12s ease-out}@media(prefers-reduced-motion:reduce){.rating-slider__knob,.rating-slider .rating-bar__fill{transition:none}}.screen-dialog{display:flex;flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:none;color:var(--color-ink);background:var(--surface-page)}.screen-dialog:not([open]){display:none}.screen-dialog::backdrop{background:var(--veil);-webkit-backdrop-filter:var(--blur-veil);backdrop-filter:var(--blur-veil)}.screen-dialog__header{display:flex;flex:none;align-items:center;gap:16px;padding:20px var(--space-screen-edge) 12px}.screen-dialog__titles{flex:1;min-width:0}.screen-dialog__overline{margin:0 0 2px;font-size:var(--font-tab-size);font-weight:500;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-muted)}.screen-dialog__title{margin:0;font:var(--font-page-title);color:var(--color-navy)}.screen-dialog__close{display:none}.screen-dialog__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px var(--space-screen-edge) 24px}.screen-dialog__footer{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:12px var(--space-screen-edge) calc(12px + env(safe-area-inset-bottom));background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:inset 0 1px 0 var(--color-white),0 -8px 24px -12px rgba(var(--glow-card),.45)}@media(min-width:1024px){.screen-dialog{width:calc(100% - 96px);max-width:920px;height:auto;max-height:calc(100dvh - 64px);margin:auto;border-radius:var(--radius-dialog);background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card)}.screen-dialog__header{padding:28px 32px 16px}.screen-dialog__back{display:none}.screen-dialog__close{display:inline-flex}.screen-dialog__title{font-size:26px}.screen-dialog__body{padding:8px 32px 24px}.screen-dialog__footer{margin:0 32px;padding:20px 0 24px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px rgba(var(--glow-card),.25)}}.product-form,.product-form__side{display:flex;flex-direction:column;gap:24px}.product-form__card{padding:18px var(--space-card-padding) var(--space-card-padding);border-radius:var(--radius-card);background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card)}.product-form__details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 14px;margin-top:40px}.product-form__photo{margin-top:-52px}.product-form__names{display:flex;flex-direction:column;gap:12px}.product-form__wide{grid-column:1 / -1}.product-form__field{display:flex;flex-direction:column;min-width:0}.product-form__label{margin-bottom:6px;font-size:13px;color:var(--color-muted)}.product-form__input,.product-form__box{width:100%;min-width:0;min-height:48px;padding:0 14px;border:none;border-radius:var(--radius-field);font-family:var(--font-family);font-size:16px;color:var(--color-ink);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.product-form__input--name,.product-form__input--notes{padding:12px 14px;line-height:1.35;resize:none}.product-form__input--notes{min-height:96px;resize:vertical}.product-form__input::placeholder{color:var(--color-placeholder)}.product-form__input:focus-visible,.product-form__box:focus-within{outline:none;box-shadow:var(--shadow-recessed),var(--focus-ring)}.product-form__input[aria-invalid=true],.product-form__box:has([aria-invalid=true]){box-shadow:var(--shadow-recessed),0 0 0 1.5px var(--color-error)}.product-form__box{display:flex;align-items:center;gap:6px}.product-form__box input{flex:1;min-width:0;height:46px;padding:0;border:none;font:inherit;color:inherit;background:none;outline:none}.product-form__affix{flex:none;color:var(--color-muted)}.product-form__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-form__select{position:relative;display:block}.product-form__select select{width:100%;height:48px;padding:0 44px 0 16px;border:none;border-radius:var(--radius-pill);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-family);font-size:16px;color:var(--color-ink);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.product-form__select select:focus-visible{outline:none;box-shadow:var(--shadow-raised),var(--focus-ring)}.product-form__select svg{position:absolute;top:50%;right:16px;margin-top:-9px;color:var(--color-icon);pointer-events:none}.product-form__unit{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-form__unit .segmented{flex:none;width:128px}.product-form__unit-price{margin:0;font-size:14px;color:var(--color-ink)}.product-form__muted{color:var(--color-placeholder)}.product-form__heading{margin:0;font-size:17px;font-weight:600;color:var(--color-navy)}.product-form__notes{display:flex;flex-direction:column;gap:12px}.product-form__rating-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.product-form__score{margin:0;font-size:14px;color:var(--color-muted)}.product-form__score-value{font:var(--font-score);color:var(--color-navy)}.product-form__hint{margin:8px 0 12px;font:var(--font-small);font-size:13px;color:var(--color-muted)}.product-form__sliders{display:flex;flex-direction:column;gap:8px}.product-form__summary{margin-top:12px;font-size:14px;color:var(--color-ink)}.product-form__summary p{margin:4px 0 0}.product-form__summary strong{font-weight:600}.product-form__error,.product-form__failure{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;font:var(--font-small);font-weight:500;color:var(--color-error)}.product-form__failure{flex:1;margin:0}.product-form__error svg,.product-form__failure svg{flex:none;margin-top:1px}@media(min-width:1024px){.product-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:start}.product-form__card{padding:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.product-form__details{margin-top:32px}.product-form__photo{margin-top:-24px}}.add-product{position:fixed;z-index:10;right:var(--space-screen-edge);bottom:calc(28px + env(safe-area-inset-bottom,0px));isolation:isolate;display:flex;align-items:center;justify-content:center;width:168px;height:var(--size-button-primary);padding:0;overflow:hidden;border:none;border-radius:var(--radius-pill);cursor:pointer;color:var(--color-white);background:var(--glass-ink-rim);box-shadow:var(--shadow-primary-button);transition:width .3s var(--ease-overshoot)}.add-product--collapsed{width:var(--size-button-primary);--hl-mask-top: var(--mask-hl-top-round);--hl-mask-bottom: var(--mask-hl-bottom-round)}.add-product__face{position:absolute;z-index:0;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--radius-pill);background:var(--glass-ink-face);box-shadow:var(--shadow-primary-face)}.add-product__label{position:relative;z-index:2;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(var(--glass-ink-dark),.5)}.add-product--collapsed .add-product__text{display:none}@media(min-width:1024px){.add-product{right:44px;bottom:33px;width:180px}}@media(prefers-reduced-motion:reduce){.add-product{transition:none}}.band{position:relative;padding:5px;border-radius:var(--radius-band);background:var(--glass-band-rim);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 3px #ffffff38,0 2px 3px rgba(var(--glass-band-dark),.3),0 18px 30px -14px rgba(var(--glass-band-cast),.6)}.band__face{position:relative;display:flex;align-items:flex-start;gap:12px;padding:18px 16px 18px 18px;border-radius:19px;background:var(--glass-band-face);box-shadow:inset 0 1.5px rgba(var(--glass-band-dark),.55),inset 0 4px 10px rgba(var(--glass-band-dark),.35),inset 0 -1.5px rgba(var(--glass-band-light),.5)}.band__hl{--hl-inset: -3px}.band__main{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.band__title{margin:0;overflow-wrap:anywhere;font:var(--font-band-title);font-size:28px;color:var(--color-white)}.band__weighted{margin:0;font-size:12.5px;line-height:1.35;color:var(--color-on-navy)}.band__counts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}.band__chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 10px;border-radius:var(--radius-pill);background:var(--surface-on-navy);box-shadow:var(--shadow-on-navy);font-size:12px;color:var(--color-on-navy-soft)}.band__chip svg{color:var(--color-on-navy-strong)}.band__chip--hg svg{color:var(--color-white)}.band__chip strong{font-size:17px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-white)}@media(min-width:1024px){.band__face{align-items:center;gap:24px;padding:12px 12px 12px 22px}.band__main{flex-direction:row;align-items:center;gap:24px}.band__counts{order:2;margin:0}.band__weighted{order:3;margin-left:auto;font-size:13px;white-space:nowrap}}.tabs{display:flex;gap:4px;min-width:0;padding:5px;border-radius:var(--radius-pill);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.tabs__list{display:flex;flex:1;gap:4px;min-width:0;margin:-5px;padding:5px;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.tabs__list::-webkit-scrollbar{display:none}.tabs__tab{flex:1 0 auto;max-width:220px;height:var(--size-touch);padding:0 14px;overflow:hidden;border:none;border-radius:var(--radius-pill);background:none;cursor:pointer;font-size:13.5px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted)}.tabs__tab--current{font-weight:600;color:var(--color-navy);background:var(--surface-raised);box-shadow:var(--shadow-raised)}@media(min-width:1024px){.tabs{min-width:420px;max-width:720px}}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:var(--space-section);padding:36px var(--space-card-padding) 28px;text-align:center;border-radius:var(--radius-card);background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card)}.empty__icon{display:flex;align-items:center;justify-content:center;width:92px;height:92px;margin-bottom:8px;border-radius:var(--radius-card);color:var(--color-periwinkle);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.empty__title{margin:0;font:var(--font-section-heading);color:var(--color-navy)}.empty__text{margin:0 0 12px;font:var(--font-body);color:var(--color-muted)}@media(min-width:1024px){.empty{max-width:560px;margin:var(--space-section-desktop) auto 0}}.notice{position:fixed;z-index:30;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 2 * var(--space-screen-edge));margin:0;padding:12px 18px;transform:translate(-50%);border-radius:var(--radius-pill);font-size:14px;color:var(--color-ink);background:var(--surface-raised);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card);animation:notice-in var(--motion-fade) ease-out}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,8px)}}@media(prefers-reduced-motion:reduce){.notice{animation:none}}.notes{display:flex;flex-direction:column;gap:4px;margin-top:auto}.notes__input{display:block;width:100%;min-height:52px;margin:0;padding:9px 13px;overflow:hidden;border:none;border-radius:var(--radius-field);outline:none;resize:none;background:var(--surface-well);box-shadow:var(--shadow-recessed);font:var(--font-small);color:var(--color-ink)}.notes__input::placeholder{color:var(--color-placeholder)}.notes__input:focus-visible{box-shadow:var(--shadow-recessed),var(--focus-ring)}.notes__status{min-height:0;font:var(--font-small);color:var(--color-muted)}.notes__status:empty{display:none}.notes__error{display:inline-flex;align-items:flex-start;gap:6px;font-weight:500;color:var(--color-error)}.card{--pop: 36px;position:relative;display:flex;flex-direction:column;gap:14px;margin-top:calc(var(--pop) + var(--space-card-to-card));padding:16px var(--space-card-padding) var(--space-card-padding);border-radius:var(--radius-card);background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card)}.card--hg{--pop: 58px;box-shadow:var(--shadow-card-holy-grail)}.card__tab{position:absolute;z-index:1;left:132px;top:-16px;width:128px;height:32px;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--glass-garnet-rim);box-shadow:var(--shadow-fill-highlight),0 2px 3px rgba(var(--glass-garnet-dark),.3),0 8px 14px -6px rgba(var(--glass-garnet-cast),.55)}.card__tab-face{position:absolute;top:4px;right:4px;bottom:4px;left:0;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--glass-garnet-face);box-shadow:inset 0 1.5px rgba(var(--glass-garnet-dark),.5),inset 0 2px 5px rgba(var(--glass-garnet-dark),.3),inset 0 -1px rgba(var(--glass-garnet-light),.6)}.card__tab-hl{--hl-width: 1.5px}.card__tab-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:18px;font-size:var(--font-tab-size);font-weight:600;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-white);text-shadow:0 1px 2px rgba(var(--glass-garnet-dark),.5)}.card__top{display:flex;align-items:stretch;gap:16px;margin-bottom:4px}.card__frame{position:relative;z-index:2;flex:none;margin-top:calc(-1 * (var(--pop) + 16px))}.card__info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;padding-top:2px;padding-right:40px}.card--hg .card__info{padding-top:14px}.card__brand{margin:0;font-size:var(--font-label-size);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-muted)}.card__name{margin:0;font:var(--font-product-name);font-size:15.5px;color:var(--color-ink);overflow-wrap:anywhere}.card--hg .card__name{font-size:17px}.card__figures{display:flex;align-items:flex-end;gap:14px;margin-top:6px;font-variant-numeric:tabular-nums}.card__score{display:flex;flex:none;align-items:baseline;gap:3px;margin:0;white-space:nowrap;color:var(--color-navy)}.card__score-value{font:var(--font-score)}.card__score-max,.card__price-unit{font:var(--font-small);color:var(--color-muted)}.card__price{display:flex;flex-direction:column;gap:1px;margin:0;white-space:nowrap;font:var(--font-small);color:var(--color-ink)}.card__price-main{font-weight:500}.card__bars{display:flex;flex-direction:column;gap:8px}.card__edit{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:var(--size-touch);height:var(--size-touch);padding:0;border:none;border-radius:var(--radius-pill);cursor:pointer;color:var(--color-icon);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.search{display:flex;flex:1;align-items:center;gap:9px;min-width:0;height:48px;padding:0 4px 0 16px;border-radius:var(--radius-pill);color:var(--color-muted);background:var(--surface-well);box-shadow:var(--shadow-recessed)}.search:focus-within{box-shadow:var(--shadow-recessed),var(--focus-ring)}.search__input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-ink);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search__input::-webkit-search-cancel-button{display:none}.search__input::placeholder{color:var(--color-placeholder)}.search__clear{width:40px;height:40px}.search__input:focus-visible{box-shadow:none}.sort{position:relative;flex:none}.sort__button{display:flex;align-items:center;gap:7px;height:48px;padding:0 16px;border:none;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;color:var(--color-ink);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.sort__icon{display:flex;color:var(--color-icon)}.sort__menu{position:absolute;z-index:20;top:calc(100% + 10px);right:0;width:240px;padding:8px;border-radius:var(--radius-card);background:var(--surface-raised);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card)}.sort__options{margin:0;padding:0;border:none}.sort__option{display:flex;align-items:center;justify-content:space-between;min-height:var(--size-touch);padding:0 12px;border-radius:var(--radius-field);cursor:pointer;font-size:14px;color:var(--color-ink)}.sort__option:hover,.sort__option:focus-within{background:var(--surface-well)}.sort__option:focus-within{box-shadow:var(--focus-ring)}.sort__option--current{font-weight:600;color:var(--color-navy)}.sort__option svg{color:var(--color-icon)}.sort__jump{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--size-touch);margin-top:6px;padding:0 12px;border:none;border-top:1px solid var(--color-divider);border-radius:0 0 var(--radius-field) var(--radius-field);background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-icon)}@media(max-width:1023px){.sort__menu{right:0}}.shelf__main{padding:20px var(--space-screen-edge) 140px}.shelf__top{display:flex;flex-direction:column;gap:16px}.shelf__tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.shelf__tabs-row .tabs{flex:1}.shelf__sort-desktop{display:none}.shelf__tools-mobile{display:flex;align-items:center;gap:10px}.shelf__status{margin:40px 0 0;font:var(--font-body);color:var(--color-muted)}.shelf__status--error{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.shelf__status--error p{display:flex;align-items:flex-start;gap:6px;margin:0;font-weight:500;color:var(--color-error)}.shelf__results{margin:28px 0 0;font:var(--font-body);color:var(--color-muted)}.shelf__link{padding:10px 2px;border:none;background:none;cursor:pointer;font:inherit;font-weight:500;color:var(--color-icon);text-decoration:underline;text-underline-offset:3px}.shelf__section{margin-top:var(--space-section)}.shelf__section--first{margin-top:40px}.shelf__heading{margin:0;font:var(--font-section-heading);color:var(--color-navy);scroll-margin-top:24px}.shelf__heading:focus{outline:none}.shelf__hint{margin:6px 0 0;font:var(--font-small);color:var(--color-muted)}.shelf__grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;column-gap:var(--space-grid-gap);margin-top:calc(var(--space-heading-to-frame) - var(--space-card-to-card))}.shelf__slot{display:none}@media(min-width:1024px){.shelf__main{max-width:calc(var(--size-desktop-content) + 2 * var(--space-desktop-page));margin:0 auto;padding:28px var(--space-desktop-page) 140px}.shelf__top{gap:14px}.shelf__tabs-row .tabs{flex:none}.shelf__sort-desktop{display:block}.shelf__tools-mobile{display:none}.shelf__section{margin-top:var(--space-section-desktop)}.shelf__section--first{margin-top:28px}.shelf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf__section--holy_grails .shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf__slot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:146px;margin-top:calc(36px + var(--space-card-to-card));border:var(--border-slot);border-radius:var(--radius-card);background:var(--surface-slot);cursor:pointer;font-size:15px;font-weight:500;color:var(--color-slot)}.shelf__section--holy_grails .shelf__slot{margin-top:calc(58px + var(--space-card-to-card))}}@media(min-width:1280px){.shelf__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1440px){.shelf__section--holy_grails .shelf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bot-check:empty{display:none}.sign-in{display:flex;flex-direction:column;align-items:center;gap:28px;min-height:100dvh;padding:72px var(--space-screen-edge) 48px}.sign-in__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.sign-in__icon{width:72px;height:72px;margin-bottom:var(--space-sm);border-radius:20px;box-shadow:var(--shadow-icon-tile)}.sign-in__title{margin:0;font:var(--font-page-title);color:var(--color-navy)}.sign-in__lead{margin:0;font:var(--font-body);color:var(--color-muted)}.sign-in__card{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;padding:24px var(--space-card-padding) var(--space-card-padding);border-radius:var(--radius-card);background:var(--surface-card);-webkit-backdrop-filter:var(--blur-card);backdrop-filter:var(--blur-card);box-shadow:var(--shadow-card)}.sign-in__google{width:100%}.sign-in__or{display:flex;align-items:center;gap:var(--space-md);font:var(--font-small);color:var(--color-muted)}.sign-in__or:before,.sign-in__or:after{content:"";flex:1;height:1px;background:var(--color-divider)}.sign-in__form{display:flex;flex-direction:column}.sign-in__label{margin-bottom:var(--space-sm);font-size:14px;font-weight:500;color:var(--color-ink)}.sign-in__input{height:48px;padding:0 16px;border:none;border-radius:var(--radius-field);background:var(--surface-well);box-shadow:var(--shadow-recessed);font-size:16px}.sign-in__input::placeholder{color:var(--color-placeholder)}.sign-in__input:focus-visible{box-shadow:var(--shadow-recessed),var(--focus-ring)}.sign-in__hint{margin:var(--space-sm) 0 0;font:var(--font-small);color:var(--color-muted)}.sign-in__error{display:flex;align-items:flex-start;gap:6px;margin:var(--space-sm) 0 0;font:var(--font-small);font-weight:500;color:var(--color-error)}.sign-in__error svg{flex:none;margin-top:1px}.sign-in__input[aria-invalid=true]{box-shadow:var(--shadow-recessed),0 0 0 1.5px var(--color-error)}.sign-in__form .glass-button--primary{margin-top:20px}.sign-in__sent{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.sign-in__sent p{margin:0 0 var(--space-sm);font:var(--font-body);overflow-wrap:anywhere}.sign-in__subtitle{margin:0;font:var(--font-section-heading);color:var(--color-navy)}.sign-in__setup{max-width:400px;margin:0;font:var(--font-small);color:var(--color-muted);text-align:center}@media(min-width:1024px){.sign-in{padding-top:120px}}.app__loading{min-height:100dvh}.app__footer{margin:72px 0 0;font:var(--font-small);text-align:center;color:var(--color-muted)}.app__footer-link{min-height:var(--size-touch);padding:0 4px;border:none;background:none;cursor:pointer;font:inherit;font-weight:500;color:var(--color-icon);text-decoration:underline;text-underline-offset:3px}
