:root{--note-ink-l: 30%;--note-ink-l-bright: 22%;--note-gem-l: 54%;--note-gem-a: 24%;--note-edge-a: 40%;--note-fill-a: 9%;--note-sheen-a: .8;--note-shade: 22%}@media(prefers-color-scheme:dark){:root{--note-ink-l: 76%;--note-ink-l-bright: 80%;--note-gem-l: 62%;--note-gem-a: 30%;--note-edge-a: 42%;--note-fill-a: 14%;--note-sheen-a: .42;--note-shade: 8%}}html[data-theme=light]{--note-ink-l: 30%;--note-ink-l-bright: 22%;--note-gem-l: 54%;--note-gem-a: 24%;--note-edge-a: 40%;--note-fill-a: 9%;--note-sheen-a: .8;--note-shade: 22%}html[data-theme=dark]{--note-ink-l: 76%;--note-ink-l-bright: 80%;--note-gem-l: 62%;--note-gem-a: 30%;--note-edge-a: 42%;--note-fill-a: 14%;--note-sheen-a: .42;--note-shade: 8%}.tag.note-tag[data-note-tone=sitron],.tag.note-tag[data-note-tone=lime],.tag.note-tag[data-note-tone=bergamott],.tag.note-tag[data-note-tone=yuzu],.tag.note-tag[data-note-tone=ananas],.tag.note-tag[data-note-tone=honning],.tag.note-tag[data-note-family=sitrus],.tag.note-tag[data-note-family=honning]{--note-ink-l: var(--note-ink-l-bright)}.tag-list--notes{gap:7px}.tag.note-tag{display:inline-flex;align-items:center;gap:7px;padding:3px 11px 3px 3px;color:hsl(var(--note-hue) var(--note-sat) var(--note-ink-l));border-color:hsl(var(--note-hue) var(--note-sat) var(--note-gem-l) / var(--note-edge-a));background:linear-gradient(120deg,hsl(var(--note-hue) var(--note-sat) var(--note-gem-l) / var(--note-fill-a)),transparent 78%),var(--surface);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}.tag.note-tag:hover{transform:translateY(-1px);border-color:hsl(var(--note-hue) var(--note-sat) var(--note-gem-l) / calc(var(--note-edge-a) + 26%));box-shadow:0 6px 14px hsl(var(--note-hue) 45% var(--note-shade) / .18)}.note-tag-text{min-width:0}.note-gem{position:relative;width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:hsl(var(--note-hue) var(--note-sat) var(--note-gem-l));background:radial-gradient(125% 120% at 27% 18%,hsl(var(--note-hue) calc(var(--note-sat) * .8) 88% / var(--note-sheen-a)) 0%,transparent 62%),linear-gradient(152deg,hsl(var(--note-hue) var(--note-sat) var(--note-gem-l) / var(--note-gem-a)),hsl(var(--note-hue) calc(var(--note-sat) * .72) calc(var(--note-gem-l) - 20%) / calc(var(--note-gem-a) + 14%)));box-shadow:inset 0 0 0 1px hsl(var(--note-hue) var(--note-sat) var(--note-gem-l) / .34),inset 0 1px hsl(var(--note-hue) 45% 94% / calc(var(--note-sheen-a) * .7)),0 2px 5px hsl(var(--note-hue) 45% var(--note-shade) / .22);transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease}.note-glyph{width:14px;height:14px;display:block}.note-labelled-glyph{position:relative;width:100%;height:100%;display:grid;place-items:center}.note-labelled-glyph .note-glyph{transform:translate(-8%,-8%)}.note-glyph-code{position:absolute;right:0;bottom:0;min-width:11px;padding:0 1px;border-radius:4px;color:#fffaf2;background:hsl(var(--note-code-hue) 44% 26% / .96);box-shadow:0 0 0 1px var(--surface);font-size:6px;font-weight:900;letter-spacing:-.03em;line-height:8px;text-align:center}.note-image{width:86%;height:86%;display:block;object-fit:contain}.tag.note-tag:hover .note-gem,.tag.note-tag:focus-visible .note-gem{transform:perspective(220px) translateZ(8px) rotateX(-11deg) rotateY(7deg);box-shadow:inset 0 0 0 1px hsl(var(--note-hue) var(--note-sat) var(--note-gem-l) / .5),inset 0 1px hsl(var(--note-hue) 45% 94% / var(--note-sheen-a)),0 6px 12px hsl(var(--note-hue) 45% var(--note-shade) / .3)}.card-copy .tag.note-tag{gap:6px;padding:2px 9px 2px 2px}.card-copy .note-gem{width:19px;height:19px;border-radius:7px}.card-copy .note-glyph{width:12px;height:12px}.preference-panel .tag-list .tag.note-tag{padding:4px 13px 4px 4px}.preference-panel .tag-list .note-gem{width:26px;height:26px;border-radius:9px}.preference-panel .tag-list .note-glyph{width:16px;height:16px}@media(prefers-reduced-motion:reduce){.tag.note-tag,.note-gem{transition:none}.tag.note-tag:hover{transform:none}.tag.note-tag:hover .note-gem,.tag.note-tag:focus-visible .note-gem{transform:none}}.perfume-visual--catalog{overflow:hidden}.perfume-visual--catalog img,.perfume-visual--bottle.perfume-visual--catalog img{padding:0;object-fit:cover;object-position:50% 50%;transform:none}.modal-shell.confirm-dialog-shell{width:min(26rem,100%)}.confirm-dialog{padding:22px 25px 25px;display:flex;flex-direction:column;gap:18px}.confirm-dialog-note{margin:0;padding:11px 13px;display:flex;align-items:center;gap:9px;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:700;line-height:1.35}.confirm-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.button.confirm-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button.confirm-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 86%,#0d1220)}@media(max-width:27rem){.confirm-dialog{padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .button{width:100%}}.language-selector{min-width:0;position:relative;margin-top:10px}.language-selector-current{min-height:42px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:var(--surface);font-size:12px;font-weight:750}.language-selector-flag{font-size:18px;line-height:1}.language-selector select{position:absolute;inset:0;width:100%;min-height:42px;opacity:0;cursor:pointer}.language-selector:hover .language-selector-current,.language-selector:focus-within .language-selector-current{border-color:var(--accent);color:var(--accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.language-selector.compact{width:44px;flex:0 0 44px;margin:0}.language-selector.compact .language-selector-current{min-height:40px;padding:0 7px;gap:3px}.language-selector.compact .language-selector-flag{font-size:17px}.match-score-anchor{position:relative;display:inline-flex}.match-score{margin:0;min-width:44px;min-height:44px;padding:3px 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:999px;color:var(--accent-text);background:var(--accent-soft);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;cursor:help}.match-grade{flex:none;display:inline-flex;align-items:flex-end;gap:3px;height:10px}.match-grade>span{width:3px;opacity:.5;background:linear-gradient(currentColor,currentColor) center / 1px 100% no-repeat}.match-grade>span[data-filled]{border-radius:999px;opacity:1;background:currentColor}.match-grade>span:nth-child(1){height:4px}.match-grade>span:nth-child(2){height:7px}.match-grade>span:nth-child(3){height:10px}.match-score:hover,.match-score[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.match-score-why{position:absolute;z-index:30;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:min(300px,calc(100vw - 48px));display:grid;gap:6px;padding:12px 14px;border:0;border-radius:14px;color:var(--menu-text);background:var(--menu-surface-strong);box-shadow:0 18px 34px color-mix(in srgb,var(--text) 24%,transparent);font-size:13px;font-weight:500;line-height:1.5;text-align:left}.match-score-why strong{display:flex;align-items:center;gap:6px;color:var(--menu-active);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.match-score-grade{padding-right:6px;border-right:1px solid color-mix(in srgb,currentColor 38%,transparent)}.match-score:focus-visible{outline:2px solid var(--accent, #d6b579);outline-offset:3px}.match-score-value{position:relative;display:inline-block;width:5ch;text-align:right}.match-score[data-match-state=presenting] .match-score-value{animation:match-score-arrive .72s ease-in-out}.match-score[data-match-state=presenting] .match-score-value:after{content:"";position:absolute;inset:auto 0 -4px;height:1px;background:currentColor;transform-origin:left;pointer-events:none;animation:match-score-trace .72s ease-out both}@keyframes match-score-trace{0%{transform:scaleX(.05);opacity:0}35%{transform:scaleX(.65);opacity:.95}70%{transform:scaleX(1);opacity:.7}to{transform:scaleX(1);opacity:0}}@keyframes match-score-arrive{25%,65%{opacity:.65}45%,to{opacity:1}}@media(prefers-reduced-motion:reduce){.match-score[data-match-state=presenting] .match-score-value,.match-score[data-match-state=presenting] .match-score-value:after{animation:none}}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--font-display: "Bodoni Moda", "Didot", ui-serif, Georgia, serif;--bg: #e5dabf;--surface: #efe5cf;--surface-strong: #e4d6b8;--surface-hover: #dccdaa;--text: #272117;--muted: #665c48;--subtle: #61573e;--border: #d0c3a0;--border-strong: #b3a37c;--accent: #8f7031;--accent-strong: #74591f;--accent-soft: #e7d9b2;--accent-text: #6a5222;--on-accent: #f8f2e3;--menu-surface: #eadfc6;--menu-surface-strong: #ddcfae;--menu-text: #57503f;--menu-active: #8f7031;--menu-active-text: #f8f2e3;--positive: #28705b;--positive-soft: #e1f2ec;--warning: #9a5a22;--warning-soft: #f8ebdc;--danger: #b23a45;--danger-soft: #fae6e8;--facts: #3c5c72;--facts-soft: #e6e9e2;--personal: #7c3a45;--personal-soft: #ecdcbd;--paper-facts: #e2e3d6;--paper-personal: #ecdcbd;--material-smoked-graphite: #171310;--material-backlit-alabaster: #f2eadb;--material-polished-stone: #b8aa92;--accent-champagne: #ad8340;--shadow: 0 24px 70px rgba(46, 38, 26, .14);--shadow-small: 0 10px 28px rgba(46, 38, 26, .1)}@media(prefers-color-scheme:dark){:root{--font-display: "Bodoni Moda", "Didot", ui-serif, Georgia, serif;--bg: #171310;--surface: #201b16;--surface-strong: #2a241d;--surface-hover: #332c23;--text: #ece5d6;--muted: #b0a48d;--subtle: #948a75;--border: #3a332a;--border-strong: #57503f;--accent: #c9a55f;--accent-strong: #d7b675;--accent-soft: #3a2f1a;--accent-text: #d5b475;--on-accent: #241b0d;--menu-surface: #1b1713;--menu-surface-strong: #241e17;--menu-text: #cfc3ab;--menu-active: #c9a55f;--menu-active-text: #241b0d;--positive: #77c8ad;--positive-soft: #1e3f36;--warning: #e0a56e;--warning-soft: #4a3423;--danger: #f08c96;--danger-soft: #4a252c;--facts: #9db9cc;--facts-soft: #1b2227;--personal: #d6959e;--personal-soft: #2b1e18;--paper-facts: #1b2227;--paper-personal: #2b1e18;--material-smoked-graphite: #0f0e0c;--material-backlit-alabaster: #d9cfbc;--material-polished-stone: #716859;--accent-champagne: #d4b171;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--shadow-small: 0 8px 24px rgba(0, 0, 0, .38)}}html[data-theme=light]{color-scheme:light;--font-display: "Bodoni Moda", "Didot", ui-serif, Georgia, serif;--bg: #e5dabf;--surface: #efe5cf;--surface-strong: #e4d6b8;--surface-hover: #dccdaa;--text: #272117;--muted: #665c48;--subtle: #61573e;--border: #d0c3a0;--border-strong: #b3a37c;--accent: #8f7031;--accent-strong: #74591f;--accent-soft: #e7d9b2;--accent-text: #6a5222;--on-accent: #f8f2e3;--menu-surface: #eadfc6;--menu-surface-strong: #ddcfae;--menu-text: #57503f;--menu-active: #8f7031;--menu-active-text: #f8f2e3;--positive: #28705b;--positive-soft: #e1f2ec;--warning: #9a5a22;--warning-soft: #f8ebdc;--danger: #b23a45;--danger-soft: #fae6e8;--facts: #3c5c72;--facts-soft: #e6e9e2;--personal: #7c3a45;--personal-soft: #ecdcbd;--paper-facts: #e2e3d6;--paper-personal: #ecdcbd;--material-smoked-graphite: #171310;--material-backlit-alabaster: #f2eadb;--material-polished-stone: #b8aa92;--accent-champagne: #ad8340;--shadow: 0 24px 70px rgba(46, 38, 26, .14);--shadow-small: 0 10px 28px rgba(46, 38, 26, .1)}html[data-theme=dark]{color-scheme:dark;--font-display: "Bodoni Moda", "Didot", ui-serif, Georgia, serif;--bg: #171310;--surface: #201b16;--surface-strong: #2a241d;--surface-hover: #332c23;--text: #ece5d6;--muted: #b0a48d;--subtle: #948a75;--border: #3a332a;--border-strong: #57503f;--accent: #c9a55f;--accent-strong: #d7b675;--accent-soft: #3a2f1a;--accent-text: #d5b475;--on-accent: #241b0d;--menu-surface: #1b1713;--menu-surface-strong: #241e17;--menu-text: #cfc3ab;--menu-active: #c9a55f;--menu-active-text: #241b0d;--positive: #77c8ad;--positive-soft: #1e3f36;--warning: #e0a56e;--warning-soft: #4a3423;--danger: #f08c96;--danger-soft: #4a252c;--facts: #9db9cc;--facts-soft: #1b2227;--personal: #d6959e;--personal-soft: #2b1e18;--paper-facts: #1b2227;--paper-personal: #2b1e18;--material-smoked-graphite: #0f0e0c;--material-backlit-alabaster: #d9cfbc;--material-polished-stone: #716859;--accent-champagne: #d4b171;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--shadow-small: 0 8px 24px rgba(0, 0, 0, .38)}:root{--font-size-2xs: 9px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-lg: 13px;--font-size-base: 14px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px}@font-face{font-family:Bodoni Moda;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/bodoni-moda-latin.woff2) format("woff2")}@font-face{font-family:Bodoni Moda;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/bodoni-moda-latin-italic.woff2) format("woff2")}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),a,select{cursor:pointer}button,a,select,input,textarea{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}a{color:var(--accent-text)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.035em}p{line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.app-shell{min-height:100dvh}.skip-link{position:fixed;top:-60px;left:16px;z-index:120;padding:10px 14px;border:1px solid var(--accent);border-radius:999px;color:#fff;background:var(--accent-strong);box-shadow:var(--shadow-small);font-size:12px;font-weight:800;text-decoration:none;transition:top .16s ease}.skip-link:focus{top:max(12px,env(safe-area-inset-top))}.offline-banner{position:fixed;z-index:80;top:14px;left:50%;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;transform:translate(-50%);border:1px solid color-mix(in srgb,var(--warning) 34%,var(--border));border-radius:999px;color:var(--warning);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-small);font-size:12px;font-weight:750;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.recovery-banner{width:min(1180px,calc(100% - 80px));margin:0 auto -34px;padding:14px 16px;position:relative;top:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid color-mix(in srgb,var(--warning) 38%,var(--border));border-radius:18px;color:var(--text);background:color-mix(in srgb,var(--warning-soft) 72%,var(--surface));box-shadow:var(--shadow-small)}.recovery-art{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--warning);background:color-mix(in srgb,var(--surface) 72%,transparent)}.recovery-copy{display:grid;gap:3px}.recovery-copy strong{font-size:13px}.recovery-copy span{color:var(--muted);font-size:12px;line-height:1.5}.recovery-actions{display:flex;align-items:center;gap:4px}.app-error-page{min-height:100dvh;width:min(560px,calc(100% - 40px));margin:0 auto;padding:64px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.app-error-art{width:78px;height:78px;margin-bottom:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:50%;color:var(--accent-text);background:var(--accent-soft)}.app-error-page h1{margin:0 0 13px;font-size:clamp(34px,7vw,56px);line-height:.98;letter-spacing:-.06em}.app-error-page>p:not(.eyebrow){max-width:430px;margin-bottom:24px;color:var(--muted);line-height:1.65}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:230px;padding:24px 18px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--menu-surface) 94%,transparent);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;padding:0 5px;border:0;background:transparent;text-align:left}.brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#eef2ff;background:var(--accent-strong);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 24%,transparent)}.brand>span:last-child{display:grid}.brand strong{font-size:16px;letter-spacing:-.02em}.brand small{margin-top:-3px;color:var(--muted);font-size:12px}.sidebar nav{display:grid;gap:6px;margin-top:44px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 13px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:600;text-align:left}.sidebar nav button:hover{color:var(--text);background:var(--surface-strong)}.sidebar nav button.active{color:var(--menu-active-text);background:var(--menu-active)}.sidebar-add{margin-top:auto;padding:11px 16px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);font-weight:700}.sidebar-add:hover{border-color:var(--accent);color:var(--accent-text)}.local-note{margin:15px 0 0;color:var(--subtle);font-size:11px;text-align:center}.main-stage{min-height:100dvh;margin-left:230px}.page{width:min(1180px,calc(100% - 80px));margin:0 auto;padding:64px 0 100px}.view-skeleton{display:grid;align-content:start;gap:38px}.view-skeleton-heading,.view-skeleton-panel{display:grid;gap:14px}.view-skeleton-heading span,.view-skeleton-heading strong,.view-skeleton-heading small,.view-skeleton-panel span{display:block;border-radius:999px;background:linear-gradient(100deg,var(--surface) 28%,var(--surface-strong) 42%,var(--surface) 56%);background-size:220% 100%;animation:loading-shimmer 1.35s ease-in-out infinite}.view-skeleton-heading span{width:92px;height:12px}.view-skeleton-heading strong{width:min(360px,76%);height:48px}.view-skeleton-heading small{width:min(540px,90%);height:15px}.view-skeleton-panel{min-height:330px;align-content:end;padding:30px;border:1px solid var(--border);border-radius:28px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.view-skeleton-panel span:nth-child(1){width:44%;height:13px}.view-skeleton-panel span:nth-child(2){width:72%;height:34px}.view-skeleton-panel span:nth-child(3){width:58%;height:13px}.dialog-skeleton{display:grid;gap:14px;min-height:210px;align-content:center}.dialog-skeleton span{display:block;height:48px;border-radius:14px;background:linear-gradient(100deg,var(--surface) 28%,var(--surface-strong) 42%,var(--surface) 56%);background-size:220% 100%;animation:loading-shimmer 1.35s ease-in-out infinite}.dialog-skeleton span:nth-child(2){width:86%}.dialog-skeleton span:nth-child(3){width:68%}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:38px}.eyebrow{display:block;margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-heading h1{margin:0;font-family:var(--font-display);font-size:clamp(34px,5vw,56px);line-height:1;font-weight:520;letter-spacing:.005em}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.button{min-height:42px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:700;line-height:1;white-space:nowrap;transition:transform .14s ease,background .14s ease,border-color .14s ease}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px) scale(.985)}.button.primary{color:var(--on-accent);background:var(--accent-strong);border-color:var(--accent-strong)}.button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-strong) 88%,#0d1220)}.button.secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.button.secondary:hover:not(:disabled){background:var(--surface-strong)}.button.quiet{padding-inline:10px;color:var(--muted);background:transparent}.button.quiet:hover:not(:disabled){color:var(--text);background:var(--surface-strong)}.button.favorite-action{color:var(--accent-text);background:transparent;border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.button.favorite-action:hover:not(:disabled),.button.favorite-action.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.button:disabled,.icon-button:disabled{opacity:.55;filter:saturate(.6);cursor:not-allowed}.button.is-loading{pointer-events:none}.button.is-loading:before{content:"";width:14px;height:14px;flex:0 0 auto;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:button-spin .7s linear infinite}@keyframes button-spin{to{rotate:1turn}}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.icon-button:hover{background:var(--surface-strong)}.icon-button.subtle{border-color:transparent;color:var(--muted);background:transparent}@media(pointer:coarse){.button,.icon-button,.mobile-filter-toggle,.quick-filter,.mood-option,.theme-option,.share-choice,.card-wishlist-action,.card-favorite-action,.compare-check,.text-link,.match-score,.top-nav button{min-height:44px}.icon-button{width:44px;height:44px}.followed-pill button,.install-dismiss{position:relative}.followed-pill button:after,.install-dismiss:after{content:"";position:absolute;inset:-8px}}.text-link{padding:0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent-text);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.empty-collection-hero,.empty-state{min-height:470px;padding:58px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:24px;background:var(--surface);text-align:center;box-shadow:var(--shadow-small)}.empty-orbit{width:104px;height:104px;margin-bottom:26px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--accent);background:radial-gradient(circle at 35% 30%,var(--surface),var(--accent-soft));box-shadow:0 0 0 16px color-mix(in srgb,var(--accent-soft) 55%,transparent)}.empty-collection-hero h2,.empty-state h2{margin-bottom:10px;font-size:clamp(25px,3vw,34px)}.empty-collection-hero>p,.empty-state>p{max-width:560px;color:var(--muted)}.empty-collection-hero .button-row,.empty-state .button-row{justify-content:center;margin-top:10px}.empty-collection-hero .example-disclaimer{margin:20px 0 0;font-size:12px;color:var(--subtle)}.empty-state.compact{min-height:350px;box-shadow:none}.empty-state-icon{width:64px;height:64px;margin-bottom:14px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:20px;color:var(--accent-text);background:var(--accent-soft)}.collection-empty{min-height:520px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent-soft) 64%,transparent),transparent 38%),var(--surface)}.collection-empty>p{max-width:520px;margin:0;line-height:1.6}.collection-empty-actions{margin-top:24px;display:flex;justify-content:center;gap:10px}.collection-empty .welcome-example-action{margin-top:20px;display:inline-flex;align-items:center;gap:6px;text-align:center}.collection-empty-privacy{margin-top:24px;padding-top:18px;display:inline-flex;align-items:center;gap:7px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700}.wishlist-empty{min-height:330px;overflow:hidden;position:relative;isolation:isolate}.wishlist-empty:before{width:240px;height:240px;position:absolute;z-index:-1;top:-126px;right:-84px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;content:""}.wishlist-empty .empty-state-icon{color:var(--accent-text);background:color-mix(in srgb,var(--accent-soft) 78%,var(--surface))}.wishlist-empty-kicker{color:var(--accent-text);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.wishlist-empty p{max-width:48ch}.collection-empty-privacy svg{color:var(--accent-text)}.welcome-collection{min-height:510px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);overflow:hidden;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.welcome-collection-copy{padding:clamp(36px,6vw,72px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.welcome-kicker{margin-bottom:22px;display:inline-flex;align-items:center;gap:8px;color:var(--accent-text);font-size:12px;font-weight:800}.welcome-collection h1{max-width:540px;margin:0;font-size:clamp(36px,5.2vw,62px);font-weight:720;line-height:.98;letter-spacing:-.055em}.welcome-collection-copy>p{max-width:520px;margin:24px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.welcome-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}.welcome-example-action{margin-top:22px;padding:0;border:0;color:var(--muted);background:transparent;font-size:12px;font-weight:700;text-align:left;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 38%,transparent);text-underline-offset:4px}.welcome-example-action:hover{color:var(--accent-text);text-decoration-color:currentColor}.welcome-collection-visual{position:relative;isolation:isolate;min-height:510px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#091a1547,#081612ad),url(/fragrance-atmosphere.webp) 62% center / cover no-repeat,#142522}.welcome-collection-visual:before,.welcome-collection-visual:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.17);border-radius:50%}.welcome-collection-visual:before{width:330px;height:330px}.welcome-collection-visual:after{width:235px;height:235px}.welcome-bottle-mark{width:148px;height:202px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:68px 68px 27px 27px;color:#f4fbf5;background:linear-gradient(150deg,#ffffff2e,#ffffff09),#0d211b52;box-shadow:inset 0 1px #ffffff3d,0 28px 60px #040c0a4d;backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);font-size:44px;font-weight:760;letter-spacing:-.06em}.welcome-privacy{width:min(720px,calc(100% - 40px));margin:-1px auto 0;padding:20px 24px;display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid var(--border);border-top:0;border-radius:0 0 18px 18px;color:var(--accent-text);background:color-mix(in srgb,var(--surface-strong) 90%,transparent)}.welcome-privacy strong{display:block;margin-bottom:3px;font-size:13px}.welcome-privacy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}@media(prefers-reduced-transparency:reduce){.welcome-bottle-mark{background:#142522f5;backdrop-filter:none;-webkit-backdrop-filter:none}}.today-heading{align-items:center}.usage-lede{max-width:560px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.today-context-controls{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;align-items:end;gap:8px}.control-caption{overflow:hidden;padding-inline:1px 2px;color:var(--muted);font-size:9.5px;font-weight:650;letter-spacing:.14em;line-height:1.1;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.today-add-perfume{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:999px;color:var(--on-accent);background:var(--accent-strong);cursor:pointer;transition:filter .16s ease,translate .16s ease}.today-add-perfume:hover,.today-add-perfume:focus-visible{filter:brightness(1.07)}.today-add-perfume:active{translate:0 1px}.mood-control{min-width:0}.occasion-control{min-width:0;display:grid;gap:3px}.occasion-control-field{position:relative;min-width:0;display:grid}.toolbar-select select,.field select,.field input,.field textarea,.search-field,.location-form input{border:1px solid var(--border-strong);border-radius:12px;color:var(--text);background:var(--surface)}.occasion-control select{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-width:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:16px}.occasion-control-value{position:relative;min-width:0;display:block;padding:0 15px 0 1px;overflow:hidden;border:0;border-bottom:1px solid var(--border-strong);color:var(--text);background:transparent;font-size:13px;font-weight:600;line-height:43px;white-space:nowrap;text-overflow:ellipsis}.occasion-control-value:after{content:"";position:absolute;top:50%;right:3px;width:5px;height:5px;translate:0 -68%;rotate:45deg;opacity:.5;border-right:1.25px solid currentColor;border-bottom:1.25px solid currentColor}.occasion-control:focus-within .occasion-control-value{border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent);color:var(--accent-text)}.recommendation-card{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.recommendation-card .today-context-controls{padding:14px clamp(16px,3vw,28px);color:var(--menu-text);background:color-mix(in srgb,var(--menu-surface-strong) 46%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);border-top:1px solid color-mix(in srgb,var(--menu-text) 15%,transparent)}.recommendation-card .control-caption{color:var(--subtle)}.recommendation-card .occasion-control-value{border-bottom-color:color-mix(in srgb,var(--menu-text) 34%,transparent);color:var(--menu-text)}.recommendation-card .occasion-control:focus-within .occasion-control-value{border-bottom-color:var(--menu-active);box-shadow:0 1px 0 var(--menu-active);color:var(--menu-active)}.recommendation-card .category-zoom-toggle{border-color:color-mix(in srgb,var(--menu-text) 30%,transparent);color:var(--menu-text);background:transparent}.recommendation-card .category-zoom-toggle:hover,.recommendation-card .category-zoom-toggle:focus-visible,.recommendation-card .category-zoom-toggle.active{border-color:var(--menu-active);color:var(--menu-active);background:color-mix(in srgb,var(--menu-active) 12%,transparent)}.recommendation-card .today-add-perfume{color:var(--menu-active-text);background:var(--menu-active)}.today-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.category-zoom-toggle{min-width:0;min-height:44px;padding:0 15px;line-height:1.15;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);background:transparent;font-size:11.5px;font-weight:650;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.category-zoom-toggle:hover,.category-zoom-toggle:focus-visible,.category-zoom-toggle.active{border-color:var(--accent);color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.category-zoom{min-height:430px;padding:clamp(24px,4vw,48px);overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface-strong);touch-action:pan-y}.category-zoom-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}.category-zoom-heading h2{margin:0;font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:500;letter-spacing:.005em}.category-shelves{margin-top:6px;display:grid;min-width:0}.category-shelf-row{min-width:0;padding-top:14px;border-top:1px solid var(--border)}.category-shelf-heading{display:flex;align-items:baseline;gap:10px;min-width:0}.category-shelf-heading h3{margin:0;min-width:0;overflow:hidden;font-family:var(--font-display);font-size:19px;font-weight:500;letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap}.category-shelf-count{flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.category-shelf{margin:8px 0 0;padding:10px 4px 22px;display:flex;align-items:end;gap:clamp(8px,2vw,18px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none}.category-shelf::-webkit-scrollbar{display:none}.category-shelf-slot{flex:0 0 104px;scroll-snap-align:start}.category-shelf-item{position:relative;width:100%;min-height:132px;padding:8px 6px 10px;display:grid;align-content:end;gap:4px;border:0;border-radius:12px 12px 6px 6px;color:var(--text);background:transparent;cursor:pointer;text-align:center;transition:transform .22s ease,background .22s ease}.category-shelf-item:hover,.category-shelf-item:focus-visible{transform:translateY(-6px);background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}.category-shelf-item span{overflow:hidden;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.category-shelf-item small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.recommendation-visual{position:relative;min-height:clamp(430px,62vh,620px);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 28% 24%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 72%,var(--surface)),var(--surface-strong))}.recommendation-stage{isolation:isolate;touch-action:pan-y}.recommendation-curtain{position:absolute;z-index:3;top:0;bottom:0;width:17%;background:color-mix(in srgb,var(--text) 82%,var(--accent) 18%);box-shadow:inset 0 0 28px color-mix(in srgb,var(--text) 24%,transparent);pointer-events:none}.recommendation-curtain-left{left:0;border-radius:0 38% 38% 0}.recommendation-curtain-right{right:0;border-radius:38% 0 0 38%}.recommendation-bottle-trigger{position:relative;z-index:4;width:min(62%,290px);min-width:178px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer;transition:transform .26s ease,filter .26s ease}.recommendation-bottle-trigger:hover,.recommendation-bottle-trigger:focus-visible{filter:brightness(1.06)}.recommendation-bottle-trigger .perfume-visual{position:relative;inset:auto;width:100%;height:320px;margin:0 auto;overflow:hidden}.recommendation-bottle-trigger.is-spraying{animation:recommendation-press .9s cubic-bezier(.2,.8,.2,1)}.recommendation-spray-mist{position:absolute;z-index:5;top:23%;right:7%;width:120px;height:90px;opacity:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 68%,transparent);filter:blur(15px);pointer-events:none}.recommendation-bottle-trigger.is-spraying .recommendation-spray-mist{animation:recommendation-spray .9s ease-out}.recommendation-spray-particle{position:absolute;z-index:5;top:26%;right:6%;width:9px;height:9px;opacity:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 78%,var(--accent));filter:blur(2px);pointer-events:none}.recommendation-bottle-trigger.is-spraying .recommendation-spray-particle{animation:recommendation-spray-particle .9s ease-out}.recommendation-spray-particle-1{transform-origin:left center}.recommendation-spray-particle-2{width:6px;height:6px;animation-delay:80ms}.recommendation-spray-particle-3{width:4px;height:4px;animation-delay:.15s}.recommendation-bottle-trigger.is-spraying-slow,.recommendation-bottle-trigger.is-spraying-slow .recommendation-spray-mist,.recommendation-bottle-trigger.is-spraying-slow .recommendation-spray-particle{animation-duration:1.8s}.recommendation-bottle-trigger.is-spraying-slow .recommendation-spray-particle-2{animation-delay:.16s}.recommendation-bottle-trigger.is-spraying-slow .recommendation-spray-particle-3{animation-delay:.3s}.recommendation-note-orbit{position:absolute;z-index:4;inset:0;pointer-events:none}.recommendation-note{position:absolute;max-width:100px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--surface) 48%,transparent);border-radius:999px;color:color-mix(in srgb,var(--surface) 88%,var(--text));background:color-mix(in srgb,var(--text) 28%,transparent);font-size:10px;font-weight:750;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recommendation-spray-hint{position:absolute;z-index:4;right:24px;bottom:20px;margin:0;color:color-mix(in srgb,var(--surface) 82%,transparent);font-size:11px;font-weight:750}.recommendation-note-sheet{position:absolute;z-index:6;right:24px;bottom:52px;width:min(230px,48%);overflow:hidden;border:1px solid color-mix(in srgb,var(--surface) 46%,transparent);border-radius:16px 16px 8px 8px;color:var(--text);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 16px 36px color-mix(in srgb,var(--text) 22%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(calc(100% - 42px));transition:transform .3s cubic-bezier(.2,.8,.2,1)}.recommendation-stage.notes-open .recommendation-note-sheet{transform:translateY(0)}.recommendation-note-sheet-toggle{position:relative;width:100%;min-height:42px;padding:14px 44px 10px;display:flex;align-items:center;justify-content:center;border:0;color:inherit;background:transparent;cursor:pointer;text-align:center}.recommendation-note-sheet-toggle:before{content:"";position:absolute;top:6px;left:50%;width:32px;height:3px;border-radius:999px;background:currentColor;opacity:.35;translate:-50% 0}.recommendation-note-sheet-toggle span{font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.recommendation-note-sheet-toggle strong{position:absolute;right:12px;top:50%;color:var(--accent-text);font-size:10px;translate:0 -50%}.recommendation-note-sheet-content{padding:0 12px 13px;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;font-size:11px}.recommendation-note-sheet-content>*{min-width:0}.recommendation-note-sheet-content>p{margin:2px 0 0;color:var(--muted);line-height:1.45}@keyframes recommendation-press{0%,to{transform:translateY(0) scale(1)}34%{transform:translateY(5px) scale(.97)}72%{transform:translateY(0) scale(1)}}@keyframes recommendation-spray{0%{opacity:0;transform:translate(-12px) scale(.45)}35%{opacity:.78}to{opacity:0;transform:translate(34px) scale(1.35)}}@keyframes recommendation-spray-particle{0%{opacity:0;transform:translate(-10px,4px) scale(.4)}25%{opacity:.78}to{opacity:0;transform:translate(62px,-18px) scale(1.2)}}.recommendation-visual:after{content:"";position:absolute;width:250px;height:250px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%}.recommendation-visual:before{content:"";position:absolute;width:340px;height:340px;border:1px dashed color-mix(in srgb,var(--accent) 23%,transparent);border-radius:50%;animation:slow-orbit 18s linear infinite}.recommendation-season{position:absolute;inset:auto 22px 20px auto;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recommendation-confidence{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:11px;font-weight:800}.recommendation-confidence-label{color:var(--accent-text);font-weight:900}.recommendation-confidence-track{width:86px;height:7px;position:relative;border-radius:999px;background:color-mix(in srgb,var(--border) 90%,transparent);overflow:hidden}.recommendation-confidence-track>span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-soft),var(--accent-strong));transition:width .42s cubic-bezier(.2,.8,.2,1)}.recommendation-confidence-value{min-width:36px;color:var(--text);letter-spacing:-.03em}.recommendation-house{margin:0 0 6px;color:var(--muted);font-size:14px;font-weight:700}.recommendation-favorite{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;color:var(--accent-text);background:var(--accent-soft);font-size:10px;font-weight:800}.recommendation-reference{margin:0;color:var(--muted);font-size:12px}.recommendation-context{width:100%;margin:23px 0 0;padding:14px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.recommendation-context div{min-width:0;padding:0 13px;border-right:1px solid var(--border)}.recommendation-context div:first-child{padding-left:0}.recommendation-context div:last-child{padding-right:0;border-right:0}.recommendation-context dt{margin-bottom:4px;color:var(--subtle);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.recommendation-context dd{margin:0;overflow:hidden;color:var(--text);font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.recommendation-actions{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8px}.recommendation-actions .button{width:100%;min-width:0;padding-inline:13px;white-space:normal;line-height:1.2;font-size:12px}.recommendation-actions .button.quiet{justify-content:flex-start}.today-lower-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}.context-panel,.rhythm-panel,.preference-panel,.data-depth-panel,.settings-section{border:1px solid var(--border);border-radius:4px;background:var(--surface)}.context-panel,.rhythm-panel{padding:27px}.panel-title,.detail-section-title,.settings-title{display:flex;align-items:center;gap:10px}.panel-title{color:var(--accent-text)}.panel-title h3,.detail-section-title h4,.settings-title h2{margin:0}.detail-section-title h4{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.detail-section-title svg{width:16px;height:16px}.context-metrics{margin:24px 0 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.context-metrics div{min-width:0}.context-metrics span,.rhythm-stat span,.usage-rotation-facts span,.metric-cell span{display:block;color:var(--muted);font-size:12px}.context-metrics strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-loading{width:72px;height:17px;overflow:hidden;border-radius:999px;color:transparent;background:linear-gradient(100deg,var(--surface-strong) 30%,color-mix(in srgb,var(--surface) 80%,var(--accent-soft)) 50%,var(--surface-strong) 70%);background-size:220% 100%;animation:loading-shimmer 1.35s ease-in-out infinite}.location-line,.daily-note{color:var(--muted);font-size:12px}.alternative-meter{color:var(--accent-text);font-weight:750}.location-line{display:flex;align-items:center;gap:5px}.inline-warning{padding:10px 12px;border-radius:10px;color:var(--warning);background:var(--warning-soft);font-size:12px}.rhythm-panel>p{margin:22px 0;color:var(--muted);font-size:14px}.rhythm-stat{display:flex;align-items:baseline;gap:12px}.rhythm-stat strong{font-size:38px;letter-spacing:-.05em}.daily-note{margin:14px 0 0;text-align:center}.card-main .perfume-visual{width:118px;height:146px;flex:0 0 auto;border:1px solid var(--border);border-radius:10px 10px 4px 4px;background:radial-gradient(92% 72% at 50% 26%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 78%),linear-gradient(180deg,var(--surface-hover),var(--surface))}.initial-mark{width:88px;height:108px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:10px 10px 4px 4px;color:var(--accent-text);background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 75%,var(--accent-soft)),var(--accent-soft));font-size:24px;font-weight:650;letter-spacing:-.06em}.initial-mark.tone-1{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 82%,var(--accent-soft)),color-mix(in srgb,var(--accent-soft) 72%,var(--surface-strong)))}.initial-mark.tone-2{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 76%,var(--surface-strong)),color-mix(in srgb,var(--accent-soft) 54%,var(--surface-strong)))}.initial-mark.tone-3{background:linear-gradient(155deg,color-mix(in srgb,var(--accent-soft) 48%,var(--surface)),color-mix(in srgb,var(--surface-strong) 72%,var(--accent-soft)))}.initial-mark.example{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 32%,var(--border));background:linear-gradient(155deg,var(--surface),var(--warning-soft))}.perfume-visual{position:relative;overflow:hidden;padding:0;width:88px;height:108px;font-size:0;border-radius:38px 38px 18px 18px;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:radial-gradient(160% 180% at 27% 15%,#ffffff9e,#fff0 52%),radial-gradient(170% 135% at 83% 88%,#06120e94,#06120e00 68%),linear-gradient(155deg,#152a25,#0a1311 58%,#060a08 78%,#030605);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 45%,transparent),inset 0 28px 44px color-mix(in srgb,#fff 8%,transparent),0 20px 58px color-mix(in srgb,#000 66%,transparent),0 0 38px color-mix(in srgb,#ffffff 16%,transparent);transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .42s cubic-bezier(.22,.61,.36,1),filter .42s cubic-bezier(.22,.61,.36,1);will-change:transform,filter;--pointer-x: 0;--pointer-y: 0;--pointer-strength: 1;--pop: 0;--pop-lift: 0px;--pop-depth: 34px;--pop-scale: .05;--scene-rotate-x: 2.2deg;--scene-tilt-scale: 1;--scene-scale: 1;--scene-shift-y: 0px;transform:perspective(820px) translate3d(0,calc(var(--scene-shift-y) + var(--pop) * var(--pop-lift)),calc(var(--pop) * var(--pop-depth))) rotateX(calc(var(--scene-rotate-x) + var(--pointer-y) * var(--pointer-strength) * -15deg)) rotateY(calc(var(--perfume-tilt, 0deg) * var(--scene-tilt-scale) + var(--pointer-x) * var(--pointer-strength) * 17deg)) scale(calc(var(--scene-scale) * (1 + var(--pop) * var(--pop-scale))))}@media(hover:hover)and (pointer:fine){.perfume-visual:hover{--pop: 1}}.perfume-visual[data-pressed=true]{--pop: 1.3;transition-duration:.14s}.perfume-visual[data-pressed=true],.perfume-visual:hover{z-index:4;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 52%,transparent),inset 0 28px 44px color-mix(in srgb,#fff 10%,transparent),0 34px 74px color-mix(in srgb,#000 72%,transparent),0 0 52px color-mix(in srgb,#ffffff 20%,transparent)}.perfume-visual-gloss{position:absolute;inset:0;border-radius:inherit;z-index:3;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(58% 46% at calc(50% + var(--pointer-x) * 62%) calc(46% + var(--pointer-y) * 58%),#fff6,#fff0 68%);transition:opacity .26s ease}.perfume-visual:hover .perfume-visual-gloss,.perfume-visual[data-pressed=true] .perfume-visual-gloss{opacity:1}.perfume-visual--placeholder{filter:hue-rotate(var(--perfume-tone-hue));background:radial-gradient(circle at 24% 15%,#ffffff85,#fff0 38%),radial-gradient(circle at 74% 88%,#ffffff17,#fff0 54%),linear-gradient(160deg,#1a2f29,#0e1a17 62%,#07130f);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.perfume-visual--source-spray-hero{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 52%,transparent),inset 0 36px 58px color-mix(in srgb,#fff 10%,transparent),0 22px 66px color-mix(in srgb,#000 64%,transparent),0 0 48px color-mix(in srgb,#fff 18%,transparent)}.perfume-visual--source-spray-vector{filter:saturate(1.08)}.perfume-visual--source-bottle-vector{filter:saturate(1.05) contrast(1.06)}.perfume-visual--source-bottle-neutral{filter:saturate(.95) brightness(1.04) contrast(1.04)}.perfume-visual.perfume-visual--loaded{--scene-rotate-x: .6deg}.perfume-visual--custom{border-radius:44px 44px 20px 20px;overflow:hidden}.perfume-visual--custom img{object-fit:contain;object-position:50% 54%;padding:2px;filter:saturate(1.12) contrast(1.06) drop-shadow(0 11px 26px rgba(6,10,12,.3)) drop-shadow(0 0 14px rgba(255,255,255,.08));transform:scale(1.06) rotateY(calc(var(--perfume-tilt, 0deg) * .1)) translateZ(18px)}.perfume-visual:before{content:"";position:absolute;inset:-18% 26% auto auto;width:55%;height:42%;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffff85,#fff0 62%);transform:rotate(-10deg);pointer-events:none;opacity:.85;mix-blend-mode:screen;z-index:2}.perfume-visual:after{content:"";position:absolute;inset:auto -10% -12% auto;width:58%;height:26%;border-radius:50% 50% 45% 45%;background:linear-gradient(145deg,#ffffff38,#fff0),radial-gradient(circle at 58% 28%,#ffffff2e,#fff0 68%);filter:blur(.5px);pointer-events:none;opacity:.52;z-index:1}.perfume-visual-spray-sheen{position:absolute;inset:7% 4% -5%;border-radius:48% 48% 40% 40%;background:linear-gradient(130deg,#ffffff42,#fff0),radial-gradient(circle at 32% 22%,#ffffff47,#fff0 56%);filter:blur(.2px);opacity:.75;mix-blend-mode:screen;pointer-events:none;z-index:2;animation:spray-pulse 2.5s ease-in-out infinite}.perfume-visual-spray-spray{position:absolute;left:18%;right:18%;top:4%;height:34%;border-radius:46% 46% 44% 44%;pointer-events:none;background:radial-gradient(circle at 50% 18%,#ffffff5c,#fff0 56%),linear-gradient(155deg,#ffffff29,#fff0);filter:blur(.35px);opacity:.72;z-index:3;mix-blend-mode:screen;animation:spray-spray 2.6s cubic-bezier(.2,.8,.2,1) infinite}.perfume-visual-spray-aura{position:absolute;inset:-17% 4% -12%;border-radius:56% 56% 50% 50%;pointer-events:none;background:radial-gradient(circle at 50% 18%,#ffffff26,#fff0 58%);filter:blur(8px);opacity:.24;z-index:1;animation:spray-aura 5.2s cubic-bezier(.2,.7,.2,1) infinite}@keyframes spray-pulse{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(2px) scale(1.012);opacity:.9}}.perfume-visual-rim{position:absolute;inset:-1px;border-radius:inherit;border:1px solid color-mix(in srgb,#fff 18%,transparent);box-shadow:inset 0 0 22px #ffffff2b,inset 0 8px 16px #0000002e;pointer-events:none;z-index:2}.perfume-visual:not(.perfume-visual--loaded){animation:loading-shimmer 1.1s linear infinite;background-size:190% 100%;background-image:linear-gradient(100deg,color-mix(in srgb,var(--surface-strong) 84%,transparent),color-mix(in srgb,var(--accent-soft) 42%,transparent) 45%,color-mix(in srgb,var(--surface-strong) 82%,transparent) 76%)}.perfume-visual-shadow{position:absolute;inset:8% -2px -4px;border-radius:inherit;opacity:.52;background:linear-gradient(180deg,transparent 2%,rgba(3,8,6,.25) 45%,rgba(3,8,6,.35));pointer-events:none;z-index:0;mix-blend-mode:multiply}.perfume-visual-shell{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(150% 150% at 52% 18%,color-mix(in srgb,var(--surface) 93%,transparent) 18%,transparent 58%),linear-gradient(155deg,#0f1a16,#0a1612 48%,#060a08);z-index:1;overflow:hidden}.perfume-visual-shell:before,.perfume-visual-shell:after{content:"";position:absolute;border-radius:40% 40% 26% 26%;border:1px solid color-mix(in srgb,#fff 16%,transparent)}.perfume-visual-shell:before{inset:18% 21% 33%;background:linear-gradient(160deg,#ffffff4d,#ffffff05),linear-gradient(155deg,#1b3a33,#132a26 68%);box-shadow:inset 0 0 42px color-mix(in srgb,#fff 14%,transparent)}.perfume-visual-shell:after{inset:58% 34% 14%;opacity:.7;background:radial-gradient(circle at 50% 12%,#ffffff29,#fff0 55%),linear-gradient(155deg,#2d473f,#1e2e2a 56%,#192824);box-shadow:inset 0 8px 18px #ffffff1f,inset 0 -14px 24px #03060859}.perfume-visual--spray{border-radius:44px 44px 18px 18px;--scene-rotate-x: -2.4deg;--scene-tilt-scale: .8;--scene-scale: 1.015;background:radial-gradient(150% 210% at 24% 14%,#ffffff5c,#fff0 44%),radial-gradient(170% 120% at 82% 82%,#020e09b8,#020e0900 64%),linear-gradient(150deg,#192f2a,#0d1a16 58%,#080d0c)}.perfume-visual--bottle{border-radius:40px 40px 16px 16px;--scene-rotate-x: 2.8deg;--scene-tilt-scale: 1.06;--scene-shift-y: .5px}.perfume-visual--bottle img{object-fit:contain;object-position:50% 48%;padding:3px 2px 8px;transform:scale(1.05) rotateY(calc(var(--perfume-tilt, 0deg) * .1)) translateZ(14px);filter:saturate(1.06) contrast(1.08) drop-shadow(0 8px 16px color-mix(in srgb,#000 26%,transparent))}.perfume-visual--source-spray-hero img{object-fit:cover;object-position:50% 52%;filter:saturate(1.15) contrast(1.14) drop-shadow(0 12px 30px color-mix(in srgb,#000 38%,transparent))}.perfume-visual--source-spray-vector img,.perfume-visual--source-bottle-vector img,.perfume-visual--source-bottle-neutral img{object-position:50% 52%;filter:saturate(1.08) contrast(1.08) drop-shadow(0 10px 20px color-mix(in srgb,#000 28%,transparent))}.perfume-visual--replica svg.bottle-replica{width:100%;height:100%;display:block;transform:scale(1.08) rotateY(calc(var(--perfume-tilt, 0deg) * .1)) translateZ(16px);filter:drop-shadow(0 10px 22px color-mix(in srgb,#05100c 45%,transparent));transition:transform .7s cubic-bezier(.2,.8,.2,1)}.perfume-card:hover .card-main .perfume-visual--replica svg.bottle-replica{transform:scale(1.14) rotateY(calc(var(--perfume-tilt, 0deg) * .1)) translateZ(24px)}.perfume-visual--bottle.perfume-visual--custom img{object-position:50% 52%;padding:2px 4px;filter:saturate(1.14) contrast(1.06) drop-shadow(0 12px 24px color-mix(in srgb,#07110d 42%,transparent))}.detail-identity .perfume-visual{width:124px;height:154px}.welcome-collection-visual>.perfume-visual,.recommendation-visual>.perfume-visual{width:100%;height:100%;border-radius:0;--pop-lift: 0px;--pop-depth: 0px;--pop-scale: .03;--pointer-strength: .4}.recommendation-visual>.perfume-visual:before,.recommendation-visual>.perfume-visual:after{border-radius:50%/56%}.perfume-visual img{width:100%;height:100%;display:block;object-fit:contain;object-position:50% 54%;transform:scale(1.04);filter:saturate(1.13) contrast(1.08) drop-shadow(0 10px 24px color-mix(in srgb,#000 26%,transparent));transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s cubic-bezier(.2,.8,.2,1);background:color-mix(in srgb,var(--surface-strong) 34%,transparent);z-index:1;opacity:1}.perfume-visual img[data-native-fallback=true]{object-fit:contain;filter:saturate(1.06) contrast(1.06) brightness(.99)}.perfume-visual--spray img{object-position:50% 45%;transform:scale(1.08) rotate(.2deg);filter:saturate(1.2) contrast(1.12) drop-shadow(0 12px 22px rgba(8,14,15,.35));object-fit:contain}.perfume-visual--spray:before{border-radius:54% 54% 40% 40%;inset:-18% 5% auto auto;width:58%;height:46%;opacity:.9;filter:blur(.3px)}.perfume-visual--spray:after{border-radius:50%/60%;inset:auto -15% -4px auto;height:33%;opacity:.34;background:radial-gradient(circle at 50% 22%,#ffffff3d,#fff0 52%)}.perfume-visual--spray.perfume-visual--custom img{transform:scale(1.08) rotate(-.4deg) translateZ(10px)}.perfume-visual--spray.perfume-visual--loaded img{filter:saturate(1.2) contrast(1.2) drop-shadow(0 12px 28px color-mix(in srgb,#0b130f 38%,transparent))}.perfume-visual--spray:before{z-index:3}.perfume-visual--spray:after{z-index:2}.perfume-visual--spray.perfume-visual--loaded .perfume-visual-spray-sheen{animation-duration:2.2s}.perfume-visual--spray.perfume-visual--loaded .perfume-visual-spray-spray{animation-duration:2.4s}.perfume-visual--spray.perfume-visual--loaded .perfume-visual-spray-aura{animation-duration:4.8s}.perfume-visual--spray.perfume-visual--loaded .perfume-visual-spray-mist{transform-origin:50% 45%}.perfume-visual-spray-jet{position:absolute;width:46%;height:28%;left:26%;top:6%;border-radius:44% 44% 52% 52%;background:radial-gradient(circle at 32% 20%,#ffffff7a,#fff0 55%),linear-gradient(145deg,#ffffff3d,#fff0);pointer-events:none;opacity:.85;z-index:2;animation:spray-jet 2.1s ease-in-out infinite}.perfume-visual-spray-mist{position:absolute;inset:18% -6% 3%;border-radius:44% 44% 47% 47%;background:radial-gradient(ellipse at 50% 10%,#ffffff14,#fff0 54%),linear-gradient(160deg,#ffffff24,#fff0);pointer-events:none;opacity:.55;z-index:1;mix-blend-mode:screen;animation:spray-mist 4.4s ease-in-out infinite}@keyframes spray-jet{0%,to{transform:translateY(0) skew(-8deg) scaleX(1);opacity:.7}50%{transform:translateY(2px) skew(-11deg) scaleX(1.02);opacity:.93}}@keyframes spray-mist{0%,to{transform:translateY(0) scaleX(1);opacity:.36}50%{transform:translateY(2px) scaleX(1.03);opacity:.66}}.detail-discovery-grid .perfume-visual,.layer-scent .perfume-visual,.layer-starter-preview .perfume-visual,.shared-preview-item .perfume-visual,.recent-wear-card .perfume-visual{border-radius:28px 28px 12px 12px}.perfume-visual--placeholder img{opacity:1;transform:scale(calc(1 + var(--perfume-float))) rotate(-.9deg);filter:saturate(1.15) contrast(1.04) drop-shadow(0 8px 12px color-mix(in srgb,#000 28%,transparent))}.perfume-visual--placeholder:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,#fff 8%,transparent);border-radius:inherit;pointer-events:none}.perfume-visual[data-scene=spray]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-strong) 48%,transparent),inset 0 36px 52px #ffffff17,0 20px 54px color-mix(in srgb,#000 68%,transparent),0 0 44px color-mix(in srgb,#ffffff 16%,transparent)}.perfume-visual-glow{position:absolute;inset:8%;border-radius:inherit;border:1px solid color-mix(in srgb,#fff 18%,transparent);box-shadow:inset 0 0 22px #ffffff1f,0 0 22px #ffffff24;pointer-events:none;z-index:2}.perfume-visual--fallback .perfume-visual-glow{inset:13%}.perfume-visual.example:after{content:"";position:absolute;inset:0;border:2px solid color-mix(in srgb,var(--warning) 52%,transparent);border-radius:inherit;pointer-events:none}.image-url-field{grid-column:1 / -1}.image-url-editor{padding:12px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:center;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-strong) 72%,transparent)}.image-url-editor .perfume-visual{width:76px;height:94px;border-radius:27px 27px 12px 12px}.image-url-control{min-width:0;display:grid;gap:8px}.image-url-input{min-width:0;display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;color:var(--muted)}.image-url-input input{min-width:0}.image-action-buttons{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.image-action-button,.image-clear-button{min-height:30px;border:0;border-radius:9px;font-size:11px;white-space:nowrap;padding:6px 10px;display:inline-flex;align-items:center;gap:7px;font-weight:750}.image-action-button{background:color-mix(in srgb,var(--surface) 46%,var(--accent-soft));color:var(--text)}.image-action-button:hover{background:color-mix(in srgb,var(--accent-soft) 56%,var(--surface))}.image-action-button[disabled]{opacity:.62}.image-clear-button{border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 58%,transparent)}.image-clear-button:hover{background:color-mix(in srgb,var(--danger-soft) 86%,transparent)}.image-url-status{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:700;line-height:1.4}.image-url-status.valid{color:var(--positive)}.image-url-status.invalid{color:var(--warning)}.rating{display:inline-flex;align-items:center;gap:5px;color:var(--warning);font-weight:800;font-variant-numeric:tabular-nums}.rating-compact{font-size:12px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:5px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface);font-size:11px;font-weight:700}.example-label{display:inline-flex;align-items:center;width:fit-content;padding:4px 7px;border-radius:6px;color:var(--warning);background:var(--warning-soft);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.example-data-note{margin:-8px 0 18px;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;border:1px solid color-mix(in srgb,var(--warning) 26%,var(--border));border-radius:12px;color:var(--warning);background:color-mix(in srgb,var(--warning-soft) 58%,var(--surface))}.example-data-note svg{flex:0 0 auto;margin-top:2px}.example-data-note p{margin:0;color:inherit;font-size:11px;line-height:1.45}.share-example-label{margin:0 0 7px 8px;vertical-align:middle}.favorite-toggle{min-height:58px;padding:11px 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;color:var(--muted);background:var(--surface);cursor:pointer}.favorite-toggle:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--accent-soft)}.favorite-toggle input{width:18px;height:18px;accent-color:var(--accent-strong)}.favorite-toggle>svg{color:var(--accent-text)}.favorite-toggle span{display:grid;gap:2px}.favorite-toggle strong{color:var(--text);font-size:13px}.favorite-toggle small{color:var(--muted);font-size:11px}.collection-toolbar{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(145px,auto));gap:9px;padding:10px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.advanced-filters{display:contents}.mobile-filter-toggle{display:none}.search-field{min-height:43px;padding:0 12px;display:flex;align-items:center;gap:9px}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field button{min-width:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.toolbar-select{display:flex;align-items:center;gap:4px;color:var(--muted)}.toolbar-select select{width:100%;min-height:43px;padding:0 30px 0 11px}.result-line{min-height:52px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.result-line button{border:0;background:transparent;color:var(--accent-text);font-weight:700}.collection-modes{margin:18px 0 0;padding:4px;display:inline-flex;gap:4px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 60%,transparent)}.collection-mode{min-height:38px;padding:8px 14px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;color:var(--muted);background:transparent;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.collection-mode span{min-width:18px;padding:2px 5px;border-radius:999px;color:var(--subtle);background:var(--surface-strong);font-size:10px;text-align:center}.collection-mode:hover{color:var(--text)}.collection-mode.active{color:var(--accent-text);background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent) inset}.collection-mode.active span{color:var(--accent-text);background:color-mix(in srgb,var(--surface) 64%,transparent)}.layers-page{margin-top:20px}.layers-page>.page-heading{margin-bottom:22px}.layers-page>.page-heading h2{margin:0;font-size:26px;font-weight:720;letter-spacing:-.045em}.collection-quick-filters{margin:13px 0 0;display:flex;flex-wrap:wrap;gap:7px}.quick-filter{min-height:34px;padding:7px 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:transparent;font-size:11px;font-weight:750}.quick-filter span{min-width:18px;padding:2px 5px;border-radius:999px;color:var(--subtle);background:var(--surface-strong);font-size:10px;text-align:center}.quick-filter:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.quick-filter.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--accent-text);background:var(--accent-soft)}.quick-filter.active span{color:var(--accent-text);background:color-mix(in srgb,var(--surface) 64%,transparent)}.perfume-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;border-top:1px solid var(--border)}.perfume-card{position:relative;border-bottom:1px solid var(--border);transition:background-color .16s ease}.perfume-card:hover,.perfume-card:focus-within{z-index:3}.perfume-card:hover{background-color:color-mix(in srgb,var(--accent) 7%,transparent)}.perfume-card:hover .card-main .perfume-visual,.perfume-card:focus-within .card-main .perfume-visual{--pop: 1}.perfume-card:hover .card-main .perfume-visual img,.card-main .perfume-visual img:focus-visible{transform:scale(1.06)}.collection-snapshot{margin:-10px 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border-block:1px solid var(--border);animation:rise-in .42s cubic-bezier(.22,.8,.28,1) both}.collection-heading{position:relative}.collection-heading>div{position:relative;z-index:1}.collection-lede{max-width:470px;margin:12px 0 0;color:var(--muted);font-size:13px}.collection-snapshot>div{min-height:92px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center;border-right:1px solid var(--border)}.collection-snapshot>div:last-child{border-right:0}.collection-snapshot>div{min-width:0}.collection-snapshot span{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.collection-snapshot strong{margin-top:4px;color:var(--text);font-family:var(--font-display);font-size:27px;font-weight:560;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.collection-snapshot small{align-self:end;padding-bottom:1px;color:var(--subtle);font-size:11px}.page-today .recommendation-card{animation:rise-in .52s cubic-bezier(.22,.8,.28,1) both}.card-main{width:100%;min-height:212px;padding:25px 22px 23px;display:flex;gap:21px;border:0;background:transparent;text-align:left;align-items:center}.card-copy{min-width:0;flex:1}.card-nr{margin:0 0 3px;color:var(--subtle);font-size:10.5px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:700}.card-meta-right{display:inline-flex;align-items:center;gap:8px}.card-favorite{display:inline-grid;place-items:center;color:var(--accent-text)}.card-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-copy h2{margin:8px 0 4px;font-family:var(--font-display);font-size:24px;font-weight:520;letter-spacing:.005em;line-height:1.08}.card-copy>p{margin-bottom:15px;color:var(--muted);font-size:12px}.card-copy .example-label{margin-top:13px}.card-actions{display:flex;align-items:stretch;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.compare-check{flex:1;padding:11px 18px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.compare-check input{position:absolute;opacity:0;pointer-events:none}.compare-check:has(input:checked){color:var(--accent-text);background:var(--accent-soft)}.card-wishlist,.detail-wishlist{color:var(--accent-text)}.card-wishlist-action,.card-favorite-action{min-height:42px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-left:1px solid var(--border);color:var(--muted);background:transparent;font-size:11px;font-weight:800;white-space:nowrap}.card-wishlist-action:hover,.card-wishlist-action.active,.card-favorite-action:hover,.card-favorite-action.active{color:var(--accent-text);background:var(--accent-soft)}.compare-tray{position:fixed;z-index:25;inset:auto 24px 24px calc(230px + 50%);width:min(560px,calc(100vw - 280px));padding:12px 14px 12px 18px;display:flex;align-items:center;gap:16px;transform:translate(-50%);border:1px solid var(--border-strong);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.compare-tray>div{display:flex;align-items:center;gap:8px}.compare-tray p{margin:0 auto 0 0;color:var(--muted);font-size:12px}.profile-usage{margin:26px 0;display:grid;gap:22px}.profile-usage .page-heading{margin:0}.profile-usage .page-heading h2{margin:0;font-family:var(--font-display);font-size:26px;font-weight:520;letter-spacing:.005em}.usage-rotation{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.55fr);gap:0 34px;border-block:1px solid var(--border)}.usage-rotation-lead{padding:18px 0;display:grid;align-content:start;gap:12px}.usage-rotation-lead .panel-title{color:var(--muted)}.usage-rotation-lead .panel-title h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.usage-rotation-count{display:flex;align-items:baseline;gap:9px}.usage-rotation-count strong{font-family:var(--font-display);font-size:36px;font-weight:560;line-height:.9;letter-spacing:0;font-variant-numeric:tabular-nums}.usage-rotation-count span{color:var(--muted);font-size:12px;font-weight:750}.usage-rotation-lead>p{max-width:31ch;margin:0;color:var(--muted);font-size:12px;line-height:1.45}.usage-rotation-facts{display:grid;grid-template-columns:minmax(118px,.72fr) minmax(0,1.28fr);grid-template-rows:1fr 1fr;gap:0 22px}.usage-rotation-facts>div{min-width:0;padding:12px 0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--border)}.usage-rotation-facts>div:first-child{grid-row:1 / 3;justify-content:flex-end;border-top:0}.usage-rotation-facts span{color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.usage-rotation-facts strong{margin-top:6px;font-family:var(--font-display);font-size:26px;font-weight:560;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.usage-rotation-facts strong.stat-name{max-width:34ch;overflow:hidden;font-size:17px;line-height:1.15;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.usage-rotation-facts small{margin-top:5px;color:var(--subtle);font-size:10px}.usage-pulse{margin-top:16px;padding:16px 0 12px;border-bottom:1px solid var(--border)}.usage-pulse-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.usage-pulse-heading .panel-title{color:var(--muted)}.usage-pulse-heading .panel-title h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.usage-pulse-status{display:flex;align-items:center;justify-content:flex-end;gap:8px}.usage-pulse-status>span:not(.example-label){color:var(--muted);font-size:11px}.usage-pulse-status>span:not(.example-label) strong{color:var(--text);font-size:15px}.usage-bars{height:88px;margin-top:14px;padding:0 4px;display:grid;grid-template-columns:repeat(7,1fr);gap:11px;align-items:end}.usage-bar-column{min-width:0;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;align-items:end;gap:5px}.usage-bar-visual{width:min(8px,45%);height:100%;display:flex;align-items:end}.usage-bar-visual span{width:100%;min-height:2px;display:block;border-radius:1px;background:var(--accent);opacity:.9}.usage-bar-column strong{color:var(--text);font-size:12px;line-height:1;font-variant-numeric:tabular-nums}.usage-bar-column small{color:var(--muted);font-size:10px;text-transform:capitalize}.usage-bar-column.is-today strong,.usage-bar-column.is-today small{color:var(--accent-text);font-weight:800}.history-heading{margin:52px 0 18px;display:flex;justify-content:space-between;align-items:center}.history-heading h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.history-heading>div>span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.history-list{display:grid;border-top:1px solid var(--border)}.history-item{padding:14px 0;display:grid;grid-template-columns:48px 1fr 40px;gap:16px;align-items:start;border-bottom:1px solid var(--border);transition:background-color .16s ease}.history-item:hover{background-color:color-mix(in srgb,var(--accent) 7%,transparent)}.history-item time{display:grid;justify-items:center;align-content:start;gap:2px;text-align:center}.history-item time strong{font-family:var(--font-display);font-size:21px;font-weight:560;line-height:1;font-variant-numeric:tabular-nums}.history-item time span{color:var(--subtle);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.history-copy h3{margin:0 0 2px;font-family:var(--font-display);font-size:17px;font-weight:540;letter-spacing:.005em}.history-copy>p{margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.history-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--muted);font-size:11px}.history-meta span{display:inline-flex;align-items:center;gap:4px}.history-copy blockquote{margin:10px 0 2px;padding-left:14px;border-left:1px solid var(--border-strong);color:var(--text);font-family:var(--font-display);font-style:italic;font-size:14px;line-height:1.5}.profile-quick-nav{position:sticky;top:16px;z-index:8;margin:0 0 24px;padding:6px;display:flex;gap:5px;overflow-x:auto;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-small);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none}.profile-quick-nav::-webkit-scrollbar{display:none}#profile-dna,#profile-usage,#profile-sharing,#profile-lists,#profile-settings{scroll-margin-top:62px}.profile-quick-nav a{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:var(--muted);font-size:11px;font-weight:800;text-decoration:none}.profile-quick-nav a:hover{color:var(--accent-text);background:var(--accent-soft)}.profile-quick-nav a.active{color:var(--accent-text);background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.data-depth-panel p,.settings-title p{margin-bottom:0;color:var(--muted)}.profile-dna{margin-top:16px;padding:20px 0;display:grid;grid-template-columns:88px 1fr;gap:22px;align-items:center;border-block:1px solid var(--border)}.profile-dna-art{position:relative;width:78px;height:78px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:50%;color:var(--accent-text);background:color-mix(in srgb,var(--surface) 70%,var(--accent-soft))}.profile-dna-art:before,.profile-dna-art:after,.profile-dna-art span{position:absolute;content:"";border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%}.profile-dna-art:before{inset:9px;transform:rotate(23deg)}.profile-dna-art:after{inset:18px;transform:rotate(-32deg)}.profile-dna-art span{inset:28px;background:var(--accent-soft)}.profile-dna-copy{min-width:0}.profile-dna-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.profile-dna-heading .eyebrow{margin-bottom:3px;color:var(--accent-text);font-size:10px}.profile-dna-heading h2{margin:0;font-family:var(--font-display);font-size:24px;font-weight:520;letter-spacing:.005em}.profile-dna-status{display:grid;justify-items:end;gap:5px}.profile-dna-status>strong{max-width:160px;color:var(--accent-text);font-size:14px;letter-spacing:-.02em;text-align:right}.profile-dna-copy>p{max-width:620px;margin:6px 0 18px;color:var(--muted);font-size:12px}.profile-dna-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}.profile-dna-signal{min-width:0;padding:10px 0;display:grid;gap:5px;border-top:1px solid var(--border)}.profile-dna-signal span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.profile-dna-signal strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-dna-footnote{margin:15px 0 0!important;color:var(--muted);font-size:11px!important}.profile-dna-footnote strong{color:var(--danger)}.profile-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.preference-panel{min-height:190px;padding:26px}.preference-panel:first-child{grid-row:span 2;min-height:396px;background:linear-gradient(160deg,var(--surface),var(--positive-soft))}.preference-panel.negative{background:linear-gradient(160deg,var(--surface),var(--danger-soft))}.preference-panel h3{margin-bottom:23px;font-size:20px}.preference-panel .tag-list{align-items:flex-start}.preference-panel:first-child .tag{padding:9px 13px;color:var(--positive);border-color:color-mix(in srgb,var(--positive) 32%,var(--border));background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:13px}.preference-panel.negative .tag{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,var(--border))}.data-depth-panel{margin-top:16px;padding:30px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.profile-signals{margin-top:16px;padding:26px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:30px;align-items:stretch;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:20px;background:linear-gradient(130deg,var(--surface),color-mix(in srgb,var(--accent-soft) 38%,var(--surface)))}.profile-signal-next{align-self:center}.profile-signal-next .eyebrow{color:var(--accent-text)}.profile-signal-next h2{margin:7px 0 8px;font-size:24px}.profile-signal-next p{max-width:34ch;margin:0;color:var(--muted);font-size:12px}.profile-signal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;border-left:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-signal-item{min-width:0;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-signal-item:last-child{border-right:0}.profile-signal-item>span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.profile-signal-item strong{margin-top:9px;color:var(--text);font-size:13px;line-height:1.35}.profile-signal-item small{margin-top:5px;color:var(--subtle);font-size:10px;line-height:1.35}.profile-signal-item.present small{color:var(--positive)}.recent-wear-panel{margin-top:18px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--facts) 27%,var(--border));border-radius:20px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--facts-soft) 52%,var(--surface)))}.recent-wear-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.recent-wear-heading .eyebrow{margin-bottom:4px;color:var(--facts);font-size:10px}.recent-wear-heading h2{margin:0;font-size:21px}.recent-wear-heading>span{color:var(--muted);font-size:11px}.recent-wear-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.recent-wear-card{min-width:0;padding:10px;display:grid;gap:9px;border:1px solid color-mix(in srgb,var(--facts) 18%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.recent-wear-card>button:first-child{min-width:0;padding:0;display:flex;align-items:center;gap:9px;border:0;color:inherit;background:transparent;text-align:left}.recent-wear-card>button:first-child:hover strong{color:var(--accent-text)}.recent-wear-card .initial-mark{width:35px;height:43px;flex:0 0 auto;border-radius:13px 13px 7px 7px;font-size:11px}.recent-wear-card strong,.recent-wear-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-wear-card strong{font-size:12px}.recent-wear-card small{margin-top:3px;color:var(--muted);font-size:10px}.recent-wear-log{min-height:30px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--facts) 27%,var(--border));border-radius:999px;color:var(--facts);background:transparent;font-size:10px;font-weight:800}.recent-wear-log:hover{background:var(--facts-soft)}.data-depth-panel h2,.settings-section h2{margin-bottom:7px;font-family:var(--font-display);font-size:24px;font-weight:520;letter-spacing:.005em}.depth-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.depth-metrics span{padding:10px 0;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.depth-metrics strong{margin-right:4px;color:var(--text);font-family:var(--font-display);font-size:19px;font-weight:560;font-variant-numeric:tabular-nums}.profile-zone{margin-top:35px;display:grid;gap:18px}.profile-zone-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:520;letter-spacing:.005em}.profile-rows{margin-top:16px;display:grid}.profile-zone>*,.profile-rows>*{min-width:0}.profile-zone>.profile-rows{margin-top:0}.profile-rows>.disclosure:last-child,.profile-rows>.backup-section>.disclosure{border-bottom:1px solid var(--border)}.profile-rows .disclosure-title{font-size:14px}.data-depth-row .depth-metrics{grid-template-columns:repeat(3,1fr)}.profile-row-note{margin:0;max-width:68ch;color:var(--muted);font-size:12px;line-height:1.5}.settings-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 2px;border-top:1px solid var(--border)}.settings-row-label{color:var(--text);font-size:13px;font-weight:750}.disclosure-body>.location-form,.disclosure-body>.backup-actions,.disclosure-body>.privacy-note,.disclosure-body>.danger-link,.disclosure-body>.success-line{margin-top:0}.show-more-button{min-height:44px;margin-top:4px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text);font-size:12px;font-weight:700;justify-self:center}.show-more-button:hover{border-color:var(--accent);color:var(--accent-text)}.settings-section{margin-top:35px;padding:30px}.settings-title{align-items:flex-start}.settings-title>svg{margin-top:3px;color:var(--accent)}.settings-title p{max-width:720px;font-size:13px}.location-form{margin-top:24px;display:grid;grid-template-columns:1fr 230px auto;gap:12px;align-items:end}.success-line{margin:16px 0 0;color:var(--positive);font-size:13px;font-weight:700}.backup-actions{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.text-import-form{display:grid;gap:18px}.text-import-intro{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:start}.text-import-art{width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:16px;color:var(--accent-text);background:var(--accent-soft)}.text-import-intro h3{margin:0 0 5px;font-size:22px}.text-import-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.text-import-form textarea{min-height:230px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}.text-import-preview{padding:12px 14px;display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--facts) 25%,var(--border));border-radius:13px;color:var(--facts);background:var(--facts-soft)}.text-import-preview>div{display:grid;gap:2px}.text-import-preview strong{color:var(--text);font-size:12px}.text-import-preview span{color:var(--muted);font-size:11px;line-height:1.45}.text-import-entries{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.text-import-entries-heading{padding:12px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;background:var(--surface-strong)}.text-import-entries-heading strong{font-size:12px}.text-import-entries-heading span{color:var(--muted);font-size:10px}.text-import-entries ol{margin:0;padding:0 14px;list-style:none}.text-import-entries li{min-height:54px;padding:10px 0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--border)}.text-import-entries li:last-child{border-bottom:0}.text-import-index{color:var(--subtle);font-size:10px;font-variant-numeric:tabular-nums;font-weight:800}.text-import-entries li>div{min-width:0;display:grid;gap:2px}.text-import-entries li>div strong,.text-import-entries li>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-import-entries li>div strong{font-size:12px}.text-import-entries li>div small{color:var(--muted);font-size:10px}.text-import-format{padding:5px 7px;border-radius:7px;color:var(--accent-text);background:var(--accent-soft);font-size:9px;font-weight:850}.text-import-entries>p{margin:0;padding:10px 14px;border-top:1px solid var(--border);color:var(--muted);background:var(--surface-strong);font-size:10px;font-weight:700}.privacy-note{margin-top:20px;padding:13px 15px;display:flex;gap:9px;border-radius:12px;color:var(--muted);background:var(--surface-strong)}.privacy-note svg{flex:0 0 auto;margin-top:2px}.privacy-note p{margin:0;font-size:12px}.danger-link{margin-top:22px;padding:0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--danger);font-size:12px;font-weight:800}.danger-link:hover{text-decoration:underline}.mobile-header{display:none}.nav-count{min-width:20px;display:inline-grid;place-items:center;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;z-index:50;padding:28px;display:grid;place-items:center;background:#0b10179e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-shell{width:min(650px,100%);max-height:calc(100dvh - 56px);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:22px;background:var(--surface);box-shadow:0 34px 90px #050a124d}.modal-shell-wide{width:min(1050px,100%)}.layer-modal{width:min(620px,100%);max-height:calc(100dvh - 56px);overflow:auto;border:1px solid var(--border-strong);border-radius:22px;background:var(--surface);box-shadow:0 34px 90px #050a124d}.layer-modal form{padding:22px 24px 26px;display:grid;gap:18px}.detail-start-card{margin:0 0 18px;padding:13px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--facts) 26%,var(--border));border-radius:15px;background:linear-gradient(110deg,color-mix(in srgb,var(--facts-soft) 66%,var(--surface)),var(--surface))}.detail-start-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--facts) 32%,var(--border));border-radius:12px;color:var(--facts);background:var(--surface)}.detail-start-card strong{display:block;color:var(--text);font-size:12px}.detail-start-card p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.detail-start-card .button{min-height:34px;padding:7px 11px;font-size:11px;white-space:nowrap}.layer-search{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border-strong);border-radius:12px;color:var(--muted);background:var(--surface)}.layer-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.layer-search input{min-width:0;width:100%;padding:11px 0;border:0;outline:0;color:var(--text);background:transparent}.layer-search-empty{margin:6px 4px;color:var(--muted);font-size:12px}.layer-selection-summary{margin-top:-8px;display:grid;gap:7px}.layer-selection-summary>strong{color:var(--text);font-size:11px}.layer-selection-summary>span{color:var(--muted);font-size:11px}.layer-selection-summary>div{display:flex;flex-wrap:wrap;gap:6px}.layer-selection-summary>div>button,.layer-selection-summary>div>span{min-width:0;min-height:30px;padding:6px 8px 6px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:999px;color:var(--accent-text);background:var(--accent-soft);font-size:10px;font-weight:750}.layer-selection-summary>div>button span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-select{display:grid;gap:8px;max-height:250px;overflow:auto;border:1px solid var(--border);border-radius:14px;padding:12px}.layer-select legend{padding:0 5px;font-size:12px;font-weight:700;color:var(--muted)}.layer-select label{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px}.layer-select label:hover{background:var(--surface-strong)}.layer-select span{display:grid;gap:2px;font-size:14px}.layer-select small{color:var(--muted);font-size:11px}.layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.layer-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:start}.layer-workspace>.layer-grid{grid-template-columns:1fr}.layer-overview{position:relative;overflow:hidden;min-height:100%;padding:24px;border:1px solid color-mix(in srgb,var(--positive) 26%,var(--border));border-radius:20px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--positive-soft) 78%,transparent),transparent 34%),var(--surface)}.layer-overview:after{content:"";position:absolute;right:-70px;bottom:-76px;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--positive) 18%,transparent);border-radius:50%;pointer-events:none}.layer-overview-heading{display:flex;align-items:center;gap:9px;color:var(--positive)}.layer-overview-heading h2{margin:0;color:var(--text);font-size:21px}.layer-overview>p{max-width:34ch;margin:9px 0 18px;color:var(--muted);font-size:11px;line-height:1.5}.layer-overview-feature{position:relative;z-index:1;padding:11px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-strong) 78%,transparent)}.layer-overview-feature .perfume-visual{width:58px;height:72px;border-radius:21px 21px 10px 10px}.layer-overview-feature>span{min-width:0;display:grid;gap:2px}.layer-overview-feature small{color:var(--positive);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.layer-overview-feature strong,.layer-overview-feature em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-overview-feature strong{font-size:12px}.layer-overview-feature em{color:var(--muted);font-size:9px;font-style:normal}.layer-overview-metrics{position:relative;z-index:1;margin:14px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--border)}.layer-overview-metrics>div{min-width:0;padding:10px;display:flex;flex-direction:column-reverse;gap:3px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.layer-overview-metrics dt{color:var(--muted);font-size:8px;font-weight:750;line-height:1.3}.layer-overview-metrics dd{margin:0;color:var(--text);font-size:20px;font-weight:850}.layer-card{position:relative;overflow:hidden;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-small);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.layer-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 48%,transparent),transparent 48%),url(/fragrance-atmosphere.webp) center / cover;opacity:.08;pointer-events:none}.layer-card>*{position:relative;z-index:1}.layer-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border));box-shadow:var(--shadow)}.layer-card-top{display:flex;justify-content:space-between;align-items:center}.layer-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.layer-kicker i{width:1px;height:13px;margin:0 2px;background:color-mix(in srgb,currentColor 34%,transparent)}.layer-card h2{margin:16px 0 12px;font-size:22px}.layer-stack{min-height:80px;margin:0 -4px 13px;padding:8px 4px;display:flex;align-items:center;gap:0}.layer-scent{position:relative;display:grid;justify-items:center;gap:5px;width:82px;margin-right:-10px}.layer-scent-mark{position:relative}.layer-scent .initial-mark{width:58px;height:70px;border-radius:25px 25px 12px 12px;border-color:color-mix(in srgb,var(--accent) 34%,var(--border));box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 11%,transparent);font-size:15px}.layer-scent:nth-child(2) .initial-mark{transform:translateY(4px);background:linear-gradient(155deg,var(--surface),var(--positive-soft))}.layer-scent:nth-child(3) .initial-mark{transform:translateY(-3px);background:linear-gradient(155deg,var(--surface),var(--facts-soft))}.layer-scent-mark>strong{position:absolute;right:-7px;bottom:3px;min-width:31px;min-height:31px;padding:4px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:11px;color:var(--on-accent);background:var(--accent);box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 24%,transparent);font-size:12px;line-height:1}.layer-scent-mark>strong span{max-width:none;color:inherit;font-size:7px;font-weight:800;line-height:1;text-transform:uppercase}.layer-scent>span{max-width:78px;overflow:hidden;color:var(--muted);font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.layer-more{width:30px;height:30px;display:grid;place-items:center;margin-left:4px;border:1px solid var(--border-strong);border-radius:50%;color:var(--muted);background:var(--surface-strong);font-size:11px;font-weight:800}.layer-card p{color:var(--muted);line-height:1.55}.layer-rating{margin:12px 0;display:inline-flex;align-items:center;gap:5px;color:var(--accent-strong);font-weight:700}.layer-card-actions{margin-top:13px;display:flex;align-items:center;flex-wrap:wrap;gap:18px}.layer-card-actions .text-link{min-height:40px}.layer-dosage{margin:0;padding:14px;display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 44%,var(--surface))}.layer-dosage legend{padding:0 5px;color:var(--text);font-size:12px;font-weight:800}.layer-dosage>p{margin:-3px 0 2px;color:var(--muted);font-size:10px;line-height:1.45}.layer-dosage-list{display:grid;gap:8px}.layer-dose-row{min-width:0;min-height:54px;padding:7px 8px 7px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.layer-dose-row>div:first-child{min-width:0;display:grid;gap:2px}.layer-dose-row>div:first-child strong,.layer-dose-row>div:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-dose-row>div:first-child strong{color:var(--text);font-size:11px}.layer-dose-row>div:first-child span{color:var(--muted);font-size:9px}.layer-stepper{display:grid;grid-template-columns:36px 42px 36px;align-items:stretch;overflow:hidden;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface-strong)}.layer-stepper button{min-width:36px;min-height:38px;padding:0;display:grid;place-items:center;border:0;color:var(--accent-text);background:transparent}.layer-stepper button:hover:not(:disabled){background:var(--accent-soft)}.layer-stepper button:active:not(:disabled){transform:scale(.94)}.layer-stepper button:disabled{color:var(--subtle);opacity:.42}.layer-stepper output{min-width:42px;display:grid;place-items:center;align-content:center;border-right:1px solid var(--border);border-left:1px solid var(--border);color:var(--text);font-size:13px;font-weight:850;line-height:1}.layer-stepper output small{margin-top:2px;color:var(--muted);font-size:7px;font-weight:750;text-transform:uppercase}.layer-notebook{margin-top:18px;padding:24px 26px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:34px;align-items:end;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent-soft) 70%,var(--surface)),var(--surface) 58%)}.layer-notebook-intro h2{max-width:420px;margin:10px 0 8px;font-size:24px;line-height:1.08}.layer-notebook-intro p{max-width:460px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.layer-notebook ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;counter-reset:layer-step}.layer-notebook li{min-width:0;padding:3px 16px 3px 18px;display:grid;gap:5px;border-left:1px solid var(--border);counter-increment:layer-step}.layer-notebook li:before{content:"0" counter(layer-step);color:var(--accent-text);font-size:10px;font-weight:800;letter-spacing:.08em}.layer-notebook li strong{font-size:12px}.layer-notebook li span{color:var(--muted);font-size:10px;line-height:1.45}.layer-empty{margin-top:10px}.layer-starter-preview{min-height:122px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;gap:0}.layer-starter-preview .initial-mark{width:92px;height:112px;border-radius:39px 39px 17px 17px;font-size:24px;box-shadow:0 18px 30px color-mix(in srgb,var(--accent) 17%,transparent)}.layer-starter-preview .initial-mark+.initial-mark{margin-left:-18px;transform:translateY(8px) rotate(4deg)}.layer-starter-preview .initial-mark:first-child{transform:rotate(-4deg)}.layer-starter-plus{width:30px;height:30px;margin-left:8px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--accent-text);background:var(--surface);font-size:19px;font-weight:700;box-shadow:var(--shadow-small)}@media(max-width:700px){.layer-grid{grid-template-columns:1fr}.layer-card{padding:18px}.layer-card h2{margin:13px 0 8px;font-size:20px}.layer-stack{min-height:72px;margin-bottom:7px}.layer-scent .initial-mark{width:52px;height:63px;border-radius:22px 22px 11px 11px;font-size:13px}.layer-card p{margin:8px 0 10px;font-size:12px}.layer-notebook{padding:22px 20px;grid-template-columns:1fr;gap:22px}.layer-notebook ol{grid-template-columns:1fr;gap:0}.layer-notebook li{padding:10px 0 10px 40px;position:relative;border-left:0;border-top:1px solid var(--border)}.layer-notebook li:before{position:absolute;top:12px;left:0}.layer-modal{width:100%;max-height:94dvh;border-radius:22px 22px 0 0}.layer-modal form{padding:20px 16px 24px}.detail-start-card{grid-template-columns:36px 1fr}.detail-start-card .button{grid-column:1 / -1;width:100%}}@media(max-width:900px){.layer-workspace{grid-template-columns:1fr}}.modal-header{padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:23px}.modal-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.modal-content{overflow:auto;overscroll-behavior:contain}.editor-form{padding:25px}.editor-basics,.editor-group{display:grid;gap:15px}.editor-group{padding-top:20px;border-top:1px solid var(--border)}.editor-group-heading{display:grid;gap:4px}.editor-group-heading h3{margin:0;font-size:14px;letter-spacing:-.01em}.editor-group-heading p{margin:0;max-width:58ch;color:var(--muted);font-size:11px;line-height:1.5}.editor-form.compact-editor{display:grid;gap:18px}.form-grid{display:grid;gap:16px}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field-label{color:var(--text);font-size:12px;font-weight:800}.field-helper{margin-top:-4px;color:var(--muted);font-size:10px}.field input,.field select,.field textarea{width:100%;min-height:43px;padding:10px 12px}.field textarea{min-height:auto;resize:vertical;line-height:1.5}.field input:disabled{color:var(--muted);background:var(--surface-strong)}.field input[type=range]{min-height:30px;margin-inline:0;padding:0;accent-color:var(--accent);border:0;background:transparent}.editor-sections{margin-top:22px;display:grid}.editor-sections>.disclosure:last-child{border-bottom:1px solid var(--border)}.editor-section-hint{margin:0;max-width:58ch;color:var(--muted);font-size:11px;line-height:1.5}.form-grid .span-columns{grid-column:1 / -1}.editor-catalog-disclosure{border-top:0}.editor-catalog-disclosure>.disclosure-body{padding-bottom:4px}.disclosure{min-width:0;border-top:1px solid var(--border)}.disclosure-summary{min-width:0;min-height:46px;display:flex;align-items:center;gap:9px;padding:10px 2px;border-radius:8px;color:var(--text);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.disclosure-summary::-webkit-details-marker{display:none}.disclosure-summary::marker{content:""}.disclosure-summary:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.disclosure-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.disclosure-caret{flex:0 0 auto;color:var(--muted);transform:rotate(-90deg);transition:transform .22s cubic-bezier(.16,1,.3,1)}.disclosure[open]>.disclosure-summary .disclosure-caret{transform:rotate(0)}.disclosure-icon{flex:0 0 auto;display:inline-flex;color:var(--muted)}.disclosure-title{margin:0;flex:0 1 auto;min-width:0;max-width:100%;font-size:13px;font-weight:750;letter-spacing:-.01em;line-height:1.3}.disclosure-hint{flex:1 1 auto;min-width:0;overflow:hidden;contain:inline-size;color:var(--muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.disclosure-title+.disclosure-badge{margin-left:auto}.disclosure-badge{flex:0 0 auto;color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.disclosure--personal .disclosure-title,.disclosure--personal .disclosure-icon,.disclosure--personal .disclosure-badge{color:var(--personal)}.disclosure--facts .disclosure-title,.disclosure--facts .disclosure-icon,.disclosure--facts .disclosure-badge{color:var(--facts)}.disclosure-body{display:grid;gap:16px;padding:6px 2px 20px}@media(prefers-reduced-motion:no-preference){.disclosure[open]>.disclosure-body{animation:disclosure-reveal .26s cubic-bezier(.16,1,.3,1)}}@keyframes disclosure-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.choice-section{display:grid;gap:9px}.choice-grid{display:flex;flex-wrap:wrap;gap:7px}.choice{padding:8px 11px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:750}.choice.active{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:17px;border-radius:14px;background:var(--surface-strong)}.form-error{margin:18px 0 0;padding:11px 13px;border-radius:10px;color:var(--danger);background:var(--danger-soft);font-size:12px;font-weight:700}.form-actions{margin-top:28px;padding-top:20px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--border)}.editor-form>.form-actions{position:sticky;bottom:-25px;z-index:4;margin-inline:-25px;padding:14px 25px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 -12px 30px color-mix(in srgb,var(--ink) 7%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.perfume-detail{padding:28px}.detail-hero{padding:22px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:24px;align-items:center;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 44%,var(--surface)))}.detail-identity{--detail-name-size: 34px;display:flex;align-items:center;gap:23px}.detail-name-slot{height:calc(2.2 * var(--detail-name-size));margin:4px 0;overflow:hidden}.detail-identity h3{margin:0;font-family:var(--font-display);font-size:var(--detail-name-size);font-weight:520;letter-spacing:.005em;line-height:1.1}.detail-house-slot{height:24px;margin:0 0 8px;overflow:hidden}.detail-identity p{margin:0;color:var(--muted)}.detail-house-slot p{line-height:24px;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.detail-identity p.reference-scent{color:var(--accent-text);font-size:12px;font-weight:700}.detail-reference-slot{min-height:42px;display:flex;align-items:center}.detail-link-slot{min-height:30px;display:flex;align-items:center}.detail-rating-slot{min-height:24px;display:flex;align-items:center}.detail-kicker{min-height:22px;display:flex;align-items:center;gap:0;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.detail-kicker .detail-nr{color:var(--subtle);letter-spacing:.15em}.detail-kicker>span:not(.example-label)+span:not(.example-label){margin-left:8px;padding-left:8px;border-left:1px solid var(--border-strong)}.detail-kicker .example-label{margin-left:9px}.detail-kicker .detail-wishlist{display:inline-flex;align-items:center;gap:4px}.detail-hero-side{display:grid;gap:14px}.detail-hero-stats{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:14px;border-block:1px solid var(--border)}.detail-hero-stats>div{min-width:0;padding:10px 0;display:grid;gap:3px}.detail-hero-stats strong{overflow:hidden;font-family:var(--font-display);font-size:17px;font-weight:560;letter-spacing:0;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.detail-hero-stats span{color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.detail-actions{margin:0;display:flex;gap:9px}.detail-actions .button{flex:1;min-width:0}.detail-columns{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-columns>*{min-width:0}.detail-section{padding:24px;border:1px solid var(--border);border-radius:4px}.detail-section-merke{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:right;opacity:.85}.facts-panel{background:repeating-linear-gradient(0deg,transparent 0 27px,color-mix(in srgb,var(--facts) 9%,transparent) 27px 28px),var(--paper-facts);border-color:color-mix(in srgb,var(--facts) 22%,var(--border));box-shadow:var(--shadow-small)}.personal-panel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.27 0 0 0 0 0.18 0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E"),var(--paper-personal);border-color:color-mix(in srgb,var(--personal) 22%,var(--border));box-shadow:var(--shadow-small)}.facts-panel .detail-section-title{color:var(--facts)}.personal-panel .detail-section-title{color:var(--personal)}.detail-personal-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.detail-personal-heading .detail-section-merke{color:var(--personal)}.detail-personal-heading .detail-favorite{margin-left:0}.detail-favorite{padding:6px 8px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;color:var(--personal);background:color-mix(in srgb,var(--personal-soft) 82%,var(--surface));font-size:10px;font-weight:850}.definition-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.definition-list>div{min-width:0}.definition-list dt,.definition-list dd{overflow-wrap:anywhere}.definition-list>div{padding:9px 0;border-top:1px solid color-mix(in srgb,var(--facts) 22%,var(--border))}.definition-list dt,.small-label,.note-pyramid>div>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.definition-list dd{margin:5px 0 0;font-size:12px;font-weight:700}.note-pyramid{display:grid;gap:16px;margin:20px 0}.note-pyramid>div{display:grid;gap:7px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--facts) 20%,var(--border))}.note-pyramid>div:first-child{padding-top:0;border-top:0}.note-pyramid>div>span{padding-top:0}.detail-block{margin-top:18px;display:grid;gap:7px;justify-items:start}.detail-block p{margin:6px 0 0;font-size:13px}.detail-block .tag-list{margin-top:0}.detail-section blockquote{margin:22px 0;font-family:var(--font-display);font-style:italic;font-size:19px;font-weight:480;line-height:1.5}.review-history{margin:12px 0 0}.review-history>.disclosure-summary{min-height:40px;padding-block:6px}.review-history .disclosure-title{font-size:12px}.review-history-list{display:grid}.review-history-list article{padding:10px 0;border-top:1px solid var(--border)}.review-history-list article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.review-history-list time{color:var(--muted);font-size:9px;font-weight:750}.review-history-list p{margin:6px 0 0;color:var(--text);font-size:11px;line-height:1.5}.detail-note-preferences{margin-top:18px;padding-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.detail-note-preferences>div{min-width:0;display:grid;align-content:start;gap:7px}.performance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0}.metric-cell{padding:10px;border-radius:10px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.metric-cell strong{display:block;margin-top:4px;font-size:12px}.detail-discovery{margin-top:14px;border-bottom:1px solid var(--border)}.detail-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-discovery-grid button{min-width:0;padding:10px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;border:1px solid var(--border);border-radius:15px;color:var(--text);text-align:left;background:color-mix(in srgb,var(--surface-strong) 78%,transparent)}.detail-discovery-grid button:hover{border-color:color-mix(in srgb,var(--accent) 44%,var(--border));background:var(--accent-soft)}.detail-discovery-grid .perfume-visual{width:58px;height:72px;border-radius:22px 22px 10px 10px}.detail-discovery-grid button>span{min-width:0;display:grid;gap:2px}.detail-discovery-grid strong,.detail-discovery-grid small,.detail-discovery-grid em{overflow:hidden;text-overflow:ellipsis}.detail-discovery-grid strong{font-size:12px;white-space:nowrap}.detail-discovery-grid small{color:var(--muted);font-size:10px;white-space:nowrap}.detail-discovery-grid em{margin-top:3px;color:var(--accent-text);font-size:9px;font-style:normal;line-height:1.35}.detail-wear{margin-top:14px;border-bottom:1px solid var(--border)}.detail-wear-list{display:grid}.detail-wear-list article{padding:13px 0;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:start;border-top:1px solid var(--border)}.detail-wear-list time{color:var(--accent-text);font-family:var(--font-display);font-size:14px;font-weight:560;font-variant-numeric:tabular-nums}.detail-wear-list article>div{min-width:0}.detail-wear-list article>div strong{display:block;font-size:12px}.detail-wear-list p,.detail-wear-list small{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.detail-wear-list p{font-family:var(--font-display);font-style:italic;font-size:13px;color:var(--text)}.detail-wear-list small{display:block;font-size:10px}.detail-wear-list article>span{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}.compare-hint{display:none;margin:0 0 9px;align-items:center;gap:6px;color:var(--muted);font-size:11px}.compare-artwork-note{margin:0 0 9px;color:var(--muted);font-size:8.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.compare-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:12px;overflow-x:auto;padding:1px 1px 7px;scroll-snap-type:x mandatory;scrollbar-width:thin}.compare-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);scroll-snap-align:start}.compare-card-header{min-height:116px;padding:18px;display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 54%,var(--surface)))}.compare-card-header .initial-mark{width:52px;height:64px;border-radius:22px 22px 10px 10px;font-size:13px}.compare-card-header .generated-bottle svg{width:auto;height:84px;margin-inline:auto}.compare-card-header h3{margin:0;font-size:19px;line-height:1.05}.compare-card-header p{margin:4px 0 8px;color:var(--muted);font-size:11px}.compare-core-meta{padding:14px 18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;border-top:1px solid var(--border)}.compare-core-meta small,.compare-core-meta strong{display:block}.compare-core-meta small,.compare-reference span,.compare-context>div>span,.compare-performance span,.compare-personal>div>span{color:var(--muted);font-size:10px;font-weight:700}.compare-core-meta strong{margin-top:3px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.compare-reference{margin:0;padding:0 18px 14px;color:var(--text);font-size:11px;line-height:1.4}.compare-reference span{margin-top:4px;display:block;margin-bottom:3px}.compare-section{padding:15px 18px 17px;border-top:1px solid var(--border)}.compare-section h4{margin:0 0 13px;display:flex;align-items:center;gap:7px;color:var(--accent-text);font-size:12px}.compare-context{display:grid;gap:12px}.compare-context>div>span,.compare-personal>div>span{display:block;margin-bottom:6px}.compare-card .tag-list{gap:5px}.compare-card .tag{padding:4px 7px;font-size:9px}.compare-card .muted{font-size:10px}.compare-performance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compare-performance div{min-width:0}.compare-performance strong{display:block;margin-top:4px;font-size:11px}.compare-personal{display:grid;gap:13px}.compare-personal h4{margin-bottom:0}.compare-personal p{margin:0;color:var(--text);font-size:11px;line-height:1.45}.toast{position:fixed;z-index:70;inset:auto 24px 24px auto;max-width:min(420px,calc(100vw - 48px));padding:13px 16px;display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--positive) 35%,var(--border));border-radius:14px;color:var(--positive);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);font-size:13px;font-weight:750;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast-text{flex:1 1 auto;min-width:0}.toast-undo{flex:0 0 auto;min-height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--positive) 42%,var(--border));border-radius:999px;color:var(--positive);background:color-mix(in srgb,var(--positive) 12%,transparent);font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.toast-undo:hover,.toast-undo:focus-visible{border-color:color-mix(in srgb,var(--positive) 62%,var(--border));background:color-mix(in srgb,var(--positive) 22%,transparent)}.today-subline{max-width:440px;margin:10px 0 0;color:var(--muted);font-size:13px}.signature-panel{margin-top:18px;padding:22px 26px;display:grid;grid-template-columns:76px 1fr;gap:19px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:20px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent-soft) 80%,transparent),transparent 32%),var(--surface)}.signature-orbit,.share-art{display:grid;place-items:center;color:var(--accent-text);background:var(--accent-soft)}.signature-orbit{width:76px;height:76px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:50%}.signature-copy .panel-title{margin-bottom:6px}.signature-copy>p{max-width:620px;margin-bottom:13px;color:var(--muted);font-size:13px}.signature-copy .text-link{margin-top:13px}.source-links{margin-top:24px;padding-top:17px;border-top:1px solid var(--border)}.detail-research-row{margin-top:16px}.detail-research-row>.disclosure-summary{min-height:40px;padding-block:6px}.detail-research-row .disclosure-title{font-size:12px}.detail-research-row .source-links{margin-top:0;padding-top:0;border-top:0}.source-links-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.source-links-heading>div{display:inline-flex;align-items:center;gap:7px;color:var(--accent-text);font-size:12px;font-weight:850}.source-links-heading small{color:var(--muted);font-size:10px;font-weight:500}.saved-source-link{margin-top:11px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--positive) 28%,var(--border));border-radius:12px;color:var(--positive);background:color-mix(in srgb,var(--positive-soft) 74%,var(--surface));text-decoration:none}.saved-source-link>div{min-width:0;display:grid;gap:2px}.saved-source-link span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.saved-source-link strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.source-query{margin-top:10px;padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-radius:11px;background:color-mix(in srgb,var(--surface-strong) 76%,transparent)}.source-query>div{min-width:0;display:grid;gap:2px}.source-query span{color:var(--muted);font-size:9px;font-weight:750}.source-query strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.source-copy{padding:6px 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface);font-size:10px;font-weight:750;white-space:nowrap}.source-copy:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.source-link-list{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.source-link-list a{min-width:0;padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,transparent);text-decoration:none}.source-link-list a:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.source-link-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--accent-text);background:var(--accent-soft)}.source-link-list a>span:nth-child(2){min-width:0;display:grid;gap:2px}.source-link-list strong,.source-link-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-link-list strong{color:var(--text);font-size:11px}.source-link-list small{color:var(--muted);font-size:9px}.source-disclosure{margin:10px 0 0;display:flex;align-items:flex-start;gap:6px;color:var(--subtle);font-size:10px;line-height:1.45}.source-disclosure svg{flex:0 0 auto;margin-top:1px;color:var(--positive)}.share-section{margin-top:16px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);align-items:stretch;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:linear-gradient(115deg,var(--surface),var(--accent-soft))}.share-section-intro{padding:24px 26px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:17px;align-items:center}.share-art{width:58px;height:58px;border-radius:17px}.share-section .eyebrow{margin-bottom:4px}.share-section h2{margin-bottom:5px;font-family:var(--font-display);font-size:21px;font-weight:520;letter-spacing:.005em}.share-section p{margin:0;color:var(--muted);font-size:12px}.share-choice-grid{min-width:0;padding:20px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:center;border-left:1px solid var(--border);background:color-mix(in srgb,var(--surface) 45%,transparent)}.share-choice{min-width:0;min-height:76px;padding:13px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:15px;color:var(--accent);background:color-mix(in srgb,var(--surface) 80%,transparent);text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease}.share-choice:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--surface)}.share-choice>span{min-width:0;display:grid;gap:4px}.share-choice strong{color:var(--text);font-size:13px}.share-choice small{color:var(--muted);font-size:11px}.share-privacy-promise{grid-column:1 / -1;padding:13px 20px;display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 68%,transparent)}.share-privacy-promise svg{flex:0 0 auto;margin-top:1px;color:var(--positive)}.share-privacy-promise p{max-width:none;color:var(--subtle);font-size:10px;line-height:1.5}.share-privacy-promise strong{color:var(--text)}@media(max-width:1040px){.sidebar{width:200px}.main-stage{margin-left:200px}.page,.recovery-banner{width:min(100% - 44px,1050px)}.collection-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1 / -1}.compare-tray{left:calc(200px + 50%);width:min(540px,calc(100vw - 240px))}.context-metrics{grid-template-columns:repeat(2,1fr)}.location-form{grid-template-columns:1fr 1fr}.location-form .button{width:fit-content}}@media(max-width:760px){.sidebar{display:none}.main-stage{margin-left:0}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-shell>.main-stage{order:1;flex:1 1 auto;min-width:0}.mobile-header{order:2;position:sticky;inset:auto 0 0;z-index:20;--menu-foot-clearance: max(10px, calc(env(safe-area-inset-bottom) - 16px) );height:calc(54px + var(--menu-foot-clearance));padding:0 max(10px,env(safe-area-inset-right)) var(--menu-foot-clearance) max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;border-top:1px solid color-mix(in srgb,var(--menu-text) 15%,transparent);color:var(--menu-text);background:color-mix(in srgb,var(--menu-surface) 50%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.page{padding-top:max(32px,calc(env(safe-area-inset-top) + 10px))}.brand.compact{position:relative;min-width:0;min-height:44px;padding:3px 5px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent}.brand.compact:after{content:"";position:absolute;top:50%;right:-2px;width:1px;height:26px;translate:0 -50%;background:color-mix(in srgb,var(--menu-text) 18%,transparent)}.brand.compact .app-brand-lines{display:grid;gap:2px;min-width:0;text-align:center}.brand.compact .app-brand-date,.brand.compact .app-brand-context{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand.compact .app-brand-date{color:var(--menu-text);font-size:9px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.08em}.brand.compact .app-brand-context{color:var(--subtle);font-size:9px;font-weight:400;letter-spacing:.01em}.top-nav{display:contents}.top-nav button{position:relative;min-width:0;min-height:44px;padding:4px 3px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:10px;color:var(--menu-text);background:transparent;font-size:9.5px;font-weight:650;line-height:1.15;white-space:nowrap;cursor:pointer;transition:color .16s ease}.top-nav button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.top-nav .nav-count{font-size:16px;font-weight:700}.top-nav button.active{color:var(--menu-active);background:transparent}.top-nav button.active:before{content:"";position:absolute;top:0;left:50%;width:18px;height:2px;border-radius:999px;background:var(--menu-active);translate:-50% 0}.page{width:100%;padding:max(32px,calc(env(safe-area-inset-top) + 12px)) 16px calc(28px + env(safe-area-inset-bottom))}.recovery-banner{width:calc(100% - 32px);margin-bottom:-10px;top:14px;grid-template-columns:auto 1fr}.recovery-actions{grid-column:1 / -1}.recovery-actions .button:first-child{flex:1}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:28px}.page-heading>.button{width:100%}.page-heading h1{font-size:36px}.page-welcome{padding-top:24px}.welcome-collection{min-height:0;grid-template-columns:1fr;border-radius:22px}.welcome-collection-copy{padding:28px 22px 30px}.welcome-kicker{margin-bottom:17px}.welcome-collection h1{font-size:37px}.welcome-collection-copy>p{margin-top:18px;font-size:14px}.welcome-actions{width:100%;margin-top:24px;display:grid}.welcome-actions .button{width:100%}.welcome-example-action{line-height:1.5}.welcome-collection-visual{min-height:205px;grid-row:1}.welcome-collection-visual:before{width:198px;height:198px}.welcome-collection-visual:after{width:144px;height:144px}.welcome-bottle-mark{width:88px;height:120px;border-radius:41px 41px 18px 18px;font-size:27px}.welcome-privacy{width:calc(100% - 24px);padding:17px}.collection-heading{align-items:center}.collection-heading .button{display:inline-flex;min-width:44px;padding-inline:12px}.collection-empty{min-height:500px;padding:40px 20px}.collection-empty-actions{width:100%;display:grid}.collection-empty-actions .button{width:100%}.today-heading{align-items:flex-end}.recommendation-card{min-height:0;grid-template-columns:1fr}.recommendation-visual{min-height:245px;background-position:58% center}.recommendation-visual:after{width:185px;height:185px}.recommendation-context{margin-top:19px}.recommendation-actions{grid-template-columns:1fr 1fr}.today-lower-grid{grid-template-columns:1fr}.context-metrics{gap:17px 8px}.collection-toolbar{grid-template-columns:minmax(0,1fr) auto}.collection-toolbar .search-field{grid-column:1 / 2}.mobile-filter-toggle{min-height:43px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-strong);border-radius:12px;color:var(--muted);background:var(--surface-strong);font-size:12px;font-weight:800}.mobile-filter-toggle[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--accent-text);background:var(--accent-soft)}.mobile-filter-toggle>span{min-width:19px;padding:2px 5px;border-radius:999px;color:var(--accent-text);background:color-mix(in srgb,var(--surface) 66%,transparent);font-size:10px}.advanced-filters{display:none}.collection-toolbar.filters-open .advanced-filters{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.collection-toolbar.filters-open .advanced-filters .toolbar-select:last-child{grid-column:1 / -1}.collection-quick-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.collection-quick-filters::-webkit-scrollbar{display:none}.collection-quick-filters .quick-filter{flex:0 0 auto}.perfume-grid{grid-template-columns:1fr}.card-main{min-height:166px;padding:17px;gap:14px}.initial-mark{width:74px;height:92px;border-radius:8px 8px 3px 3px;font-size:20px}.card-copy h2{font-size:21px}.compare-tray{inset:auto 12px calc(16px + env(safe-area-inset-bottom));width:auto;transform:none}.compare-tray p{display:none}.usage-rotation{grid-template-columns:1fr}.usage-rotation-lead{padding:14px 0}.usage-rotation-count strong{font-size:32px}.usage-rotation-facts{grid-template-columns:1fr;grid-template-rows:none}.usage-rotation-facts>div{padding:11px 0}.usage-rotation-facts>div:first-child{grid-row:auto;justify-content:center;border-top:1px solid var(--border)}.usage-pulse{padding:14px 0 12px}.usage-bars{height:94px;gap:7px}.history-heading{margin-top:38px}.history-item{grid-template-columns:50px 1fr 34px;gap:12px;padding:16px 12px}.history-item time{width:48px;height:58px}.profile-dna{padding:21px 19px;grid-template-columns:1fr;gap:16px}.profile-dna-art{width:62px;height:62px}.profile-dna-signals{grid-template-columns:1fr;gap:8px}.profile-grid,.data-depth-panel{grid-template-columns:1fr}.preference-panel:first-child{grid-row:auto;min-height:240px}.data-depth-panel{gap:23px}.signature-panel{grid-template-columns:58px 1fr;padding:19px;gap:13px}.signature-orbit{width:58px;height:58px}.share-section{grid-template-columns:minmax(0,1fr)}.share-section-intro{padding:19px;grid-template-columns:50px minmax(0,1fr);gap:13px}.share-choice-grid{width:100%;padding:0 19px 19px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(154px,44%);overflow-x:auto;scroll-snap-type:x mandatory;border-left:0;scrollbar-width:none}.share-choice-grid::-webkit-scrollbar{display:none}.share-choice{width:100%;min-height:68px;scroll-snap-align:start}.share-privacy-promise{padding:14px 19px}.share-art{width:50px;height:50px}.location-form{grid-template-columns:1fr}.location-form .button{width:100%}.modal-backdrop{padding:0;place-items:end center}.modal-shell,.modal-shell-wide{width:100%;max-height:94dvh;border-radius:22px 22px 0 0;border-bottom:0}.modal-header,.editor-form,.perfume-detail{padding:20px 16px}.editor-form>.form-actions{bottom:-20px;margin-inline:-16px;padding-inline:16px}.form-grid.two-columns,.detail-columns,.performance-grid{grid-template-columns:minmax(0,1fr)}.detail-hero{padding:18px;grid-template-columns:1fr;gap:18px}.detail-identity{align-items:flex-start}.detail-identity h3{font-size:27px}.detail-actions{flex-wrap:wrap}.detail-note-preferences{grid-template-columns:1fr}.detail-discovery>header{align-items:start}.detail-discovery-grid{grid-template-columns:1fr}.definition-list,.performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-wear-list article{grid-template-columns:54px minmax(0,1fr);gap:10px}.detail-wear-list article>span{grid-column:2}.toast{inset:auto 12px calc(16px + env(safe-area-inset-bottom));max-width:none}}.social-section{display:grid;gap:18px}.follow-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.follow-summary>div{min-width:0;padding:13px 14px;display:grid;gap:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface-strong)}.follow-summary strong{overflow:hidden;color:var(--text);font-size:18px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.follow-summary span{color:var(--muted);font-size:10px;font-weight:750}.profile-code-card{grid-template-columns:1fr auto;align-items:center}.profile-code-card>div{min-width:0;display:grid;gap:4px}.profile-code-card .icon-button{width:32px;height:32px}.profile-code-card small{grid-column:1 / -1;color:var(--positive);font-size:10px;font-weight:800}.follow-form{padding:16px;display:grid;grid-template-columns:minmax(130px,.35fr) minmax(220px,1fr) auto;gap:12px;align-items:end;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 74%,var(--surface))}.follow-form .field{display:grid;gap:7px}.follow-form .button{min-width:92px}.form-helper{grid-column:1 / -1;margin:-2px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.saved-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saved-share-card{min-width:0;padding:17px;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:17px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent-soft) 30%,var(--surface)))}.saved-share-card:nth-child(2n){background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--positive-soft) 38%,var(--surface)))}.saved-share-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-share-head>span{color:var(--accent-text);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.saved-share-head .icon-button{width:32px;height:32px}.saved-share-card h3{margin:9px 0 4px;overflow:hidden;font-size:19px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.saved-share-card>p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.saved-share-empty-note{margin-top:-2px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--warning) 24%,var(--border));border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--warning) 12%,var(--surface))}.saved-share-empty-note:before{content:"Uten innhold";display:inline-block;margin-right:7px;padding:2px 7px;border-radius:999px;color:var(--warning);background:var(--warning-soft);font-size:9px;font-weight:820;letter-spacing:.03em}.saved-share-empty-note{font-size:10px;line-height:1.45}.saved-share-stats{margin:10px 0 14px;display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:10px}.saved-share-stats strong{margin-right:3px;color:var(--text);font-size:14px}.saved-share-items{margin:9px 0 14px;display:flex;flex-wrap:wrap;gap:5px}.saved-share-items span{padding:5px 7px;border-radius:999px;color:var(--muted);background:var(--surface-strong);font-size:9px}.saved-share-card footer{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border)}.saved-share-meta{min-width:0;display:grid;gap:2px}.saved-share-meta span{overflow:hidden;color:var(--accent-text);font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.saved-share-meta small{color:var(--muted);font-size:9px}.saved-share-open{min-width:74px;min-height:40px;padding:0 4px 0 10px;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;border:0;color:var(--accent-text);background:transparent;font-size:10px;font-weight:850}.saved-share-open:hover{color:var(--text)}.saved-share-open:active{transform:translateY(1px)}@media(pointer:coarse){.saved-share-open{min-height:44px}.saved-share-head .icon-button{width:44px;height:44px}}.saved-share-empty{min-height:96px;padding:18px;display:flex;align-items:center;gap:13px;border:1px dashed var(--border-strong);border-radius:16px;color:var(--accent-text)}.saved-share-empty div{display:grid;gap:3px}.saved-share-empty strong{color:var(--text);font-size:12px}.saved-share-empty span{color:var(--muted);font-size:11px}.followed-codes{display:grid;gap:9px}.followed-codes>strong{font-size:11px}.social-sync-note{padding:12px 14px;display:flex;align-items:flex-start;gap:9px;border-radius:13px;color:var(--facts);background:var(--facts-soft)}.social-sync-note svg{flex:0 0 auto;margin-top:1px}.social-sync-note p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.public-profile-section{display:grid;gap:18px}.public-profile-editor{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.public-profile-editor .field{display:grid;gap:7px}.public-profile-editor textarea{min-height:76px;resize:vertical}.delete-all-link{margin-top:18px}.followed-pills{display:flex;flex-wrap:wrap;gap:8px}.followed-pills span{padding:8px 11px;border-radius:999px;background:var(--surface-strong);color:var(--muted);font-size:12px}.followed-pills strong{color:var(--text)}.followed-pills .followed-pill{display:inline-flex;align-items:center;gap:7px;padding-right:7px}.followed-pill button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--muted);background:color-mix(in srgb,var(--surface) 70%,transparent)}.followed-pill button:hover{color:var(--danger);background:var(--danger-soft)}.theme-section{display:grid;gap:18px}.theme-picker{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface)}.theme-option{min-height:36px;padding:6px 14px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:12px;font-weight:700}.theme-option:hover{color:var(--text)}.theme-option.active{color:var(--text);background:var(--surface-strong)}.curated-lists-section{display:grid;gap:18px}.curated-lists-section .settings-title{position:relative}.list-add-button{margin-left:auto}.curated-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.curated-list-card{padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface-strong)}.curated-list-card-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700}.curated-list-card h3{margin:13px 0 5px;font-size:19px}.curated-list-card p{margin:0 0 12px;color:var(--muted);font-size:12px}.curated-list-pills{display:flex;flex-wrap:wrap;gap:5px}.curated-list-pills span{padding:5px 8px;border-radius:999px;color:var(--muted);background:var(--surface);font-size:10px;font-weight:700}.curated-list-actions{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.curated-list-actions .button{min-height:34px;padding:8px 11px;font-size:11px}.curated-list-empty{padding:25px;display:grid;justify-items:start;gap:6px;border:1px dashed var(--border-strong);border-radius:16px;color:var(--muted)}.curated-list-empty small{color:var(--subtle);font-size:11px}.list-limit-hint{margin:-7px 0 0;color:var(--warning);font-size:12px}.list-perfume-picker{max-height:290px;overflow:auto;display:grid;gap:4px;border:1px solid var(--border);border-radius:14px;padding:10px}.list-search{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border-strong);border-radius:12px;color:var(--muted);background:var(--surface)}.list-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.list-search input{min-width:0;width:100%;padding:11px 0;border:0;outline:0;color:var(--text);background:transparent}.list-search-empty{margin:6px 4px;color:var(--muted);font-size:12px}.list-perfume-picker legend{padding:0 5px;color:var(--muted);font-size:12px;font-weight:800}.list-perfume-picker label{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px}.list-perfume-picker label:hover{background:var(--surface-strong)}.list-perfume-picker label span{display:grid;gap:2px;font-size:13px}.list-perfume-picker small{color:var(--muted);font-size:11px}.shared-preview{padding:24px;display:grid;gap:18px}.shared-preview-hero{padding:22px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--accent-soft) 82%,transparent),transparent 38%),var(--surface-strong)}.shared-preview-art{width:72px;height:72px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:22px;color:var(--accent-text);background:var(--accent-soft)}.shared-preview-copy{min-width:0}.shared-preview .eyebrow{margin-bottom:5px;color:var(--accent-text)}.shared-preview h2{margin:0 0 6px;font-size:28px;line-height:1.08}.shared-preview-copy>p{max-width:520px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.shared-preview-code{padding:12px 15px;display:inline-flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.shared-preview-code span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.shared-preview-code strong{color:var(--accent-text);font-size:14px;letter-spacing:.08em}.shared-preview-code small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;font-weight:750}.shared-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:16px;overflow:hidden}.shared-preview-stats div{padding:14px 16px;display:grid;gap:3px;border-right:1px solid var(--border)}.shared-preview-stats div:last-child{border-right:0}.shared-preview-stats strong{color:var(--text);font-size:20px}.shared-preview-stats span{color:var(--muted);font-size:10px;font-weight:750}.shared-preview-collection{display:grid;gap:11px}.shared-preview-collection>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.shared-preview-collection h3{margin:0;font-size:14px}.shared-preview-collection>header>span{color:var(--muted);font-size:11px}.shared-preview-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shared-preview-item{min-width:0;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--border);border-radius:14px;background:var(--surface-strong)}.shared-preview-item .initial-mark{width:42px;height:52px;border-radius:13px}.shared-preview-item>div:last-child{min-width:0;display:grid;gap:2px}.shared-preview-item strong,.shared-preview-item span,.shared-preview-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-preview-item strong{color:var(--text);font-size:12px}.shared-preview-item span{color:var(--muted);font-size:10px}.shared-preview-item small{color:var(--subtle);font-size:9px}.shared-preview-item .shared-preview-amount{width:fit-content;margin-top:2px;padding:3px 6px;overflow:visible;border-radius:7px;color:var(--accent-text);background:var(--accent-soft);font-size:9px;font-weight:800;text-overflow:clip}.shared-preview-more{margin:0;color:var(--muted);font-size:10px}.shared-preview-layer .shared-preview-art{color:var(--positive);background:var(--positive-soft);border-color:color-mix(in srgb,var(--positive) 32%,var(--border))}.shared-preview-layer .shared-preview-item{background:color-mix(in srgb,var(--positive-soft) 56%,var(--surface))}.shared-preview-layer-note{margin-top:4px!important;color:var(--positive)!important;font-weight:700}.shared-preview-profile-note{padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:14px;color:var(--accent-text);background:var(--accent-soft)}.shared-preview-profile-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.shared-preview-trust{padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border:1px solid color-mix(in srgb,var(--positive) 24%,var(--border));border-radius:14px;color:var(--positive);background:var(--positive-soft)}.shared-preview-trust>svg{flex:0 0 auto;margin-top:1px}.shared-preview-trust div{display:grid;gap:2px}.shared-preview-trust strong{color:var(--text);font-size:12px}.shared-preview-trust span{color:var(--muted);font-size:11px;line-height:1.45}.shared-preview-empty-note{padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));border-radius:14px;color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--surface))}.shared-preview-empty-note svg{flex:0 0 auto;margin-top:1px}.shared-preview-empty-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.shared-preview-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.shared-preview-actions .button{min-width:150px}.install-card{position:relative;margin-bottom:18px;padding:20px 22px;display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:20px;background:linear-gradient(120deg,var(--surface),var(--accent-soft));box-shadow:var(--shadow-small)}.install-art{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:var(--accent-text);background:color-mix(in srgb,var(--accent-soft) 72%,var(--surface))}.install-copy h2{margin:0 0 4px;font-size:19px}.install-copy p{margin:0;color:var(--muted);font-size:12px}.install-copy .eyebrow{margin-bottom:5px;color:var(--accent-text);font-size:10px}.install-hint{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.install-dismiss{position:absolute;top:10px;right:12px;padding:3px 5px;border:0;background:transparent;color:var(--subtle);font-size:10px}.install-dismiss:hover{color:var(--text)}.reminder-controls{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;align-items:end}.reminder-toggle{min-height:60px;margin:0}.reminder-time select{width:100%}@media(max-width:430px){.source-links-heading{align-items:flex-start;flex-direction:column;gap:3px}.source-link-list{grid-template-columns:1fr}.source-query{grid-template-columns:minmax(0,1fr) auto}.usage-pulse-status{align-items:flex-end;flex-direction:column;gap:4px}.today-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.today-heading>div,.today-context-controls,.occasion-control{min-width:0}.collection-toolbar{grid-template-columns:1fr}.search-field,.toolbar-select:nth-of-type(4){grid-column:auto}.card-main{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}.card-meta{display:grid;gap:4px}.depth-metrics{grid-template-columns:1fr}.backup-actions .button{width:100%}}@media(max-width:760px){.compare-hint{display:flex}.compare-cards{grid-auto-columns:min(82vw,310px)}.profile-quick-nav{top:8px;margin:0 -2px 22px}.public-profile-editor{grid-template-columns:1fr}.public-profile-editor .button{width:100%}.install-card{grid-template-columns:42px 1fr;padding:17px}.install-art{width:42px;height:42px}.install-card .button,.install-hint{grid-column:1 / -1;justify-self:stretch;width:100%}.install-hint{justify-content:center;padding-top:4px}.theme-picker{grid-template-columns:1fr}.follow-summary{grid-template-columns:1fr 1fr}.follow-summary>div:last-child{grid-column:1 / -1}.follow-form{grid-template-columns:1fr}.follow-form .button{width:100%}.form-helper{grid-column:auto}.saved-share-grid,.curated-list-grid{grid-template-columns:1fr}.profile-signals{padding:21px 19px;grid-template-columns:1fr;gap:19px}.profile-signal-next p{max-width:50ch}.profile-signal-list{grid-template-columns:1fr;border-left:0;border-top:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-signal-item{padding:13px 0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-signal-item:last-child{border-bottom:0}.recent-wear-panel{padding:17px}.recent-wear-heading{align-items:flex-start;flex-direction:column;gap:3px}.recent-wear-list{grid-template-columns:1fr}.list-add-button{width:100%;margin:14px 0 0}.curated-lists-section .settings-title{display:grid;grid-template-columns:auto 1fr}.curated-lists-section .list-add-button{grid-column:1 / -1}.offline-banner{top:76px;width:calc(100% - 32px);justify-content:center;text-align:center}.reminder-controls{grid-template-columns:1fr}.shared-preview{padding:16px;gap:14px}.shared-preview-hero{padding:17px;grid-template-columns:54px minmax(0,1fr);gap:12px}.shared-preview-art{width:54px;height:54px;border-radius:17px}.shared-preview h2{font-size:23px}.shared-preview-code{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.shared-preview-code>span{grid-column:1 / -1}.shared-preview-code strong{overflow-wrap:anywhere}.shared-preview-items{grid-template-columns:1fr}.shared-preview-actions{display:grid;grid-template-columns:1fr}.shared-preview-actions .button{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-stage{background:radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--accent-soft) 56%,transparent),transparent 23rem),radial-gradient(circle at 10% 72%,color-mix(in srgb,var(--surface-strong) 55%,transparent),transparent 28rem)}.page-heading h1{font-weight:520;letter-spacing:.005em}.sidebar{background:color-mix(in srgb,var(--menu-surface) 92%,transparent);box-shadow:12px 0 42px #06120e12}.sidebar:after{content:"";position:absolute;inset:88px 0 auto auto;width:2px;height:116px;border-radius:999px;background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.72}.brand-mark{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--accent-strong),#7d3028)}.brand-mark:after{content:"";position:absolute;width:54px;height:54px;right:-20px;bottom:-25px;border:1px solid rgba(255,255,255,.28);border-radius:50%}.sidebar nav button{position:relative;transition:color .14s ease,background .14s ease,transform .14s ease}.sidebar nav button:hover{transform:translate(2px)}.sidebar nav button.active:before{content:"";position:absolute;left:-18px;width:3px;height:22px;border-radius:0 999px 999px 0;background:var(--accent)}.recommendation-card{border-color:color-mix(in srgb,var(--accent) 17%,var(--border));box-shadow:0 30px 90px color-mix(in srgb,var(--accent) 10%,transparent)}.recommendation-visual>.perfume-visual{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.recommendation-visual>.perfume-visual img{object-position:center top;object-fit:cover;transform:none;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.recommendation-visual>.perfume-visual:before,.recommendation-visual>.perfume-visual:after{display:none}@media(min-width:761px){.recommendation-visual>.perfume-visual img{object-position:50% center}}.recommendation-card:hover .recommendation-visual>.perfume-visual img{transform:scale(1.045)}.recommendation-visual:after{width:280px;height:280px;border-color:#ffffff2e;box-shadow:0 0 0 22px #ffffff09,0 0 0 46px #ffffff06}.recommendation-season{z-index:2}.welcome-collection-visual{overflow:hidden}.welcome-collection-visual .perfume-visual{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit}.welcome-collection-visual .perfume-visual img{object-position:center}.button.primary{box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 22%,transparent)}@media(max-width:760px){.collection-snapshot{margin:-6px 0 16px;grid-template-columns:repeat(4,minmax(0,1fr))}.collection-snapshot>div{min-height:68px;padding:11px 9px;grid-template-columns:1fr;grid-template-rows:auto auto;gap:4px;border-right:1px solid var(--border);border-bottom:0}.collection-snapshot>div:last-child{border-right:0}.collection-snapshot span{font-size:8px;letter-spacing:.045em}.collection-snapshot strong{margin-top:0;font-size:23px}.collection-snapshot small{display:none}.collection-quick-filters{margin-top:10px}.result-line{min-height:42px}.recommendation-card{box-shadow:0 18px 45px color-mix(in srgb,var(--accent) 10%,transparent)}}@media(max-width:430px){.collection-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-snapshot>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.collection-snapshot>div:nth-child(2n){border-right:0}.collection-snapshot>div:nth-child(n+3){border-bottom:0}}@keyframes slow-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-shimmer{0%{background-position:180% 0}to{background-position:-20% 0}}@media(prefers-reduced-motion:reduce){.recommendation-visual:before{animation:none}.context-loading,.view-skeleton-heading span,.view-skeleton-heading strong,.view-skeleton-heading small,.view-skeleton-panel span,.dialog-skeleton span,.collection-snapshot,.page-today .recommendation-card{animation:none}.perfume-visual-spray-sheen,.perfume-visual-spray-jet,.perfume-visual-spray-mist,.perfume-visual-spray-spray,.perfume-visual-spray-aura,.perfume-visual:not(.perfume-visual--loaded){animation:none!important}.perfume-visual{--pointer-strength: 0;--pop-lift: 0px;--pop-depth: 0px;--pop-scale: .02;transition:box-shadow .2s ease}}@keyframes spray-spray{0%,to{opacity:.19;transform:translateY(2px) scaleX(.97)}50%{opacity:.38;transform:translateY(-2px) scaleX(1.02)}}@keyframes spray-aura{0%,to{transform:rotate(0) scale(1);opacity:.28}50%{transform:rotate(2deg) scale(1.02);opacity:.46}}.recommendation-card{--scene-hue: 220;--scene-saturation: 60%;--scene-luminance: 50%;--scene-light-angle: 40deg;--scene-context-depth: 50%;--scene-weather-hue: 40;--scene-chill: 0%;--scene-motif: .7;--scene-fill: 0%;--scene-fill-hue: 40;position:relative;isolation:isolate;background:radial-gradient(120% 90% at 50% calc(100% - var(--scene-light-angle) * 1.1),hsl(var(--scene-hue) var(--scene-saturation) calc(var(--scene-luminance) * .42) / .55) 0%,transparent 62%),linear-gradient(175deg,hsl(var(--scene-hue) calc(var(--scene-saturation) * .7) calc(var(--scene-luminance) * .16)),hsl(var(--scene-hue) calc(var(--scene-saturation) * .45) calc(var(--scene-luminance) * .09))),var(--surface)}.recommendation-card>*{position:relative;z-index:1}.detail-product-link{display:block;width:fit-content}.detail-visual-button{padding:0;border:0;background:none;cursor:zoom-in;border-radius:38px 38px 18px 18px}.detail-visual-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.context-hint{display:block;max-width:34rem;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}.card-notes-line{margin:8px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.5}.card-notes-line span+span:before{content:" · ";color:var(--subtle)}.card-notes-line b{color:var(--subtle);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-brand-lines{display:grid;gap:1px;min-width:0;text-align:left}.app-brand-date{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-brand-context{color:var(--subtle);font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-guide-shutter-row{display:flex;align-items:stretch;gap:10px}.camera-guide-shutter-row .camera-guide-shutter{flex:1 1 auto}.camera-guide-torch{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:52px;min-height:44px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface);cursor:pointer}.camera-guide-torch.is-on{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));color:var(--accent-text);background:var(--accent-soft)}.camera-guide-torch[disabled]{opacity:.55;cursor:default}.camera-guide-torch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recommendation-visual{--scene-serif: "New York", ui-serif, Georgia, "Times New Roman", serif;--scene-warm-ink: #efe3ce;--scene-warm-ink-soft: rgba(239, 227, 206, .62);--scene-wall-highlight: color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) 84%) 28%, #e4d1b8 );--scene-wall-light: color-mix( in srgb, #fff8ec var(--scene-luminance), var(--scene-wall-highlight) );--scene-wall-mid: color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) 58%) 32%, #9a7757 );--scene-wall-shadow: color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) 24%) 26%, #2d1d13 );--scene-floor-highlight: color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) 72%) 22%, #c9ae8b );--scene-floor-shadow: color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) 28%) 24%, #352216 );--scene-silk-highlight: color-mix( in srgb, var(--scene-wall-light) 28%, #deccb3 );--scene-silk-mid: color-mix( in srgb, var(--scene-floor-highlight) 32%, #aa8e6d );--scene-silk-shadow: color-mix( in srgb, var(--scene-floor-shadow) 28%, #806448 );min-height:clamp(440px,60vh,580px)}.recommendation-visual:before,.recommendation-visual:after{display:none}.recommendation-curtain{width:15%;border-radius:0;background:linear-gradient(180deg,#00000080,#00000014 40%,#00000057),repeating-linear-gradient(90deg,#1c110a 0 7px,#33200f 7px 13px,#241509 13px 22px,#3a2513 22px 27px);box-shadow:none}.recommendation-curtain-left{border-radius:0;box-shadow:inset -22px 0 26px -14px #000000d9}.recommendation-curtain-right{border-radius:0;box-shadow:inset 22px 0 26px -14px #000000d9}.recommendation-curtain{z-index:5}.stage-neighbor{position:absolute;z-index:2;bottom:118px;width:21%;max-width:96px;pointer-events:none;display:block}.stage-neighbor-left{left:10%}.stage-neighbor-right{right:10%}.stage-neighbor .generated-bottle{display:block;filter:brightness(.48) saturate(.82) blur(1.8px);opacity:.85}.stage-neighbor-plinth{position:absolute;left:50%;bottom:-26px;width:118%;height:26px;translate:-50% 0;border-radius:50% 50% 46% 46%/34% 34% 66% 66%;background:linear-gradient(180deg,#3a2c1d,#1c1209 78%);box-shadow:0 10px 16px -6px #000000bf,inset 0 2px 3px #ffe2b224}.recommendation-visual.recommendation-stage{display:grid;place-items:end center;overflow:clip}.recommendation-visual.recommendation-stage:after{content:"";display:block;position:absolute;z-index:1;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 160px 160px repeat}.recommendation-bottle-trigger{z-index:4;width:min(37%,152px);min-width:108px;margin-bottom:117px;border-radius:var(--radius-sm)}.recommendation-bottle-trigger:hover,.recommendation-bottle-trigger:focus-visible{filter:brightness(1.08)}.generated-bottle{display:block;line-height:0}.generated-bottle svg{display:block;width:100%;height:auto}.stage-hero-bottle svg{filter:drop-shadow(0 6px 10px rgba(0,0,0,.34))}.stage-hero-bottle{position:relative}.stage-hero-bottle:before,.stage-hero-bottle:after{content:"";position:absolute;bottom:4.8387%;border-radius:50%;pointer-events:none}.stage-hero-bottle:before{z-index:-1;left:50%;width:calc(var(--bottle-foot, .66) * 108%);height:max(7px,calc(var(--bottle-foot, .66) * 7.5%));translate:-50% 50%;background:radial-gradient(ellipse at 50% 50%,rgba(31,19,9,.7),rgba(31,19,9,.34) 44%,transparent 72%)}.stage-hero-bottle:after{z-index:-2;left:calc(50% - var(--bottle-foot, .66) * 50%);width:calc(var(--bottle-foot, .66) * 100% + var(--bottle-height, .5) * 108%);height:max(10px,calc(var(--bottle-height, .5) * 7%));translate:0 50%;background:radial-gradient(ellipse 50% 50% at 42% 50%,rgba(31,19,9,.44),rgba(31,19,9,.16) 46%,transparent 100%)}.stage-bottle-photo:before,.stage-bottle-photo:after{bottom:0}.recommendation-bottle-trigger.has-photo-bottle{width:auto;min-width:0;max-width:min(76%,420px);margin-bottom:132px}.stage-bottle-photo img{display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;height:clamp(170px,30vh,224px);width:auto;max-width:100%;object-fit:contain;object-position:bottom;margin-inline:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.55))}.recommendation-bottle-trigger.stage-layer-trigger{--stage-layer-gap: 12px;--stage-layer-photo-height: clamp(118px, 22vh, 156px);width:min(56%,236px);min-width:0;max-width:none;margin-bottom:132px}.recommendation-bottle-trigger.stage-layer-trigger[data-layer-count="3"]{--stage-layer-gap: 8px;--stage-layer-photo-height: clamp(84px, 16vh, 108px)}.recommendation-bottle-trigger.stage-layer-trigger[data-layer-count="4"]{--stage-layer-gap: 4px;--stage-layer-photo-height: clamp(64px, 12vh, 80px)}.stage-layer-trigger>.stage-layer-bottles{display:flex;align-items:flex-end;justify-content:center;gap:var(--stage-layer-gap);width:100%}.stage-layer-bottles>.stage-layer-bottle{position:relative;flex:1 1 0;min-width:0;display:block}.stage-layer-bottle>.generated-bottle:not(.stage-bottle-photo){translate:0 4.8387%}.stage-layer-bottle>.stage-bottle-photo>img{height:var(--stage-layer-photo-height)}.stage-layer-bottle>.stage-layer-sprays{position:absolute;z-index:2;left:50%;bottom:-7px;translate:-50% 0;display:inline-flex;align-items:baseline;gap:3px;padding:2px 7px;border:1px solid rgba(239,227,206,.28);border-radius:999px;color:#efe3ce;background:#18100ac7;font-size:8.5px;font-weight:750;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:var(--stage-name-opacity, 1);transition:opacity .18s ease-out}.stage-layer-sprays>strong{font-size:11px;font-weight:800;line-height:1}.stage-layer-bottles>.stage-layer-more{align-self:center;padding-bottom:12px;color:#efe3ceb3;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.stage-podium{position:absolute;z-index:3;bottom:74px;left:50%;width:min(56%,236px);height:58px;translate:-50% 0;pointer-events:none;border:1px solid rgba(224,198,159,.2);border-radius:13px 13px 22px 22px/9px 9px 18px 18px;background:linear-gradient(90deg,#2e2015,#5a432d 48%,#2a1c12);box-shadow:10px 26px 36px -14px #000000d6,0 0 64px 4px #ffe0b114,inset 0 1px #fffaee52,inset 0 -12px 18px #2a1b103d}.stage-podium:before{content:"";position:absolute;top:-13px;left:0;right:0;height:26px;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#b2936c,#70543a 54%,#342317);box-shadow:inset 0 3px 5px #fffaee52,inset 0 -4px 7px #2f1e1161,0 2px #fff4e014}.stage-podium-silk{position:absolute;z-index:1;top:-13px;left:-3%;width:106%;height:72px;border-radius:50% 50% 20px 20px/16px 16px 14px 14px;clip-path:polygon(2% 2%,98% 2%,100% 18%,98% 77%,95% 88%,92% 96%,89% 100%,86% 96%,82% 92%,78% 95%,74% 98%,70% 94%,66% 91%,62% 94%,58% 97%,54% 93%,50% 91%,45% 94%,40% 98%,35% 95%,30% 92%,25% 95%,20% 98%,15% 94%,11% 91%,8% 95%,5% 99%,3% 90%,2% 79%,0 18%);background:radial-gradient(ellipse 84% 30% at 50% 8%,rgba(255,248,235,.34),transparent 72%),linear-gradient(180deg,transparent 30%,rgba(48,31,17,.14) 40%,transparent 54%,transparent 72%,rgba(48,31,17,.26) 100%),linear-gradient(90deg,rgba(255,246,228,.1),transparent 42%,rgba(48,31,17,.14) 100%),repeating-linear-gradient(98deg,color-mix(in srgb,var(--scene-silk-shadow) 34%,var(--scene-silk-mid)) 0 14px,var(--scene-silk-mid) 27px,color-mix(in srgb,var(--scene-silk-highlight) 38%,var(--scene-silk-mid)) 42px,var(--scene-silk-mid) 57px,color-mix(in srgb,var(--scene-silk-shadow) 30%,var(--scene-silk-mid)) 74px);box-shadow:inset 0 5px 8px #fff8eb29,inset 0 -12px 18px #3e2a1b33,0 5px 8px #1e120a2e}.stage-podium:after{content:"";position:absolute;bottom:-30px;left:50%;width:calc(100% / .56);height:44px;translate:-50% 0;border-radius:50%;background:radial-gradient(ellipse,#ffdba038,#ffdba000 70%)}.recommendation-note-orbit{margin:0;padding:0;list-style:none}.recommendation-note{--stage-note-anchor-x: 50%;--stage-note-drop: 24%;top:0;bottom:0;left:var(--stage-note-anchor-x);right:auto;width:128px;max-width:128px;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:block;color:var(--scene-warm-ink);translate:-50% 0;transform-origin:50% 0}.stage-note-rope{position:absolute;top:0;left:50%;width:40px;height:var(--stage-note-drop);translate:-50% 0;overflow:visible;pointer-events:none;visibility:hidden}.stage-note-rope path{fill:none;stroke:#4e301d94;stroke-width:1;stroke-linecap:round}.recommendation-note-payload{position:absolute;top:var(--stage-note-drop);left:50%;width:100%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:5px}.recommendation-note-name{display:block;max-width:100%;line-height:1.08;white-space:normal;overflow-wrap:anywhere}.scene-medallion{display:grid;place-items:center;width:var(--medallion-size);height:var(--medallion-size);border-radius:50%;color:var(--medallion-ink);background:radial-gradient(circle at 34% 28%,var(--medallion-glow),var(--medallion-glow-faint) 58%,var(--medallion-shade)),var(--medallion-base);box-shadow:inset 0 0 0 1px var(--medallion-ring),0 8px 14px -6px #0009}.scene-medallion .note-glyph{width:var(--medallion-glyph);height:var(--medallion-glyph)}.scene-medallion[data-tone=warm]{--medallion-size: 46px;--medallion-glyph: 24px;--medallion-ink: #f2e2c4;--medallion-glow: rgba(255, 236, 200, .28);--medallion-glow-faint: rgba(255, 236, 200, .05);--medallion-shade: rgba(0, 0, 0, .22);--medallion-base: rgba(46, 32, 18, .55);--medallion-ring: rgba(239, 227, 206, .28)}.scene-medallion[data-tone=cool]{--medallion-size: 42px;--medallion-glyph: 22px;--medallion-ink: var(--scene-cool-ink-strong);--medallion-glow: rgba(230, 240, 248, .26);--medallion-glow-faint: rgba(230, 240, 248, .04);--medallion-shade: rgba(0, 0, 0, .25);--medallion-base: rgba(26, 33, 38, .6);--medallion-ring: rgba(222, 232, 240, .3)}.recommendation-note-label{display:block;width:100%;font-family:var(--scene-serif);font-size:12.5px;font-weight:500;letter-spacing:.02em;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.65)}.recommendation-spray-mist{top:calc(var(--bottle-top, 0) * 100%);right:auto;left:50%;width:96px;height:62px;translate:-18% -58%;background:radial-gradient(ellipse at 22% 58%,#ffeed080,#ffeed000 70%);filter:blur(7px)}.recommendation-spray-particle{top:calc(var(--bottle-top, 0) * 100%);right:auto;left:50%;translate:0 -50%}.recommendation-spray-hint{right:auto;left:50%;bottom:44px;translate:-50% 0;color:var(--scene-warm-ink-soft);font-family:var(--scene-serif);font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}.stage-swipe-hint{position:absolute;z-index:4;left:18px;bottom:14px;margin:0;color:var(--scene-warm-ink-soft);font-family:var(--scene-serif);font-size:9.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.stage-artwork-note{position:absolute;z-index:4;bottom:36px;left:50%;translate:-50% 0;margin:0;max-width:90%;color:#efe3ce73;font-size:8.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;text-align:center}.recommendation-season{border-color:#efe3ce42;background:#18100a8c;color:var(--scene-warm-ink-soft)}.recommendation-note-sheet{right:auto;left:50%;bottom:0;width:min(320px,84%);translate:-50% 0;border-color:#efe3ce3d;border-bottom:0;border-radius:16px 16px 0 0;color:var(--scene-warm-ink);background:color-mix(in srgb,var(--gallery-ink) 74%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);box-shadow:0 -14px 40px #00000080;max-height:calc(100% - 12px);display:flex;flex-direction:column}.recommendation-note-sheet-toggle{flex:none}.recommendation-note-sheet-content{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.recommendation-note-sheet-toggle strong{color:#dcb87a}.recommendation-note-sheet-content>.recommendation-context dt{color:#efe3ce8c}.recommendation-note-sheet-content>.recommendation-context{margin:4px 0 0;padding:10px 0 0;border-top:1px solid rgba(239,227,206,.18);border-bottom:0}.recommendation-note-sheet-content>.recommendation-context div{padding:0 9px;border-right-color:#efe3ce2e}.recommendation-note-sheet-content>.recommendation-context dt{color:#efe3ce80}.recommendation-note-sheet-content>.recommendation-context dd{color:#efe3ce}.recommendation-note-sheet-content>.recommendation-actions{margin-top:4px;display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.recommendation-note-sheet-content>.recommendation-actions .button{justify-content:center;min-height:40px;border-color:#efe3ce42;color:#efe3ce;background:#18100a8c;font-size:11px}.recommendation-note-sheet-content>.recommendation-actions .button.active{border-color:#deba7ab3;color:#f6e2b8}.note-sheet-layer{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#efe3cead;font-size:11px}.note-sheet-layer strong{color:#efe3ce}.note-sheet-credit{margin:0;color:#efe3ce6b;font-size:10px}.note-sheet-credit a{color:inherit}.note-sheet-photo{margin:2px 0 0;display:grid;gap:5px;justify-items:center}.note-sheet-photo img{display:block;width:min(148px,62%);aspect-ratio:1;object-fit:cover;border-radius:10px;box-shadow:0 12px 18px -10px #000000b3,0 0 0 1px #efe3ce29}.note-sheet-photo figcaption{color:#efe3ce9e;font-size:8.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;text-align:center}.category-shelf-item .generated-bottle{height:92px;display:flex;align-items:flex-end;justify-content:center}.category-shelf-item .generated-bottle svg{height:100%;width:auto}@media(max-width:560px){.recommendation-visual{--stage-hero-lift: clamp(10px, calc((100svh - 568px)*.1) , 28px)}.recommendation-note{width:104px;max-width:104px}.recommendation-note-payload{gap:4px}.recommendation-note-name{max-width:104px}.recommendation-note .stage-note-artwork{--stage-note-art-size: clamp(68px, 19vw, 76px)}.recommendation-note:nth-child(1) .stage-note-artwork{--stage-note-art-size: clamp(72px, 21vw, 84px)}.recommendation-note:nth-child(3) .stage-note-artwork{--stage-note-art-size: clamp(76px, 22vw, 88px)}.recommendation-note:nth-child(4) .stage-note-artwork{--stage-note-art-size: clamp(72px, 21vw, 84px)}.scene-medallion[data-tone=warm]{--medallion-size: 40px;--medallion-glyph: 21px}.recommendation-note-label{font-size:var(--font-size-sm)}.stage-neighbor{width:19%;bottom:108px}.recommendation-bottle-trigger{margin-bottom:calc(105px + var(--stage-hero-lift))}.recommendation-bottle-trigger.has-photo-bottle,.recommendation-bottle-trigger.stage-layer-trigger{margin-bottom:calc(118px + var(--stage-hero-lift))}.stage-podium{bottom:calc(68px + var(--stage-hero-lift));height:50px}}@media(max-width:340px){.recommendation-note{width:82px;max-width:82px}.recommendation-note-payload{gap:3px}.recommendation-note-name{max-width:82px}.recommendation-note .stage-note-artwork{--stage-note-art-size: 56px}}@media(min-width:901px){.recommendation-note{width:144px;max-width:144px}.recommendation-note-payload{gap:6px}.recommendation-note-name{max-width:144px}}@media(max-height:480px){.recommendation-visual{min-height:360px}.recommendation-note:nth-child(n+3){display:none}.stage-neighbor{display:none}}@media(prefers-reduced-motion:reduce){.recommendation-bottle-trigger:hover,.recommendation-bottle-trigger:focus-visible{transform:none}}.detail-hero-stage{grid-template-areas:"stage stage" "identity side"}.detail-hero-stage .detail-stage{grid-area:stage}.detail-hero-stage .detail-hero-side{grid-area:side}.detail-hero-stage .detail-identity{grid-area:identity;grid-template-columns:minmax(0,1fr)}.detail-stage{--scene-cool-ink: #e7ebee;--scene-cool-ink-strong: #eef3f6;--scene-cool-ink-soft: rgba(231, 238, 242, .55);--scene-cool-line: rgba(231, 238, 242, .5);position:relative;z-index:0;min-height:300px;display:grid;place-items:end center;overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(ellipse at 50% 4%,#d6e2ec33,#d6e2ec00 44%),linear-gradient(180deg,#262d31,#1b2124 56%,#141819);box-shadow:inset 0 -46px 60px -40px #000000b8}.detail-stage:before{content:"";position:absolute;z-index:2;top:0;left:50%;width:2px;height:24px;translate:-50% 0;background:#dce4ea6b}.detail-stage:after{content:"";position:absolute;z-index:2;top:24px;left:50%;width:13px;height:13px;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 50% 38%,#f4f8fb,#cfdce6 62%,#93a6b2);box-shadow:0 0 18px 6px #e2f0fa61}.detail-stage-lamp{position:absolute;z-index:1;top:0;left:50%;width:min(72%,300px);height:74%;translate:-50% 0;pointer-events:none;background:linear-gradient(180deg,#e2ecf42e,#e2ecf40d 55%,#e2ecf400);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);filter:blur(5px)}.detail-stage-bench{position:absolute;z-index:2;bottom:0;left:0;right:0;height:52px;pointer-events:none;background:linear-gradient(180deg,#46392a,#32271a 30%,#1f1810);box-shadow:inset 0 2px #e6ebee24,inset 0 14px 20px -12px #f0f6fa29}.detail-stage-bottle{position:relative;z-index:3;margin:58px 0 38px;padding:0;border:0;display:block;line-height:0;border-radius:var(--radius-sm);background:transparent;color:inherit}button.detail-stage-bottle{cursor:zoom-in}button.detail-stage-bottle:hover,button.detail-stage-bottle:focus-visible{filter:brightness(1.07)}button.detail-stage-bottle:focus-visible{outline:3px solid rgba(207,228,242,.85);outline-offset:4px}.detail-stage-drawn{width:clamp(96px,22vw,116px)}.detail-stage-drawn svg{filter:drop-shadow(0 14px 14px rgba(0,0,0,.55))}.detail-stage-bottle-photo{display:block;height:clamp(190px,48vw,224px);width:auto;max-width:min(48vw,190px);object-fit:contain;object-position:bottom;margin-inline:auto;filter:drop-shadow(0 14px 14px rgba(0,0,0,.55))}.detail-stage-photo-object{position:absolute;z-index:3;left:14px;bottom:6px;width:clamp(56px,11vw,76px);margin:0;padding:0;border:0;line-height:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:zoom-in}.detail-stage-photo-object:hover,.detail-stage-photo-object:focus-visible{filter:brightness(1.07)}.detail-stage-photo-object:focus-visible{outline:3px solid rgba(207,228,242,.85);outline-offset:4px}.detail-stage-photo{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);box-shadow:0 14px 18px -10px #000c,0 0 0 1px #eef4f81f}.detail-stage-notes{position:absolute;z-index:4;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.detail-stage-note{position:absolute;width:108px;max-width:108px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--scene-cool-ink)}.detail-stage-note-text{display:block;width:100%;min-width:0}.detail-stage-note-text>span{display:block;line-height:1.08;white-space:normal;overflow-wrap:anywhere;font-size:var(--font-size-md);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.7)}.detail-stage-note-1{top:11%;left:2%}.detail-stage-note-2{top:15%;right:2%}.detail-stage-note-3{top:46%;left:1.5%}.detail-stage-note-4{top:50%;right:1.5%}.detail-stage-artwork-note{position:absolute;z-index:4;top:8px;left:50%;translate:-50% 0;margin:0;padding:3px 9px;width:max-content;max-width:92%;border-radius:5px;color:var(--scene-cool-ink-soft);background:#111619b8;font-size:8.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;text-align:center}.detail-stage-photo-note{display:block;margin-top:2px}@media(max-width:760px){.detail-hero-stage{grid-template-areas:"stage" "identity" "side"}}@media(max-width:560px){.detail-stage{min-height:252px}.detail-stage-bottle{margin-top:64px}.detail-stage-note{width:88px;max-width:88px;gap:3px}.detail-stage-note-1{top:68px}.detail-stage-note-2{top:74px}.detail-stage-note-3{top:148px}.detail-stage-note-4{top:154px}.scene-medallion[data-tone=cool]{--medallion-size: 36px;--medallion-glyph: 19px}.detail-stage-note-text>span{font-size:var(--font-size-sm)}.detail-stage-drawn{width:clamp(80px,26vw,104px)}}@media(max-width:360px){.detail-stage-bottle{margin-top:96px}.detail-stage-note-1{top:96px}.detail-stage-note-2{top:102px}.detail-stage-note-3{top:176px}.detail-stage-note-4{top:182px}.detail-stage-note{width:76px;max-width:76px}}.category-zoom{--shelf-h: 34;--shelf-c: 8%;border-color:hsl(var(--shelf-h) var(--shelf-c) 32% / .55);color:hsl(var(--shelf-h) 24% 90%);background:radial-gradient(120% 90% at 32% 6%,hsl(var(--shelf-h) var(--shelf-c) 48% / .3),transparent 56%),linear-gradient(180deg,hsl(var(--shelf-h) var(--shelf-c) 17%),hsl(var(--shelf-h) var(--shelf-c) 11%) 62%,hsl(var(--shelf-h) var(--shelf-c) 8%))}.category-shelf-row[data-category-theme=morning]{--shelf-h: 38;--shelf-c: 14%}.category-shelf-row[data-category-theme=amber]{--shelf-h: 28;--shelf-c: 22%}.category-shelf-row[data-category-theme=shadow]{--shelf-h: 210;--shelf-c: 9%}.category-shelf-row[data-category-theme=dark]{--shelf-h: 258;--shelf-c: 12%}.category-shelf-row[data-category-theme=open]{--shelf-h: 34;--shelf-c: 8%}.category-zoom .category-zoom-heading h2{color:#efebe6}.category-zoom .category-shelf-row{border-top-color:hsl(var(--shelf-h) 18% 60% / .28)}.category-zoom .category-shelf-heading h3{color:hsl(var(--shelf-h) 24% 92%)}.category-zoom .category-shelf-count,.category-zoom .category-shelf-item small{color:hsl(var(--shelf-h) 18% 74%)}.category-zoom .category-shelf-item{color:hsl(var(--shelf-h) 24% 92%)}.category-shelf{border-bottom:0;background:linear-gradient(180deg,transparent calc(100% - 10px),hsl(var(--shelf-h) calc(var(--shelf-c) + 12%) 34%) calc(100% - 10px),hsl(var(--shelf-h) calc(var(--shelf-c) + 14%) 15%) 100%)}.category-zoom .category-shelf-item:hover,.category-zoom .category-shelf-item:focus-visible{background:hsl(var(--shelf-h) 26% 48% / .22)}.category-shelf-item[data-active=true]{background:linear-gradient(180deg,hsl(var(--shelf-h) 32% 62% / .12),hsl(var(--shelf-h) 32% 62% / .02))}.category-shelf-item[data-active=true]:after{content:"";position:absolute;left:50%;bottom:0;width:86%;height:18px;translate:-50% 0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,hsl(var(--shelf-h) 42% 74% / .34),transparent 70%)}.category-shelf-system{margin-left:8px;padding:2px 8px;display:inline-block;border:1px solid hsl(var(--shelf-h) 20% 62% / .5);border-radius:var(--radius-pill);color:hsl(var(--shelf-h) 20% 82%);font-size:var(--font-size-2xs);font-weight:750;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.stage-nav{position:absolute;z-index:6;top:50%;translate:0 -50%;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(239,227,206,.22);border-radius:50%;color:var(--scene-warm-ink);background:#18100a8c;cursor:pointer}.stage-nav-prev{left:max(10px,calc(env(safe-area-inset-left) + 10px))}.stage-nav-next{right:max(10px,calc(env(safe-area-inset-right) + 10px))}.stage-nav:hover,.stage-nav:focus-visible{border-color:#efe3ce80;background:#18100acc}.stage-nav{transition:scale .18s ease,border-color .18s ease,background .18s ease}.stage-nav.is-pulsed{border-color:#efe3ce9e;background:#18100ae0;scale:1.14}.recommendation-note-sheet-toggle{touch-action:none}@media(max-width:760px){.page-today{min-height:100%;padding:0;display:flex;flex-direction:column}.page-today .today-heading{margin:0;padding:12px 14px 10px;display:grid;gap:10px}.page-today .today-heading h1{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);white-space:nowrap}.page-today .today-heading .eyebrow{color:var(--scene-warm-ink-soft)}.page-today .today-title-row{margin:0}.page-today .today-context-controls{padding:8px 14px 9px;gap:6px;color:var(--menu-text);background:var(--menu-surface-strong);border-top:1px solid color-mix(in srgb,var(--menu-text) 15%,transparent)}.page-today .today-add-perfume{width:44px;height:44px}.page-today .category-zoom-toggle{min-height:38px;padding:0 11px;font-size:10.5px}.page-today .occasion-control-value{padding-right:14px;font-size:12px;line-height:37px}.page-today .control-caption{font-size:9px;letter-spacing:.14em}.page-today .occasion-control{gap:2px}.page-today .recommendation-card{flex:1 1 auto;min-height:0;margin:0;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;background:none}.page-today .category-zoom{flex:1 1 auto;min-height:0;margin:0;padding:0;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}.page-today .category-zoom-heading{margin:0;padding:12px 14px 10px}.page-today:has(>.category-zoom){height:100%}.page-today .category-shelves{flex:1 1 auto;min-height:0;padding:0 14px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.page-today .recommendation-visual{flex:1 1 auto;min-height:320px;border-radius:0}}@media(max-width:380px){.page-today .occasion-control-value{padding-right:12px;font-size:10.5px}.page-today .control-caption{letter-spacing:.08em}.page-today .category-zoom-toggle{padding:0 10px;font-size:10px}}.stage-podium-name{position:absolute;z-index:4;bottom:78px;left:50%;width:min(52%,214px);height:42px;translate:-50% 0;overflow:hidden;display:grid;place-items:center;pointer-events:none;opacity:var(--stage-name-opacity);transition:opacity .18s ease-out}.stage-podium-name h2{margin:0;color:#f4e7cd;font-size:19px;font-weight:680;line-height:1.05;letter-spacing:-.03em;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 14px rgba(255,214,150,.28)}@media(max-width:560px){.stage-podium-name{bottom:calc(68px + var(--stage-hero-lift))}}.recommendation-bottle-trigger{touch-action:none}.stage-top-actions{position:absolute;top:max(10px,calc(env(safe-area-inset-top) + 6px));right:max(12px,calc(env(safe-area-inset-right) + 12px));z-index:8;display:flex;align-items:center;gap:7px}.stage-use-action{position:absolute;top:max(10px,calc(env(safe-area-inset-top) + 6px));left:50%;translate:-50% 0;z-index:4;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid rgba(222,186,122,.55);border-radius:999px;color:#1c1207;background:linear-gradient(180deg,#f0d49ba3,#d9b06a99);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}.stage-use-action:hover,.stage-use-action:focus-visible{filter:brightness(1.07)}.match-score-on-stage{position:relative}.match-score-on-stage .match-score{min-height:32px;border-color:#efe3ce47;color:#efe3ce;background:#18100a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.match-score-on-stage .match-score:hover,.match-score-on-stage .match-score:focus-visible{border-color:#efe3ce80;background:#18100ad1}.match-score-on-stage .match-score-why{right:0;left:auto;transform:none}.recommendation-curtain{display:none}.stage-nav{border-color:#efe3ce1f;background:#18100a42;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.72}.stage-nav:hover,.stage-nav:focus-visible{border-color:#efe3ce57;background:#18100a99;opacity:1}.recommendation-note-sheet{background:#1a110a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -10px 30px #00000052}.recommendation-note-sheet.is-open,.recommendation-stage.notes-open .recommendation-note-sheet{background:#1a110aed}.recommendation-stage.notes-open .recommendation-note-sheet{left:max(18px,calc(env(safe-area-inset-left) + 12px));right:max(18px,calc(env(safe-area-inset-right) + 12px));bottom:0;width:auto;max-height:calc(100% - max(72px,calc(env(safe-area-inset-top) + 56px)));translate:0;border:1px solid var(--border);border-bottom:0;border-radius:22px 22px 0 0;color:var(--text);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -22px 56px #00000080}.recommendation-stage.notes-open .recommendation-note-sheet-toggle{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);background:var(--surface)}.recommendation-stage.notes-open .recommendation-note-sheet-toggle strong{color:var(--accent-text)}.recommendation-stage.notes-open .recommendation-note-sheet-content{padding:12px clamp(12px,3.5vw,22px) clamp(16px,4vw,26px);gap:14px}.recommendation-stage.notes-open .recommendation-note-sheet-content>.recommendation-context{border-top-color:var(--border)}.recommendation-stage.notes-open .recommendation-note-sheet-content>.recommendation-context dt{color:var(--subtle)}.recommendation-stage.notes-open .recommendation-note-sheet-content>.recommendation-context dd,.recommendation-stage.notes-open .recommendation-note-sheet-content>.note-sheet-layer strong{color:var(--text)}.recommendation-stage.notes-open .recommendation-note-sheet-content>.note-sheet-layer,.recommendation-stage.notes-open .recommendation-note-sheet-content>.note-sheet-credit{color:var(--muted)}.recommendation-stage.notes-open .recommendation-note-sheet-content>.recommendation-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-stage.notes-open .recommendation-note-sheet-content>.recommendation-actions .button{border-color:var(--border-strong);color:var(--text);background:var(--surface-strong)}.recommendation-stage.notes-open .recommendation-note-sheet-content>.recommendation-actions .button.active{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.stage-notes-toggle{position:absolute;top:max(10px,calc(env(safe-area-inset-top) + 6px));left:max(12px,calc(env(safe-area-inset-left) + 12px));z-index:4;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;border:1px solid rgba(239,227,206,.28);border-radius:999px;color:#efe3ceb8;background:#18100a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.stage-notes-toggle.is-on{color:#efe3ce}.stage-notes-toggle:hover:not(:disabled),.stage-notes-toggle:focus-visible{border-color:#efe3ce80;background:#18100ad1}.stage-notes-toggle:disabled{opacity:.45;cursor:default}@media(max-width:760px){.stage-nav{top:auto;bottom:var(--stage-chrome-bottom, 56px);width:36px;height:36px;translate:0}.stage-top-actions{top:auto;bottom:var(--stage-chrome-bottom, 56px);right:max(52px,calc(env(safe-area-inset-right) + 52px))}.match-score-on-stage .match-score-why{top:auto;bottom:calc(100% + 8px)}.stage-notes-toggle{top:auto;bottom:var(--stage-chrome-bottom, 56px);left:max(52px,calc(env(safe-area-inset-left) + 52px))}.stage-artwork-note{top:calc(max(10px,calc(env(safe-area-inset-top) + 6px)) + 38px);bottom:auto;max-width:94%;font-size:8px;letter-spacing:.08em;line-height:1.3}}@media(hover:none)and (pointer:coarse){.stage-spotlight,.stage-hero-bottle svg,.stage-bottle-photo img,.detail-stage-bottle-photo,.recommendation-spray-mist{filter:none}.stage-use-action,.match-score-on-stage .match-score,.stage-nav,.recommendation-note-sheet,.stage-notes-toggle{backdrop-filter:none;-webkit-backdrop-filter:none}}.recommendation-card,.recommendation-visual,.stage-atmosphere{--gallery-ink: color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) 16%) 10%, #07100f );--gallery-ink-soft: color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) 28%) 12%, #18201e );--gallery-stone: color-mix( in srgb, hsl( var(--scene-hue) var(--scene-saturation) var(--scene-luminance) ) 6%, #464b47 );--gallery-stone-light: color-mix( in srgb, hsl(var(--scene-weather-hue) 18% 46%) calc(var(--scene-chill) * .3), #555a55 );--gallery-stone-shadow: color-mix( in srgb, var(--gallery-ink) var(--scene-context-depth), #4a4741 );--gallery-champagne: color-mix( in srgb, hsl(var(--scene-weather-hue) 36% 82%) calc(var(--scene-chill) * .5), color-mix( in srgb, hsl(var(--scene-hue) var(--scene-saturation) var(--scene-luminance)) 8%, #ead8b8 ) );--gallery-floor: color-mix( in srgb, var(--gallery-ink-soft) var(--scene-context-depth), #252522 )}.recommendation-visual{background:var(--gallery-ink)}.stage-studio-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--gallery-ink)}.stage-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse 76% 72% at 50% 28%,color-mix(in srgb,var(--gallery-champagne) 12%,transparent),transparent 66%),radial-gradient(ellipse 128% 98% at 50% 32%,transparent 32%,color-mix(in srgb,var(--gallery-ink) 82%,transparent) 100%),linear-gradient(180deg,var(--gallery-ink-soft),var(--gallery-ink))}.stage-atmosphere:before,.stage-sky{position:absolute;inset:0 0 19%;border-radius:0}.stage-atmosphere:before{content:"";background-image:var(--room, none),radial-gradient(ellipse 62% 84% at 100% 60%,hsl(var(--scene-fill-hue) 60% 62% / calc(var(--scene-fill) * .26)),transparent 68%),linear-gradient(180deg,transparent 76%,color-mix(in srgb,var(--gallery-ink) 34%,transparent) 92%,color-mix(in srgb,var(--gallery-ink) 62%,transparent) 100%),radial-gradient(ellipse 50% 29% at 50% 84%,color-mix(in srgb,var(--gallery-champagne) 40%,transparent),color-mix(in srgb,var(--gallery-champagne) 15%,transparent) 46%,transparent 74%),radial-gradient(ellipse 96% 104% at 50% 82%,var(--gallery-stone-light),var(--gallery-stone) 44%,var(--gallery-stone-shadow) 100%),linear-gradient(var(--scene-light-angle),var(--gallery-stone-shadow),var(--gallery-stone-light) 48%,var(--gallery-stone-shadow));box-shadow:0 34px 84px -54px #000000eb,inset 0 1px color-mix(in srgb,var(--gallery-champagne) 22%,transparent),inset 0 -42px 66px -54px #000000a8}.stage-atmosphere:after{content:"";position:absolute;right:-18%;bottom:-8%;left:-18%;height:38%;border-radius:50% 50% 0 0/24% 24% 0 0;background-image:var(--floor-sky, none),radial-gradient(ellipse 46% 34% at 50% 30%,color-mix(in srgb,var(--gallery-champagne) 26%,transparent),color-mix(in srgb,var(--gallery-champagne) 9%,transparent) 52%,transparent 78%),linear-gradient(180deg,color-mix(in srgb,var(--gallery-stone) 18%,transparent),transparent 26%),radial-gradient(ellipse 78% 82% at 50% 0%,color-mix(in srgb,var(--gallery-stone-shadow) 36%,var(--gallery-floor)),var(--gallery-floor) 62%,#020504 100%);box-shadow:inset 0 42px 70px -62px color-mix(in srgb,var(--gallery-champagne) 26%,transparent),inset 0 -42px 58px -48px #000000d6}.stage-sky{background-image:var(--window, none),var(--sky, none);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 64%);mask-image:linear-gradient(180deg,#000 30%,transparent 64%)}.stage-atmosphere[data-weather]>.stage-sky{background-color:hsl(var(--scene-sky-hue) var(--scene-sky-s) var(--scene-sky-l) / .9)}.stage-atmosphere[data-weather=klart]{--sun: hsl(44 90% 88% / calc(var(--scene-motif) * .6));--sky: radial-gradient( circle at 16% 13%, var(--sun), hsl(44 84% 82% / calc(var(--scene-motif) * .2)) 5%, transparent 24% ), linear-gradient( 118deg, transparent 24%, hsl(44 70% 84% / calc(var(--scene-motif) * .16)) 42%, transparent 60% );--floor-sky: radial-gradient( ellipse 50% 40% at 50% 34%, hsl(44 60% 84% / calc(var(--scene-motif) * .2)), transparent 70% )}.stage-atmosphere[data-weather=klart][data-daylight=night]{--sun: hsl(48 30% 92% / calc(var(--scene-motif) * .7));--sky: radial-gradient( circle at 16% 13%, var(--sun) 0 2.2%, hsl(48 30% 90% / calc(var(--scene-motif) * .16)) 3.4%, transparent 18% );--floor-sky: radial-gradient( ellipse 50% 40% at 50% 34%, hsl(220 30% 84% / calc(var(--scene-motif) * .1)), transparent 70% )}.stage-atmosphere[data-weather=skyet]{--cloud: hsl(var(--scene-sky-hue) 14% 86% / calc(var(--scene-motif) * .42));--cloud-soft: hsl(var(--scene-sky-hue) 14% 86% / calc(var(--scene-motif) * .2));--sky: radial-gradient(ellipse 24% 12% at 24% 22%, var(--cloud), var(--cloud-soft) 55%, transparent 100%), radial-gradient(ellipse 16% 9% at 38% 16%, var(--cloud), var(--cloud-soft) 55%, transparent 100%), radial-gradient(ellipse 24% 12% at 74% 30%, var(--cloud), var(--cloud-soft) 55%, transparent 100%), radial-gradient(ellipse 15% 8% at 88% 24%, var(--cloud-soft), transparent 100%)}.stage-atmosphere[data-weather=taake]{--mist: hsl(var(--scene-sky-hue) 12% 88% / calc(var(--scene-motif) * .34));--sky: linear-gradient( 180deg, hsl(var(--scene-sky-hue) 12% 88% / calc(var(--scene-motif) * .16)), var(--mist) 42%, var(--mist) 62%, transparent 92% );--floor-sky: linear-gradient( 180deg, hsl(var(--scene-sky-hue) 12% 88% / calc(var(--scene-motif) * .22)), transparent 60% )}.stage-atmosphere[data-weather=yr],.stage-atmosphere[data-weather=regn],.stage-atmosphere[data-weather=byger],.stage-atmosphere[data-weather=torden]{--drop: hsl(var(--scene-weather-hue) 32% 88% / calc(var(--scene-motif) * var(--rain-alpha)));--rain: repeating-linear-gradient(96deg, transparent 0 9px, var(--drop) 9px 10px), repeating-linear-gradient(98deg, transparent 0 17px, var(--drop) 17px 18px);--rain-alpha: .11;--sky: var(--rain);--floor-sky: radial-gradient( ellipse 52% 38% at 50% 32%, hsl(var(--scene-weather-hue) 32% 84% / calc(var(--scene-motif) * .26)), transparent 72% )}.stage-atmosphere[data-weather=yr]{--rain-alpha: .07}.stage-atmosphere[data-weather=byger]{--sky: var(--rain), linear-gradient( 120deg, transparent 20%, hsl(44 70% 84% / calc(var(--scene-motif) * .2)) 36%, transparent 54% )}.stage-atmosphere[data-weather=torden]{--rain-alpha: .14;--sky: var(--rain), radial-gradient( ellipse 58% 40% at 24% 4%, hsl(var(--scene-weather-hue) 40% 94% / calc(var(--scene-motif) * .36)), hsl(var(--scene-weather-hue) 40% 90% / calc(var(--scene-motif) * .1)) 40%, transparent 70% )}.stage-atmosphere[data-weather=sno]{--flake: hsl(0 0% 100% / calc(var(--scene-motif) * .72));--sky: radial-gradient(circle at 14% 24%, var(--flake) 0 2.6px, transparent 6px), radial-gradient(circle at 36% 10%, var(--flake) 0 2px, transparent 5px), radial-gradient(circle at 58% 30%, var(--flake) 0 3px, transparent 7px), radial-gradient(circle at 78% 16%, var(--flake) 0 2.2px, transparent 5.4px), radial-gradient(circle at 24% 50%, var(--flake) 0 1.8px, transparent 4.6px), radial-gradient(circle at 88% 42%, var(--flake) 0 2.5px, transparent 6px), radial-gradient(circle at 8% 60%, var(--flake) 0 2px, transparent 5px);--floor-sky: linear-gradient( 180deg, hsl(var(--scene-weather-hue) 20% 92% / calc(var(--scene-motif) * .22)), transparent 60% )}.stage-atmosphere[data-occasion=Kontor]{--window: repeating-linear-gradient( 178deg, transparent 0 20px, hsl(220 20% 8% / calc(var(--scene-motif) * .2)) 20px 24px ), linear-gradient( 150deg, hsl(210 30% 92% / calc(var(--scene-motif) * .16)), transparent 46% )}.stage-atmosphere[data-occasion=Kveld]{--bokeh: hsl(32 90% 72% / calc(var(--scene-motif) * .42));--bokeh-soft: hsl(32 90% 72% / calc(var(--scene-motif) * .14));--window: radial-gradient(circle at 20% 28%, var(--bokeh) 0 3%, var(--bokeh-soft) 4%, transparent 6.5%), radial-gradient(circle at 34% 12%, var(--bokeh) 0 2%, var(--bokeh-soft) 2.8%, transparent 4.4%), radial-gradient(circle at 70% 18%, var(--bokeh) 0 2.6%, var(--bokeh-soft) 3.6%, transparent 5.6%), radial-gradient(circle at 84% 38%, var(--bokeh) 0 1.6%, var(--bokeh-soft) 2.4%, transparent 3.8%), radial-gradient(circle at 56% 6%, var(--bokeh) 0 1.3%, var(--bokeh-soft) 2%, transparent 3.2%)}.stage-atmosphere[data-occasion=Formelt]{--room: linear-gradient( 115deg, transparent 32%, hsl(224 30% 92% / calc(var(--scene-motif) * .12)) 46%, transparent 60% )}.stage-atmosphere[data-occasion=Date]{--room: radial-gradient( ellipse 44% 30% at 50% 92%, hsl(20 80% 70% / calc(var(--scene-motif) * .28)), transparent 70% );--window: radial-gradient( ellipse 46% 30% at 12% 8%, hsl(344 60% 72% / calc(var(--scene-motif) * .3)), transparent 70% )}.stage-atmosphere[data-occasion=Trening]{--window: linear-gradient( 160deg, hsl(150 30% 92% / calc(var(--scene-motif) * .22)), transparent 55% )}.stage-atmosphere.is-entering{transform-origin:50% 82%;animation:stage-atmosphere-in 1.15s cubic-bezier(.32,.72,0,1) both}.stage-studio-backdrop.is-changing:after{content:"";position:absolute;inset:-10% -40%;background:linear-gradient(108deg,transparent 40%,rgba(246,231,204,.16) 50%,transparent 60%);animation:stage-light-sweep 1.15s cubic-bezier(.32,.72,0,1) both}@keyframes stage-atmosphere-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes stage-light-sweep{0%{transform:translate(-38%);opacity:0}35%{opacity:1}to{transform:translate(38%);opacity:0}}.stage-spotlight{position:absolute;z-index:1;top:2%;left:50%;width:min(92%,450px);height:80%;translate:-50% 0;pointer-events:none;background:radial-gradient(ellipse 35% 14% at 50% 10%,color-mix(in srgb,var(--gallery-champagne) 8%,transparent),transparent 100%),radial-gradient(ellipse 58% 68% at 36% 30%,color-mix(in srgb,var(--gallery-champagne) 9%,transparent),transparent 72%);clip-path:none}@media(max-width:760px){.page-today{background:linear-gradient(180deg,#0f1816,#07100f 62%,#030706)}.page-today .recommendation-card{position:relative;background:var(--gallery-ink)}.page-today .recommendation-card>.recommendation-visual{background:none}}@media(max-width:560px){.stage-atmosphere:after{right:-32%;left:-32%}}@media(max-height:480px){.stage-atmosphere:before,.stage-sky{inset:0 0 14%}.stage-atmosphere:after{height:34%}}.auth-page{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);background:radial-gradient(circle at 18% 16%,rgba(208,169,120,.24),transparent 32%),linear-gradient(135deg,#17120f,#2b211b 52%,#efe8de 52%,#f8f4ee)}.auth-language{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:2;width:140px}.auth-story,.auth-panel{display:flex;justify-content:center;flex-direction:column;padding:clamp(2rem,6vw,6rem)}.auth-story{color:#f8f2e9;max-width:760px}.auth-mark{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:1.5rem}.auth-kicker{margin:1.5rem 0 .7rem;color:#b9824d;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.auth-story h1{max-width:12ch;margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.6rem);font-weight:400;line-height:.98}.auth-story>p:not(.auth-kicker){max-width:38rem;color:#f8f2e9b8;font-size:1.1rem;line-height:1.7}.auth-story ul{display:grid;gap:.75rem;padding-left:1.2rem;color:#f8f2e9d1}.auth-panel{align-items:center}.auth-card{width:min(100%,460px);padding:clamp(1.5rem,4vw,3.25rem);border:1px solid rgba(63,44,31,.13);border-radius:1.4rem;background:#fffdf9eb;box-shadow:0 30px 80px #2e1d1229;color:#2c211b}.auth-card h2{margin:0 0 1.8rem;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400}.auth-card form{display:grid;gap:1rem}.auth-card label{display:grid;gap:.45rem;font-size:.84rem;font-weight:700}.auth-card input{width:100%;min-width:0;min-height:3.25rem;padding:.75rem .9rem;border:1px solid rgba(44,33,27,.22);border-radius:.65rem;background:#fff;color:#2c211b;font:inherit}.auth-card input:focus{border-color:#9b6435;outline:3px solid rgba(155,100,53,.16)}.auth-card small{color:#7d7068;font-weight:400}.auth-submit{min-height:3.35rem;margin-top:.4rem;border:0;border-radius:.65rem;background:#2e211a;color:#fff9f1;font:inherit;font-weight:700}.auth-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1rem}.auth-actions button,.account-strip button{border:0;background:transparent;color:#8a542d;font:inherit;text-decoration:underline;text-underline-offset:.2em}.auth-status{margin:0;padding:.8rem;border-radius:.5rem;background:#edf6ed;color:#244724}.auth-status-error{background:#fbe9e6;color:#7f291e}.auth-loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:1rem;background:#1d1612;color:#f8f2e9}.account-strip{position:fixed;z-index:120;top:.7rem;right:.8rem;display:flex;align-items:center;gap:.7rem;max-width:min(80vw,26rem);padding:.45rem .7rem;border:1px solid rgba(73,52,38,.16);border-radius:999px;background:color-mix(in srgb,var(--surface, #fff) 92%,transparent);box-shadow:0 6px 24px #1e140e1f;font-size:.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.account-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-strip small{color:var(--muted);font-size:.65rem;white-space:nowrap}@media(max-width:780px){.auth-page{grid-template-columns:1fr;background:#faf7f2}.auth-story{min-height:0;padding:1.5rem 1.4rem 1.4rem;background:linear-gradient(180deg,#17120f,#30231d)}.auth-story h1{margin:0;font-size:clamp(1.5rem,6.5vw,2.1rem)}.auth-story>p:not(.auth-kicker),.auth-story ul{display:none}.auth-mark{width:2.4rem;height:2.4rem;font-size:1.15rem}.auth-kicker{margin:.9rem 0 .45rem}.auth-panel{padding:1.2rem}}html[data-runtime=demo]{scroll-padding-bottom:190px}.demo-app-shell .page{padding-bottom:190px}.demo-app-shell .local-note{color:var(--accent-text);font-weight:750}.demo-toolbar{position:fixed;right:24px;bottom:max(18px,env(safe-area-inset-bottom));left:254px;z-index:42;min-width:0;min-height:64px;padding:9px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-strong));border-radius:18px;color:var(--text);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 18px 48px color-mix(in srgb,var(--text) 14%,transparent),inset 0 1px color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.demo-toolbar-status,.demo-toolbar-actions{min-width:0;display:flex;align-items:center}.demo-toolbar-status{gap:7px}.demo-badge,.demo-role{min-height:38px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;border-radius:12px;font-size:11px;font-weight:820;line-height:1.2;white-space:nowrap}.demo-badge{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--accent-text);background:var(--accent-soft)}.demo-role{color:var(--muted);background:var(--surface-strong)}.demo-toolbar-actions{justify-content:flex-start;gap:5px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.demo-toolbar-actions>button:first-child{margin-left:auto}.demo-toolbar-actions button{min-width:max-content;min-height:42px;padding:9px 11px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:12px;color:var(--muted);background:transparent;font-size:11px;font-weight:780;line-height:1;white-space:nowrap;transition:color .14s ease,background-color .14s ease,border-color .14s ease,transform .14s ease}.demo-toolbar-actions button:first-child{border-color:var(--accent-strong);color:var(--on-accent);background:var(--accent-strong)}.demo-toolbar-actions button:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-strong)}.demo-toolbar-actions button:first-child:hover{border-color:var(--accent-strong);color:var(--on-accent);background:color-mix(in srgb,var(--accent-strong) 88%,var(--text))}.demo-toolbar-actions button:active{transform:translateY(1px) scale(.985)}.demo-copy-status{position:absolute;bottom:calc(100% + 8px);left:12px;max-width:min(320px,calc(100vw - 32px));padding:9px 12px;border:1px solid var(--border-strong);border-radius:11px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-small);font-size:11px;font-weight:750;line-height:1.4}.demo-dialog .modal-content{min-height:0}.demo-dialog:not(.demo-help-dialog) .modal-content{padding:24px}.demo-help-dialog .modal-content{flex:1;overflow:hidden}.demo-help-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(200px,238px) minmax(0,1fr)}.demo-help-nav{min-width:0;padding:18px 14px 22px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch;gap:3px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 70%,var(--surface))}.demo-help-nav strong{margin:15px 8px 6px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.demo-help-nav strong:first-child{margin-top:2px}.demo-help-nav button{min-height:40px;padding:9px 10px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;font-size:11px;font-weight:750;line-height:1.25;text-align:left}.demo-help-nav button:hover{color:var(--text);background:var(--surface)}.demo-help-nav button.active{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));color:var(--accent-text);background:var(--accent-soft)}.demo-help-content{min-width:0;padding:26px 28px calc(30px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-padding-top:20px}.demo-help-content>section{padding:2px 0 22px}.demo-help-content>section+section{padding-top:22px;border-top:1px solid var(--border)}.demo-help-content h3,.demo-help-content h4,.demo-help-content p,.demo-help-content ol,.demo-help-content ul{margin-bottom:0}.demo-help-content h3{font-size:17px}.demo-help-content p,.demo-help-content li{color:var(--muted);font-size:12px;line-height:1.65}.demo-help-content ol,.demo-help-content ul{padding-left:21px}.demo-help-content li+li{margin-top:7px}.demo-help-section-title{margin-bottom:8px;display:flex;align-items:center;gap:8px;color:var(--accent-text)}.demo-help-section-title h3{margin:0;color:var(--text)}.demo-help-module-list{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.demo-help-module-list>article{min-width:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 58%,var(--surface));scroll-margin-top:18px}.demo-help-module-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.demo-help-module-list h4{color:var(--text);font-size:13px;line-height:1.25}.demo-help-module-list header span{flex:0 0 auto;padding:4px 7px;border-radius:8px;font-size:9px;font-weight:820;line-height:1.2;white-space:nowrap}.demo-help-module-list header .available{color:var(--positive);background:var(--positive-soft)}.demo-help-module-list header .planned{color:var(--warning);background:var(--warning-soft)}.demo-help-module-list p{margin-top:8px;font-size:11px}.demo-help-action-list{margin-top:12px;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}.demo-help-action-list li,.demo-help-action-list li+li{margin:0}.demo-help-action-list a{min-height:36px;padding:8px 10px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:10px;color:var(--accent-text);background:var(--accent-soft);font-size:10px;font-weight:780;line-height:1.25;text-decoration:none}.demo-help-action-list a:hover{border-color:var(--accent)}.demo-feedback-form{display:grid;gap:17px}.demo-feedback-form .form-error{margin:0}.demo-feedback-form .form-actions{margin-top:2px}.demo-honeypot{position:absolute;left:-10000px;width:1px;height:1px;margin:0;overflow:hidden}.demo-feedback-privacy,.demo-reset-copy{display:flex;align-items:flex-start;gap:11px;border-radius:13px}.demo-feedback-privacy{padding:13px 14px;border:1px solid color-mix(in srgb,var(--positive) 28%,var(--border));color:var(--positive);background:var(--positive-soft)}.demo-feedback-privacy svg,.demo-reset-copy svg{flex:0 0 auto;margin-top:1px}.demo-feedback-privacy p,.demo-reset-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.demo-feedback-context{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--border);gap:1px}.demo-feedback-context>div{min-width:0;padding:10px 11px;display:grid;gap:3px;background:var(--surface-strong)}.demo-feedback-context dt{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.demo-feedback-context dd{margin:0;overflow:hidden;color:var(--text);font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.demo-feedback-success{min-height:300px;display:grid;align-content:center;justify-items:center;gap:10px;color:var(--positive);text-align:center}.demo-feedback-success h3{margin:3px 0 0;color:var(--text);font-size:20px}.demo-feedback-success p{max-width:45ch;margin:0 0 8px;color:var(--muted);font-size:12px}.demo-feedback-receipt{width:min(100%,430px);display:grid;justify-items:center;gap:8px;padding:13px;border:1px solid color-mix(in srgb,var(--positive) 28%,var(--border));border-radius:13px;background:var(--positive-soft)}.demo-feedback-receipt strong{color:var(--text);font-size:11px}.demo-feedback-receipt code{max-width:100%;padding:5px 7px;overflow-wrap:anywhere;color:var(--text);font-size:10px;-webkit-user-select:all;user-select:all}.demo-feedback-receipt p{margin:0}.demo-reset-copy{padding:15px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--accent-text);background:var(--accent-soft)}.demo-reset-copy+.form-actions{margin-top:22px}.demo-tour{position:fixed;inset:0;z-index:90;pointer-events:none}.demo-tour-backdrop{position:fixed;inset:0;z-index:0;pointer-events:auto;background:transparent}.demo-tour--target-missing .demo-tour-backdrop{background:color-mix(in srgb,#0b1110 64%,transparent)}.demo-tour--interaction .demo-tour-backdrop{pointer-events:none}.demo-tour-spotlight{position:fixed;z-index:2;border:2px solid color-mix(in srgb,var(--accent) 82%,var(--surface));border-radius:18px;box-shadow:0 0 0 9999px color-mix(in srgb,#0b1110 64%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent),0 16px 42px color-mix(in srgb,#0b1110 28%,transparent);pointer-events:none;transition:top .18s ease,right .18s ease,bottom .18s ease,left .18s ease,width .18s ease,height .18s ease}.demo-tour-panel{position:fixed;top:max(calc(env(safe-area-inset-top) + 14px),min(calc(var(--demo-tour-target-bottom, 35dvh) + 14px),calc(100dvh - 340px - env(safe-area-inset-bottom))));left:clamp(16px,calc(var(--demo-tour-target-center-x, 50vw) - 195px),calc(100vw - 406px));z-index:4;width:min(390px,calc(100vw - 32px));max-height:min(320px,calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-strong));border-radius:18px;color:var(--text);background:var(--surface);box-shadow:0 28px 80px color-mix(in srgb,#07110e 42%,transparent);pointer-events:auto}.demo-tour--target-missing .demo-tour-panel{top:50%;left:50%;transform:translate(-50%,-50%)}.demo-tour-header{min-height:48px;padding:9px 10px 8px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.demo-tour-progress{color:var(--accent-text);font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.demo-tour-close{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;font-size:25px;line-height:1}.demo-tour-close:hover{border-color:var(--border);color:var(--text);background:var(--surface-strong)}.demo-tour-copy{padding:18px 18px 16px}.demo-tour-copy h2{margin:0;font-size:21px;line-height:1.12}.demo-tour-copy>p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.58}.demo-tour-copy .demo-tour-instruction,.demo-tour-copy .demo-tour-missing{padding:10px 11px;border-radius:11px;font-size:11px;font-weight:720}.demo-tour-copy .demo-tour-instruction{color:var(--accent-text);background:var(--accent-soft)}.demo-tour-copy .demo-tour-missing{color:var(--warning);background:var(--warning-soft)}.demo-tour-actions{margin-top:auto;padding:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 55%,var(--surface))}.demo-tour-secondary-actions{min-width:0;display:flex;flex-wrap:wrap;gap:3px}.demo-tour-action{min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:10px;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.demo-tour-action--quiet{color:var(--muted);background:transparent}.demo-tour-action--quiet:hover{border-color:var(--border);color:var(--text);background:var(--surface)}.demo-tour-action--primary{min-width:76px;border-color:var(--accent-strong);color:var(--on-accent);background:var(--accent-strong)}.demo-tour-action--primary:hover{background:color-mix(in srgb,var(--accent-strong) 88%,var(--text))}.demo-tour-action:active{transform:translateY(1px) scale(.985)}.demo-tour-target{outline:3px solid color-mix(in srgb,var(--accent) 86%,var(--surface));outline-offset:5px;scroll-margin-block:170px}body.demo-tour-open:has(.demo-tour--interaction) .app-shell :is(button,a[href],input,select,textarea,label,[role=button],[tabindex]):not(.demo-tour-target):not(.demo-tour-target *):not(.demo-tour *){pointer-events:none!important}@media(max-width:1340px)and (min-width:761px){.demo-toolbar{grid-template-columns:1fr}.demo-toolbar-actions>button:first-child{margin-left:0}.demo-app-shell .page{padding-bottom:230px}}@media(max-width:1040px)and (min-width:761px){.demo-toolbar{right:16px;bottom:16px;left:216px}}@media(max-width:760px){html[data-runtime=demo]{scroll-padding-bottom:calc(245px + env(safe-area-inset-bottom))}.demo-app-shell .page{padding-bottom:calc(250px + env(safe-area-inset-bottom))}.demo-toolbar{right:max(8px,env(safe-area-inset-right));bottom:calc(80px + env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));min-height:0;padding:9px;grid-template-columns:minmax(0,1fr);gap:7px;border-radius:16px}.demo-toolbar-status{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.demo-toolbar-status::-webkit-scrollbar{display:none}.demo-badge,.demo-role{min-height:34px;padding:7px 9px;font-size:10px}.demo-toolbar-actions{padding-bottom:2px;scroll-snap-type:x proximity}.demo-toolbar-actions>button:first-child{margin-left:0}.demo-toolbar-actions button{min-height:42px;scroll-snap-align:start}body.demo-tour-open:has(.demo-tour:not([data-step=demo]):not([data-step=role]):not([data-step=feedback])) .demo-toolbar{opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none!important}body.demo-tour-open:has(.demo-tour:not([data-step=demo]):not([data-step=role]):not([data-step=feedback])) .demo-toolbar *{pointer-events:none!important}.demo-dialog:not(.demo-help-dialog) .modal-content{padding:20px 16px calc(22px + env(safe-area-inset-bottom))}.demo-help-dialog .modal-content{min-height:0}.demo-help-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.demo-help-nav{padding:9px 10px 10px;overflow-x:auto;overflow-y:hidden;flex-direction:row;align-items:center;gap:5px;border-right:0;border-bottom:1px solid var(--border);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.demo-help-nav strong{display:none}.demo-help-nav button{min-width:max-content;min-height:38px;flex:0 0 auto;padding-inline:10px}.demo-help-content{padding:20px 16px calc(26px + env(safe-area-inset-bottom))}.demo-help-module-list,.demo-feedback-context{grid-template-columns:1fr}.demo-feedback-form .form-actions,.demo-reset-copy+.form-actions{flex-direction:column-reverse}.demo-feedback-form .form-actions .button,.demo-reset-copy+.form-actions .button{width:100%}.demo-feedback-success{min-height:260px}.demo-tour-panel{top:auto;right:max(8px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));width:auto;max-height:min(315px,calc(100dvh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border-radius:16px}.demo-tour[data-step=demo] .demo-tour-panel,.demo-tour[data-step=role] .demo-tour-panel,.demo-tour[data-step=feedback] .demo-tour-panel,.demo-tour--interaction .demo-tour-panel{top:calc(62px + env(safe-area-inset-top));bottom:auto;max-height:min(280px,calc(100dvh - 94px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.demo-tour.demo-tour--target-missing[data-step] .demo-tour-panel{inset:50% auto auto 50%;width:calc(100vw - 24px);transform:translate(-50%,-50%)}.demo-tour-copy{padding:15px 15px 13px}.demo-tour-copy h2{font-size:19px}.demo-tour-actions{grid-template-columns:1fr}.demo-tour-secondary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-tour-action{min-width:0;min-height:40px;padding-inline:7px}.demo-tour-action--primary{width:100%}.demo-tour-target{scroll-margin-block:310px}}@media(max-width:350px){.demo-toolbar-status{display:grid;grid-template-columns:1fr}.demo-badge,.demo-role{width:max-content;max-width:100%}.demo-tour-copy>p{font-size:11px}.demo-tour-secondary-actions{grid-template-columns:1fr 1fr}}@media(pointer:coarse){.demo-toolbar-actions button,.demo-help-nav button,.demo-help-action-list a,.demo-tour-action,.demo-tour-close{min-height:44px}.demo-tour-close{width:44px}}@media(prefers-reduced-motion:reduce){.demo-toolbar,.demo-toolbar-actions button,.demo-tour-spotlight,.demo-tour-panel,.demo-tour-action{scroll-behavior:auto;transition:none}}@media(prefers-reduced-transparency:reduce){.demo-toolbar{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(forced-colors:active){.demo-toolbar,.demo-tour-panel,.demo-help-module-list>article{border:2px solid CanvasText}.demo-tour-target{outline:4px solid Highlight}}@media print{.demo-toolbar,.demo-tour{display:none}}.card-main .perfume-visual--custom{overflow:hidden}.card-copy,.detail-identity>div,.history-copy,.modal-header>div,.settings-title>div,.share-choice>span,.layer-select label>span,.list-perfume-picker label>span,.shared-preview-copy{min-width:0}.tag,.detail-identity h3,.detail-identity p,.history-copy,.modal-header h2,.modal-header p,.shared-preview h2,.shared-preview-copy>p,.shared-preview-amount,.auth-loading p,.auth-status{max-width:100%;overflow-wrap:anywhere}.history-heading .toolbar-select,.history-heading select{min-width:0;max-width:100%}.recovery-banner{top:auto;margin-top:18px;margin-bottom:0}.text-import-form{padding:25px}.auth-loading{padding-inline:20px;text-align:center}.auth-loading p{width:min(100%,520px)}.demo-tour--panel-before-target .demo-tour-panel{top:auto;bottom:max(calc(env(safe-area-inset-bottom) + 14px),calc(100dvh - var(--demo-tour-target-top) + 14px))}.demo-app-shell .compare-tray,.demo-app-shell .toast{bottom:96px}@media(min-width:761px)and (max-width:1340px){.demo-app-shell .compare-tray,.demo-app-shell .toast{bottom:150px}}@media(min-width:761px){html:has(.demo-app-shell),body:has(.demo-app-shell){height:100%;overflow:hidden}.demo-app-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.demo-app-shell .main-stage{min-height:0;grid-row:1;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:16px}.demo-app-shell .demo-toolbar{position:relative;inset:auto;grid-row:2;margin:0 24px max(18px,env(safe-area-inset-bottom)) 254px}.demo-app-shell .page{padding-bottom:40px}}@media(min-width:761px)and (max-width:1040px){.demo-app-shell .demo-toolbar{margin-right:16px;margin-left:216px}}@media(min-width:761px)and (max-width:960px){.perfume-grid{grid-template-columns:minmax(0,1fr)}}@media(min-width:761px)and (max-width:1024px){.detail-hero{grid-template-columns:minmax(0,1fr)}}@media(min-width:761px)and (max-width:900px){.welcome-collection,.today-lower-grid,.usage-rotation,.profile-grid,.data-depth-panel,.profile-signals,.share-section{grid-template-columns:minmax(0,1fr)}.welcome-collection-visual{min-height:245px;grid-row:1}.recommendation-visual{min-height:270px}.profile-signal-list{grid-template-columns:minmax(0,1fr);border-top:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-left:0}.profile-signal-item{padding-inline:0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-signal-item:last-child{border-bottom:0}.share-choice-grid{border-top:1px solid var(--border);border-left:0}.follow-form{grid-template-columns:minmax(0,1fr)}.follow-form .button{width:100%}.follow-form .form-helper{grid-column:auto}.detail-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:430px){.card-main{grid-template-columns:96px minmax(0,1fr);align-items:center}.card-main .perfume-visual{width:96px;height:122px;border-radius:8px 8px 3px 3px}.recommendation-actions{grid-template-columns:minmax(0,1fr)}.recommendation-actions .button{justify-content:center;white-space:normal;line-height:1.25}.recommendation-context{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-context div:nth-child(3){grid-column:1 / -1;margin-top:12px;padding:12px 0 0;border-top:1px solid var(--border);border-right:0}.detail-identity{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px}.detail-identity .perfume-visual{width:88px;height:110px;border-radius:8px 8px 3px 3px}.detail-kicker{flex-wrap:wrap;row-gap:5px}.detail-actions{display:grid;grid-template-columns:minmax(0,1fr)}.detail-actions .button{white-space:normal;line-height:1.25}.history-heading{align-items:stretch;flex-direction:column;gap:12px}.history-heading .toolbar-select,.history-heading select{width:100%}.image-url-editor{grid-template-columns:minmax(0,1fr)}.image-url-editor .perfume-visual{justify-self:center}.image-url-input{grid-template-columns:20px minmax(0,1fr)}.image-url-input .image-action-buttons,.image-url-input .image-clear-button{grid-column:1 / -1;justify-content:center;min-height:44px}.image-url-input .image-action-buttons .image-action-button{flex:1 1 0;justify-content:center;min-height:44px}.install-dismiss{position:static;grid-column:1 / -1;justify-self:end;min-height:44px;padding:8px 5px}.text-import-intro{grid-template-columns:42px minmax(0,1fr)}.text-import-art{width:42px;height:42px}}@media(max-width:370px){.mobile-header{gap:2px;padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}.top-nav button{padding-inline:2px;font-size:8.5px}.brand.compact .app-brand-date{letter-spacing:.04em}.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.compare-check{grid-column:1 / -1;justify-content:center;border-bottom:1px solid var(--border)}.card-wishlist-action,.card-favorite-action{min-width:0;min-height:44px;padding-inline:8px}.card-actions svg{flex:0 0 auto}}@media(max-width:760px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:max(16px,1em)}html:has(.app-shell),body:has(.app-shell){height:100%;overflow:hidden}.authenticated-session{width:100%;height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden}.authenticated-app{min-height:0;overflow:hidden}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.app-shell>.mobile-header,.app-shell>.main-stage{min-width:0}.app-shell>.main-stage{grid-row:1}.app-shell>.mobile-header{grid-row:2}.authenticated-session .app-shell{height:100%}.demo-app-shell{grid-template-rows:minmax(0,1fr) auto auto}.account-strip{position:relative;z-index:40;top:auto;right:auto;min-width:0;width:100%;max-width:100%;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:max(.45rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .45rem max(1rem,env(safe-area-inset-left));border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none}.account-strip span{min-width:0}.account-strip button{flex:0 0 auto}.account-strip small{display:none}.mobile-header{position:relative;inset:auto}.main-stage{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:16px}.demo-app-shell .mobile-header{grid-row:2}.demo-app-shell .main-stage{grid-row:1;scroll-padding-bottom:16px}.demo-app-shell .demo-toolbar{position:relative;inset:auto;grid-row:3;border-inline:0;border-radius:0;box-shadow:0 -10px 28px color-mix(in srgb,var(--text) 10%,transparent)}body.demo-tour-open:has(.demo-tour:not([data-step=demo]):not([data-step=role]):not([data-step=feedback])) .demo-app-shell .demo-toolbar{display:none}.demo-app-shell .compare-tray,.demo-app-shell .toast{bottom:calc(180px + env(safe-area-inset-bottom))}.demo-app-shell .page,.page{padding-bottom:40px}.page-today,.demo-app-shell .page-today{padding-bottom:0}.recovery-banner{top:auto;margin-bottom:0}.profile-quick-nav{top:8px}.location-form{grid-template-columns:minmax(0,1fr)}.location-form>*,.location-form .button{min-width:0;max-width:100%}.location-form .button{white-space:normal;line-height:1.25}.text-import-form{padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.modal-open .main-stage{overflow:hidden}}@media(max-width:370px)and (max-height:650px){.demo-tour--interaction[data-step=open-perfume] .demo-tour-panel{max-height:none;overflow:visible}.demo-tour--interaction[data-step=open-perfume] .demo-tour-header{position:absolute;z-index:1;top:4px;right:4px;min-height:36px;padding:0;border:0}.demo-tour--interaction[data-step=open-perfume] .demo-tour-progress{display:none}.demo-tour--interaction[data-step=open-perfume] .demo-tour-close{width:36px;height:36px}.demo-tour--interaction[data-step=open-perfume] .demo-tour-copy{padding:10px 48px 10px 12px}.demo-tour--interaction[data-step=open-perfume] .demo-tour-copy h2{font-size:16px}.demo-tour--interaction[data-step=open-perfume] #demo-tour-description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-tour--interaction[data-step=open-perfume] .demo-tour-instruction{margin-top:5px;padding:6px 8px;line-height:1.2}.demo-tour--interaction[data-step=open-perfume] .demo-tour-actions{display:none}}@media(max-width:760px){.page-today .today-heading{padding:0;margin:0;min-height:0}.page-today .today-heading h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.public-product-page{--product-ink: #211d1b;--product-muted: #716966;--product-line: rgba(62, 48, 42, .13);--product-paper: rgba(255, 253, 249, .9);min-height:100vh;padding:clamp(18px,4vw,52px);color:var(--product-ink);background:radial-gradient(circle at 15% 12%,rgba(210,174,135,.2),transparent 32rem),radial-gradient(circle at 85% 34%,rgba(154,177,163,.18),transparent 34rem),#f5f1eb}.public-product-page a{color:inherit}.public-product-header,.public-product-card,.public-product-facts,.public-product-footer,.public-product-message section{width:min(1120px,100%);margin-inline:auto}.public-product-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(32px,6vw,72px)}.public-product-brand,.public-product-back{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.public-product-brand>span,.public-product-monogram{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--product-line);border-radius:50%;font-family:Georgia,serif;font-size:12px;letter-spacing:.08em;background:#ffffff94}.public-product-brand strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.public-product-back{color:var(--product-muted);font-size:14px;font-weight:650}.public-product-back:hover,.public-product-back:focus-visible,.public-product-reference a:hover,.public-product-reference a:focus-visible{color:#7a4e30}.public-product-card{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:clamp(34px,7vw,96px);align-items:center}.public-product-visual{min-height:min(62vw,580px);padding:clamp(18px,4vw,48px);overflow:hidden;border:1px solid rgba(255,255,255,.84);border-radius:34px;background:#ffffff75;box-shadow:0 28px 80px #4b3b321f}.public-product-visual>picture>img,.public-product-image-fallback{width:100%;height:100%;min-height:min(52vw,484px)}.public-product-visual>picture>img{display:block;object-fit:contain}.public-product-artwork-note{margin:12px 0 0;color:var(--product-muted);font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;text-align:center}.public-product-image-fallback{display:grid;place-items:center;border-radius:24px;color:#45352e9e;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.8),transparent 46%),linear-gradient(145deg,#d8c3ad6b,#a9beb24d)}.public-product-image-fallback span{display:grid;width:min(46vw,190px);aspect-ratio:.72;place-items:center;border:1px solid rgba(69,53,46,.18);border-radius:42px 42px 24px 24px;font-family:Georgia,serif;font-size:42px;letter-spacing:.08em;background:#ffffff7a;box-shadow:0 24px 54px #45352e1f}.public-product-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.public-product-status:before{width:7px;height:7px;border-radius:50%;content:"";background:currentColor}.public-product-status.verified{color:#326346;background:#58926821}.public-product-status.candidate{color:#825e2b;background:#bf8f4824}.public-product-house,.public-product-brand-name{margin:0;color:var(--product-muted);font-size:15px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.public-product-brand-name{margin-top:6px;font-size:13px;letter-spacing:.02em;text-transform:none}.public-product-brand-name span{font-weight:500}.public-product-identity h1{max-width:760px;margin:10px 0 18px;font-family:Georgia,serif;font-size:clamp(48px,7vw,94px);font-weight:400;line-height:.94;letter-spacing:-.045em}.public-product-reference{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0;font-size:17px}.public-product-reference span{color:var(--product-muted)}.public-product-reference a,.public-product-reference strong{font-weight:700}.public-product-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.public-product-meta span{padding:7px 10px;border:1px solid var(--product-line);border-radius:999px;color:var(--product-muted);font-size:12px}.public-product-candidate-note{max-width:590px;margin-top:24px;color:var(--product-muted);line-height:1.65}.public-product-facts{margin-top:clamp(72px,11vw,140px);padding:clamp(28px,5vw,64px);border:1px solid rgba(255,255,255,.86);border-radius:32px;background:var(--product-paper);box-shadow:0 26px 80px #4b3b3214}.public-product-facts header span{color:var(--product-muted);font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.public-product-facts h2{margin:8px 0 34px;font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400}.public-product-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid var(--product-line)}.public-product-fact-grid>div{padding:22px 18px}.public-product-fact-grid>div+div{border-left:1px solid var(--product-line)}.public-product-fact-grid dt,.public-product-notes h3,.public-product-accords h3{margin:0 0 9px;color:var(--product-muted);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.public-product-fact-grid dd{margin:0;font-size:17px;font-weight:700}.public-product-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:38px}.public-product-accords{margin-top:32px;padding-top:30px;border-top:1px solid var(--product-line)}.public-product-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:44px 0 16px;color:var(--product-muted);font-size:13px}.public-product-footer p{max-width:680px;margin:0;line-height:1.6}.public-product-message{display:grid;align-content:center}.public-product-message>.public-product-back{position:absolute;top:clamp(18px,4vw,52px);left:clamp(18px,4vw,52px)}.public-product-message section{text-align:center}.public-product-message h1{margin:24px 0 10px;font-family:Georgia,serif;font-size:clamp(36px,6vw,68px);font-weight:400}.public-product-message p{margin:0;color:var(--product-muted)}@media(max-width:760px){.public-product-header{align-items:flex-start}.public-product-brand strong{display:none}.public-product-card{grid-template-columns:1fr}.public-product-visual,.public-product-visual>picture>img,.public-product-image-fallback{min-height:420px}.public-product-identity h1{font-size:clamp(46px,16vw,72px)}.public-product-fact-grid,.public-product-notes{grid-template-columns:1fr}.public-product-fact-grid>div+div{border-top:1px solid var(--product-line);border-left:0}.public-product-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.public-product-page *,.public-product-page *:before,.public-product-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reference-bottle-thumb{flex:0 0 auto;display:inline-flex;align-items:flex-end;justify-content:center;width:30px;height:40px;margin-inline-end:8px}.detail-reference-slot>p.reference-scent{min-width:0}.reference-bottle-thumb picture,.reference-bottle-thumb img,.reference-bottle-thumb svg{display:block;width:100%;height:100%;object-fit:contain}.reference-bottle-thumb img{border-radius:4px}.admin-products-page{min-height:100vh;padding:clamp(24px,5vw,64px);color:#27211e;background:#f4f0e9}.admin-products-page>p,.admin-products-page>h1,.admin-products-page>a,.admin-products-page>button,.admin-products-header,.admin-products-summary,.admin-products-queue,.admin-products-suggestions,.admin-products-pagination{width:min(1080px,100%);margin-inline:auto}.admin-products-page a{color:#5f402d}.admin-products-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.admin-products-header>div>span{display:block;margin-top:30px;color:#756a64;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.admin-products-header h1{margin:8px 0 12px;font-family:Georgia,serif;font-size:clamp(42px,7vw,76px);font-weight:400}.admin-products-header p{max-width:680px;color:#6f6660;line-height:1.6}.admin-products-page button{padding:10px 16px;border:1px solid #2d4f42;border-radius:999px;color:#fff;background:#2d4f42;font:inherit;font-weight:700;cursor:pointer}.admin-products-page button.secondary{color:#2d4f42;background:transparent}.admin-products-page button:disabled{cursor:not-allowed;opacity:.55}.admin-products-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;overflow:hidden;border:1px solid rgba(67,52,45,.13);border-radius:22px;background:#43342d21}.admin-products-summary div{display:grid;gap:3px;padding:22px;background:#fffdf9f2}.admin-products-summary strong{font-family:Georgia,serif;font-size:32px;font-weight:400}.admin-products-summary span{color:#756a64;font-size:13px}.admin-products-queue,.admin-products-suggestions{margin-top:64px}.admin-products-queue>h2,.admin-products-suggestions>h2{font-family:Georgia,serif;font-size:34px;font-weight:400}.admin-product-card{margin-top:18px;padding:clamp(22px,4vw,38px);border:1px solid rgba(67,52,45,.13);border-radius:24px;background:#fffdf9eb;box-shadow:0 18px 50px #48372e12}.admin-product-card header{display:flex;justify-content:space-between;gap:20px}.admin-product-card header span,.admin-product-card header p{color:#756a64}.admin-product-card h2,.admin-product-card h3{margin:5px 0;font-family:Georgia,serif;font-size:36px;font-weight:400}.admin-contribution-card .admin-product-actions{grid-template-columns:max-content}.admin-product-card header p{margin:0;font-size:12px}.admin-product-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border-block:1px solid rgba(67,52,45,.13)}.admin-product-card dl div{padding:16px 12px}.admin-product-card dt{color:#756a64;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.admin-product-card dd{margin:6px 0 0;font-weight:700}.admin-product-reference{color:#6f6660}.admin-current-product{margin:20px 0;color:#6f6660}.admin-product-editor{margin:28px 0 0;padding:22px;border:1px solid rgba(67,52,45,.13);border-radius:18px}.admin-product-editor legend{padding-inline:8px;color:#5f402d;font-weight:750}.admin-product-identity-lock{margin:0 0 18px;color:#756a64;line-height:1.5}.admin-product-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-product-editor label{display:grid;align-content:start;gap:7px;color:#756a64;font-size:12px;font-weight:700}.admin-product-editor input,.admin-product-editor textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid rgba(67,52,45,.2);border-radius:10px;color:#27211e;background:#fff;font:inherit;font-size:14px;font-weight:500}.admin-product-editor textarea{resize:vertical}.admin-product-editor input:disabled{color:#6f6660;background:#eee8df}.admin-product-editor-wide{grid-column:1 / -1}.admin-product-editor small{color:#857972;font-weight:500}.admin-product-actions{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:14px;align-items:end;margin-top:24px}.admin-product-actions label{display:grid;gap:6px;color:#756a64;font-size:12px;font-weight:700}.admin-product-actions input{min-width:0;padding:10px 12px;border:1px solid rgba(67,52,45,.2);border-radius:10px;background:#fff;font:inherit}.admin-product-error{color:#962f2f}.admin-suggestion-card{margin-top:12px;padding:clamp(20px,4vw,34px);border:1px solid rgba(67,52,45,.13);border-radius:22px;background:#fffdf9d1}.admin-suggestion-card>header{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}.admin-suggestion-card>header strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.admin-suggestion-card>header p{margin:0;color:#756a64}.admin-suggestion-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-suggestion-products>section{display:grid;align-content:start;padding:20px;border:1px solid rgba(67,52,45,.13);border-radius:16px;background:#fff}.admin-suggestion-products>section>span,.admin-suggestion-products>section>p{color:#756a64}.admin-suggestion-products h3{margin:5px 0;font-family:Georgia,serif;font-size:28px;font-weight:400}.admin-suggestion-products>section>p{margin:0}.admin-suggestion-products dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.admin-suggestion-products dt{color:#857972;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.admin-suggestion-products dd{margin:4px 0 0;overflow-wrap:anywhere;font-size:13px;font-weight:700}.admin-suggestion-target{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(67,52,45,.13);color:#2d4f42;font-weight:750;cursor:pointer}.admin-suggestion-target input{width:18px;height:18px;accent-color:#2d4f42}.admin-suggestion-decision{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.admin-suggestion-decision p{margin:0;color:#756a64;overflow-wrap:anywhere}.admin-products-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(67,52,45,.13);color:#756a64}.admin-products-pagination small{flex:1}.admin-products-pagination div{display:flex;gap:10px}@media(max-width:720px){.admin-products-header,.admin-product-card header,.admin-products-pagination{flex-direction:column}.admin-products-pagination{align-items:stretch}.admin-products-summary,.admin-product-card dl,.admin-product-actions,.admin-product-editor-grid,.admin-suggestion-products,.admin-suggestion-products dl{grid-template-columns:1fr}.admin-suggestion-card>header,.admin-suggestion-decision{align-items:stretch;flex-direction:column}}.camera-guide-modal{width:min(480px,100%);height:min(760px,calc(100dvh - 56px))}.camera-guide-modal .modal-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:14px;padding:16px 18px max(16px,env(safe-area-inset-bottom))}.camera-guide-stage{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;align-items:center;width:100%}.camera-guide-frame{position:relative;flex:1 1 auto;min-height:140px;width:100%;max-width:420px;border-radius:18px;overflow:hidden;background:#101817;outline:3px solid transparent;transition:outline-color .2s ease}.camera-guide-frame.is-ready{outline-color:var(--positive)}.camera-guide-frame video{width:100%;height:100%;object-fit:cover}.camera-guide-zone{position:absolute;inset:7% 12%;border:2px dashed rgba(255,255,255,.55);border-radius:16px;pointer-events:none}.camera-guide-frame.is-ready .camera-guide-zone{border-color:var(--positive);border-style:solid}.camera-guide-starting{position:absolute;inset:0;display:grid;place-items:center;color:#ffffffd9;margin:0}.camera-guide-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;justify-content:center;align-content:center}.camera-guide-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--muted);background:var(--surface-strong)}.camera-guide-chip.is-good{color:var(--positive);background:var(--positive-soft)}.camera-guide-chip.is-warn{color:var(--warning);background:var(--warning-soft)}.camera-guide-controls{flex:0 0 auto;height:186px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;width:100%}.camera-guide-chips,.camera-guide-status,.camera-guide-shutter{flex:0 0 auto}.camera-guide-status{margin:0;text-align:center;min-height:2.6em;display:flex;align-items:center}.camera-guide-shutter{width:100%;max-width:420px;min-height:58px;font-size:1.02rem;justify-content:center}.camera-guide-fallback{display:flex;align-items:flex-start;gap:8px;margin:0}