: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))}.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}}.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:var(--shadow-navy-band)}.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__tab{flex:1;min-width:0;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{width:420px}}.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}}.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--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)}.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)}.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)}.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}