@font-face{font-family:Inter;src:url(/assets/inter-latin-ext-variable-DO1Apj_S.woff2)format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fraunces-latin-ext-variable-YHFkNujK.woff2)format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--font-heading:"Fraunces", Georgia, serif;--font-interface:"Inter", system-ui, sans-serif;--color-canvas:#f5f0e6;--color-surface:#fffdf8;--color-ink:#201b17;--color-ink-muted:#67594e;--color-line:#cfc1ae;--color-line-strong:#9f8e7b;--color-accent:#80551c;--color-accent-soft:#eadcc4;--color-fresh:#376c80;--color-warning:#93452f;--color-success:#386b4b;--color-focus:#155a72;--color-overlay:#201b1794;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-pill:999px;--line:1px solid var(--color-line);--focus-ring:0 0 0 3px var(--color-canvas), 0 0 0 6px var(--color-focus);--motion-fast:.16s;--motion-standard:.19s;--content-width:68rem;font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at 82% 2%, #9a6a2514, transparent 26rem), var(--color-canvas);font-family:var(--font-interface);margin:0;line-height:1.55;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}::selection{color:var(--color-surface);background:var(--color-accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-sm);min-height:44px;color:var(--color-surface);background:var(--color-ink);transition:transform var(--motion-fast) ease;padding:.65rem 1rem;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.app-header{z-index:30;min-height:64px;padding:var(--space-2) var(--space-4);border-bottom:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e6f0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-ink);text-decoration:none;display:inline-flex}.brand__mark{border:1px solid var(--color-accent);width:36px;height:36px;color:var(--color-accent);font-family:var(--font-heading);border-radius:50% 50% 44% 44%;place-items:center;font-size:1.3rem;display:grid}.brand__name{font-family:var(--font-heading);font-variation-settings:"opsz" 24;letter-spacing:-.025em;font-size:1.35rem;font-weight:560}.app-main{width:min(calc(100% - 2rem), var(--content-width));padding:var(--space-8) 0 calc(6rem + env(safe-area-inset-bottom));outline:none;margin:0 auto}.page{min-width:0}.page-header{max-width:48rem;margin-bottom:var(--space-8)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:760}h1,h2,h3{color:var(--color-ink);font-family:var(--font-heading);font-variation-settings:"opsz" 48, "SOFT" 40;margin-top:0;font-weight:520;line-height:1.06}h1{margin-bottom:var(--space-4);letter-spacing:-.045em;font-size:clamp(2.55rem,12vw,5.5rem)}h1:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px;box-shadow:none}h2{margin-bottom:var(--space-3);letter-spacing:-.025em;font-size:clamp(1.7rem,6vw,2.4rem)}h3{margin-bottom:var(--space-2);font-size:1.25rem}p{margin-top:0}.lede{max-width:43rem;color:var(--color-ink-muted);margin-bottom:0;font-size:clamp(1rem,2.5vw,1.15rem)}.primary-nav{z-index:25;padding:var(--space-2) max(var(--space-2), env(safe-area-inset-right)) max(var(--space-2), env(safe-area-inset-bottom)) max(var(--space-2), env(safe-area-inset-left));border-top:var(--line);background:#fffdf8f7;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #201b170f}.primary-nav__link{min-height:48px;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-ink-muted);transition:color var(--motion-fast) ease, background var(--motion-fast) ease;justify-content:center;align-items:center;font-size:.83rem;font-weight:680;text-decoration:none;display:flex}.primary-nav__link[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft)}.secondary-menu{position:relative}.secondary-menu__button,.back-button,.icon-button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);min-width:44px;min-height:44px;color:var(--color-ink);background:var(--color-surface);cursor:pointer;display:inline-flex}.secondary-menu__button svg,.back-button svg{width:20px;height:20px}.secondary-menu__panel{top:calc(100% + var(--space-2));width:min(15rem,100vw - 2rem);padding:var(--space-2);border:var(--line);border-radius:var(--radius-md);background:var(--color-surface);position:absolute;right:0;box-shadow:0 18px 40px #201b1729}.secondary-menu__panel a{min-height:44px;padding:.65rem var(--space-3);border-radius:var(--radius-sm);text-decoration:none;display:block}.secondary-menu__panel a:hover,.secondary-menu__panel a[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft)}.back-button{margin-bottom:var(--space-6);padding:0 var(--space-4)}.editorial-grid{gap:var(--space-4);display:grid}.card{min-width:0;padding:var(--space-6);border:var(--line);border-radius:var(--radius-md);background:#fffdf8c2}.card--accent{border-color:color-mix(in srgb, var(--color-accent), var(--color-line) 50%);background:linear-gradient(145deg, var(--color-surface), #f0e4d2)}.card__kicker{margin-bottom:var(--space-2);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:760}.action-row,.chip-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.section-gap{margin-top:var(--space-6)}.split-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.detail-bottle{width:6rem;height:9rem;margin-bottom:var(--space-4);object-fit:contain}.button,.action-link,.chip{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:44px;transition:transform var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;font-weight:700;text-decoration:none;display:inline-flex}.button,.action-link{border:1px solid var(--color-accent);color:var(--color-surface);background:var(--color-accent);cursor:pointer;padding:.65rem 1.1rem}.button--secondary,.action-link--secondary{color:var(--color-accent);background:0 0}.button--danger{border-color:var(--color-warning);background:var(--color-warning)}.button:not(:disabled):hover,.action-link:not([aria-disabled=true]):hover{transform:translateY(-1px)}.button:disabled,.action-link[aria-disabled=true],.chip:disabled{opacity:.55;cursor:not-allowed}.button[aria-busy=true]:before,.action-link[aria-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:.8rem;height:.8rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.chip{border:var(--line);color:var(--color-ink-muted);background:var(--color-surface);cursor:pointer;padding:.55rem .9rem}.chip[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.field{gap:var(--space-2);display:grid}.field__label{font-weight:700}.field__control{width:100%;min-height:48px;padding:.7rem var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.field__control[aria-invalid=true]{border-color:var(--color-warning)}.field__hint,.field__error{margin:0;font-size:.875rem}.field__hint{color:var(--color-ink-muted)}.field__error{color:var(--color-warning);font-weight:650}.status-badge{border-radius:var(--radius-pill);min-height:28px;color:var(--color-fresh);border:1px solid;align-items:center;padding:.2rem .65rem;font-size:.78rem;font-weight:720;display:inline-flex}.status-badge--warning{color:var(--color-warning)}.status-badge--success{color:var(--color-success)}.network-banner{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border:var(--line);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);display:flex}.network-banner:before{content:"●";color:var(--color-fresh)}.network-banner--error,.network-banner--conflict{border-color:color-mix(in srgb, var(--color-warning), var(--color-line) 45%);background:color-mix(in srgb, var(--color-warning), var(--color-surface) 96%)}.network-banner--error:before,.network-banner--conflict:before{color:var(--color-warning);content:"!";font-weight:900}.app-shell>.network-banner{z-index:20;padding-inline:max(var(--space-4), calc((100% - var(--content-width)) / 2));border-width:0 0 1px;border-radius:0;margin:0;font-size:.875rem;position:relative}.update-prompt{z-index:80;right:var(--space-4);bottom:calc(5.5rem + env(safe-area-inset-bottom));left:var(--space-4);max-width:34rem;padding:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);margin-inline:auto;position:fixed;box-shadow:0 12px 36px #201b172e}.update-prompt p{margin-bottom:var(--space-3);font-weight:680}.update-prompt .action-row{justify-content:flex-end}.empty-state{padding:var(--space-12) var(--space-6);border-block:var(--line);text-align:center}.empty-state p{max-width:34rem;margin-right:auto;margin-bottom:var(--space-6);color:var(--color-ink-muted);margin-left:auto}.dialog-backdrop{z-index:80;padding:var(--space-4);background:var(--color-overlay);align-items:end;display:grid;position:fixed;inset:0}.dialog{width:min(100%,34rem);max-height:calc(100vh - 2rem);padding:var(--space-6);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface);margin:0 auto;overflow-y:auto}.dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dialog__close{flex:none}.feature-list,.settings-list{border-block:var(--line);grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.settings-list li{min-width:0}input[type=file]{box-sizing:border-box;max-width:100%;display:block}.feature-list li,.settings-list li{padding:var(--space-4) 0;border-bottom:var(--line)}.feature-list li:last-child,.settings-list li:last-child{border-bottom:0}.collection-preview{align-items:end;gap:var(--space-3);min-height:10rem;margin:var(--space-6) 0;padding:var(--space-4);border-block:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.collection-preview img{object-fit:contain;width:100%;height:7rem}.count-row{margin:var(--space-6) 0 0;border-block:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.count-row div{min-width:0;padding:var(--space-4) var(--space-2);text-align:center}.count-row div+div{border-left:var(--line)}.count-row dt{color:var(--color-ink-muted);text-transform:uppercase;font-size:.7rem}.count-row dd{margin:var(--space-1) 0 0;font-family:var(--font-heading);font-size:1.8rem}.session-lock{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.session-lock__card{gap:var(--space-3);border:var(--line);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,32rem);padding:clamp(1.5rem,7vw,3rem);display:grid}.logout-dialog{gap:var(--space-4);display:grid}.logout-dialog__summary{gap:var(--space-2);padding:var(--space-3) 0;border-block:var(--line);margin:0;display:grid}.logout-dialog__summary div{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.logout-dialog__summary dt{color:var(--color-ink-muted)}.logout-dialog__summary dd{margin:0;font-weight:700}.logout-dialog__discard{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);display:grid}.logout-dialog__discard h3{margin:0;font-size:1rem}.login-shell{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-card{border:var(--line);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,32rem);padding:clamp(1.5rem,7vw,3.5rem)}.login-card .login-note{color:var(--color-ink-muted);font-size:.9rem}.recommendation-controls{margin-bottom:var(--space-6)}.recommendation-form{gap:var(--space-4);display:grid}.recommendation-form label{gap:var(--space-2);font-weight:700;display:grid}.time-source-row{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.recommendation-results{gap:var(--space-4);display:grid}.recommendation-card h3{margin-bottom:0}.score-grid,.application-grid{margin:var(--space-4) 0;border-block:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.score-grid div,.application-grid div{min-width:0;padding:var(--space-3);border-bottom:var(--line)}.score-grid div:nth-child(odd),.application-grid div:nth-child(odd){border-right:var(--line)}.score-grid dt,.application-grid dt{color:var(--color-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:760}.score-grid dd,.application-grid dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-weight:720}.score-grid__penalty{color:var(--color-warning)}.recommendation-card__explanation{color:var(--color-ink-muted)}.recommendation-warning,.gym-rule{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning), var(--color-line) 55%);border-radius:var(--radius-sm);color:var(--color-ink);background:color-mix(in srgb, var(--color-warning), var(--color-surface) 94%)}.recommendation-warning ul,.recommendation-reasons ul,.recommendation-exclusions ul{margin-bottom:0;padding-left:1.25rem}.gym-rule{margin-bottom:var(--space-6);font-weight:800}.recommendation-reasons,.recommendation-exclusions{margin-top:var(--space-4)}.recommendation-reasons summary,.recommendation-exclusions summary{min-height:44px;padding-block:var(--space-3);color:var(--color-accent);cursor:pointer;font-weight:720}.recommendation-empty{padding:var(--space-6);border:var(--line);border-radius:var(--radius-md);color:var(--color-ink-muted);background:#fffdf8a3;margin:0}.section-header{max-width:43rem;margin:var(--space-12) 0 var(--space-6)}.section-header>p:last-child{color:var(--color-ink-muted)}.layering-global-rule{margin-bottom:var(--space-8);padding:var(--space-4);border-block:1px solid var(--color-warning);color:var(--color-ink);background:color-mix(in srgb, var(--color-warning), var(--color-surface) 95%)}.layering-list,.avoidance-rule-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.layering-card__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.layering-profile{margin:var(--space-5) 0;border-block:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.layering-profile div{min-width:0;padding:var(--space-3);border-bottom:var(--line)}.layering-profile div:nth-child(odd){border-right:var(--line)}.layering-profile dt{color:var(--color-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:760}.layering-profile dd{margin:var(--space-1) 0 0;font-weight:680}.layering-application{margin-top:var(--space-6)}.layering-card h4{margin:0 0 var(--space-2);color:var(--color-ink);font-size:1rem}.layering-application ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.layering-application li{gap:var(--space-3);grid-template-columns:2rem minmax(0,1fr);align-items:start;display:grid}.layering-application li>span:last-child,.layering-application li>span:last-child>span{display:grid}.layering-application li>span:last-child>span{color:var(--color-ink-muted)}.layering-application__order{border:1px solid var(--color-accent);width:2rem;height:2rem;color:var(--color-accent);border-radius:50%;place-items:center;font-weight:800;display:grid}.layering-separation-note{margin:var(--space-4) 0 0;color:var(--color-ink-muted);font-size:.88rem}.layering-details{margin-top:var(--space-5);border-top:var(--line)}.layering-details summary{min-height:44px;padding-block:var(--space-4);color:var(--color-accent);cursor:pointer;font-weight:720}.layering-details__content{gap:var(--space-4);display:grid}.layering-details__content section{padding-top:var(--space-2)}.layering-details__content h3{margin-bottom:var(--space-2)}.layering-details__content ul{margin:0;padding-left:1.25rem}.layering-avoidance{padding:var(--space-4);border-block:1px solid color-mix(in srgb, var(--color-warning), var(--color-line) 45%);background:color-mix(in srgb, var(--color-warning), var(--color-surface) 95%)}.layering-provenance{color:var(--color-ink-muted);font-size:.85rem}.layering-provenance code{color:var(--color-accent)}.layering-rules{margin-top:var(--space-12)}.avoidance-rule-list__status{color:var(--color-warning);margin-bottom:0;font-size:.85rem;font-weight:760}.collection-header,.detail-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.collection-filters{gap:var(--space-3);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.collection-search{grid-column:1/-1}.fragrance-grid{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.fragrance-card{border:var(--line);border-radius:var(--radius-md);background:#fffdf8c7;overflow:hidden}.fragrance-card__main{gap:var(--space-4);min-height:44px;padding:var(--space-4);grid-template-columns:5.5rem minmax(0,1fr);text-decoration:none;display:grid}.fragrance-card__copy{min-width:0}.fragrance-card h2{margin-bottom:var(--space-2);font-size:1.55rem}.fragrance-image{object-fit:contain;width:100%;height:8rem}.fragrance-image--placeholder{border:var(--line);border-radius:50% 50% var(--radius-md) var(--radius-md);min-width:4.5rem;color:var(--color-accent);background:var(--color-accent-soft);font-family:var(--font-heading);place-items:center;font-size:1.8rem;display:grid}.fragrance-facts,.detail-facts{gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fragrance-facts div,.detail-facts div{min-width:0}.fragrance-facts dt,.detail-facts dt{color:var(--color-ink-muted);text-transform:uppercase;font-size:.72rem;font-weight:760}.fragrance-facts dd,.detail-facts dd{overflow-wrap:anywhere;margin:0}.fragrance-card__actions{align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--line);flex-wrap:wrap;display:flex}.fragrance-card__actions label{gap:var(--space-1);color:var(--color-ink-muted);font-size:.78rem;font-weight:700;display:grid}.fragrance-card__actions select{min-height:44px;padding:0 var(--space-3);border:var(--line);border-radius:var(--radius-pill);background:var(--color-surface)}.form-alert{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning), var(--color-line) 45%);border-radius:var(--radius-sm);color:var(--color-warning);background:color-mix(in srgb, var(--color-warning), var(--color-surface) 95%)}.detail-hero{gap:var(--space-6);padding-block:var(--space-6);border-block:var(--line);grid-template-columns:minmax(7rem,12rem) minmax(0,1fr);align-items:center;display:grid}.detail-hero>*{min-width:0}@media (width<=23rem){.detail-hero{grid-template-columns:minmax(0,1fr)}.detail-bottle{height:11rem}}.detail-bottle{width:100%;height:14rem;margin:0}.detail-section{margin-top:var(--space-12)}.accord-list{gap:var(--space-3);display:grid}.accord-bar{gap:var(--space-3);grid-template-columns:3.5rem minmax(0,1fr);align-items:center;display:grid}.accord-bar__image{background:var(--color-accent-soft);border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;display:grid;overflow:hidden}.accord-bar__image img{object-fit:cover;width:100%;height:100%}.accord-bar__track,.weight-meter{border-radius:var(--radius-pill);background:var(--color-line);height:.55rem;display:block;overflow:hidden}.accord-bar__track span,.weight-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--color-fresh), var(--color-accent));height:100%;display:block}.note-pyramid{gap:var(--space-2);max-width:42rem;display:grid}.note-pyramid>div{padding:var(--space-4);border:var(--line);background:var(--color-surface);text-align:center}.note-pyramid>div:first-child{margin-inline:18%}.note-pyramid>div:nth-child(2){margin-inline:9%}.note-pyramid h3,.note-pyramid p{margin-bottom:0}.weight-meter{margin-top:var(--space-4)}.context-list{margin-bottom:var(--space-4)}.context-list ul{margin-top:0}.editor-duplicate{margin-bottom:var(--space-4)}.editor-steps ol{gap:var(--space-2);margin:0 0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.editor-step{align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-2);border:var(--line);border-radius:var(--radius-sm);color:var(--color-ink-muted);background:var(--color-surface);cursor:pointer;text-align:left;display:flex}.editor-step>span{border:1px solid;border-radius:50%;flex:0 0 1.8rem;place-items:center;height:1.8rem;display:grid}.editor-step--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.editor-form{gap:var(--space-6);display:grid}.editor-panel{min-width:0;padding:var(--space-6);border:var(--line);border-radius:var(--radius-md);background:#fffdf8b8;margin:0}.editor-panel[hidden]{display:none}.editor-panel>legend{padding-inline:var(--space-2);color:var(--color-ink);font-family:var(--font-heading);font-size:1.7rem}.form-grid{gap:var(--space-4);display:grid}.field textarea{resize:vertical;min-height:7rem}.choice-group{min-width:0;padding:var(--space-4);border:var(--line);border-radius:var(--radius-sm);margin:0}.choice-group>legend{padding-inline:var(--space-2);font-weight:700}.choice-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.check{align-items:center;gap:var(--space-2);min-height:44px;display:flex}.check input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.error-summary{padding:var(--space-4);border:2px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-surface)}.error-summary h2{font-size:1.4rem}.error-summary:focus{outline:3px solid var(--color-focus);outline-offset:3px}.editor-actions{justify-content:space-between;gap:var(--space-3);display:flex}.visual-editor{gap:var(--space-6);display:grid}.visual-preview{min-height:15rem;padding:var(--space-4);border:var(--line);background:var(--color-canvas);place-items:center;display:grid}.visual-preview .fragrance-image{max-width:14rem;height:14rem}@media (width>=48rem){.collection-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-search{grid-column:span 2}.fragrance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-steps ol{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-step{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.form-grid>.choice-group,.form-grid>.field:has(textarea)){grid-column:1/-1}.visual-editor{grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr)}.recommendation-form{grid-template-columns:repeat(2,minmax(0,1fr))}.layering-list{gap:var(--space-6)}.avoidance-rule-list,.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-backdrop{align-items:center}.dialog{border-radius:var(--radius-md)}}@media (width>=64rem){.app-header{min-height:72px;padding-inline:var(--space-8)}.app-main{padding:var(--space-12) 0 var(--space-12) 12rem}.primary-nav{top:7rem;bottom:auto;right:auto;left:max(var(--space-8), calc(50% - 34rem));border-top:0;border-left:1px solid var(--color-line);width:9rem;box-shadow:none;background:0 0;grid-template-columns:9rem;padding:0}.primary-nav__link{padding-inline:var(--space-4);justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sync-status{align-items:center;gap:var(--space-3);padding:var(--space-2) max(var(--space-4), calc((100% - var(--content-width)) / 2));border-bottom:var(--line);background:var(--color-surface);flex-wrap:wrap;font-size:.8125rem;display:flex}.sync-status__counts{color:var(--color-ink-muted);flex:14rem;margin:0}.sync-status__error{color:var(--color-warning);flex:100%;margin:0;font-weight:640}.sync-status__link{color:var(--color-accent);font-weight:680}.sync-status .button{min-height:2.75rem;padding-block:var(--space-2)}.conflict-list{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.conflict-list__item{padding:var(--space-4);border:var(--line);border-radius:var(--radius-sm);background:var(--color-canvas)}.conflict-list__kind{color:var(--color-ink-muted)}.conflict-list__diff{gap:var(--space-3);margin:var(--space-3) 0;display:grid}.conflict-list__diff dt{color:var(--color-ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.conflict-list__diff dd{margin:0;font-weight:640}.conflict-list__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.conflict-list__actions button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit;font-weight:640}.conflict-list__actions button[disabled]{opacity:.55}@media (width>=40rem){.conflict-list__diff{grid-template-columns:1fr 1fr}}