:root{--font-editorial: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--ui-page: #f8f5ef;--ui-surface: #fffdf9;--ui-surface-muted: #f4f0e9;--ui-surface-subtle: #faf7f2;--ui-border: color-mix(in srgb, #a99f91 24%, transparent);--ui-border-strong: color-mix(in srgb, #8f8578 34%, transparent);--ui-text: #191c28;--ui-text-muted: #667085;--ui-text-soft: #8a8f9c;--ui-action: var(--color-botanical, #2f8a6d);--ui-action-hover: var(--color-botanical-dark, #1f5f49);--ui-personal: var(--color-primary, #2f3fa9);--ui-warm: var(--color-amber, #c97232);--ui-radius-sm: 10px;--ui-radius-md: 14px;--ui-radius-lg: 18px;--ui-radius-xl: 24px;--ui-radius-pill: 999px;--ui-shadow-1: 0 2px 8px rgba(32, 27, 20, .04);--ui-shadow-2: 0 8px 24px rgba(32, 27, 20, .06);--ui-shadow-3: 0 14px 34px rgba(32, 27, 20, .08);--ui-space-1: .25rem;--ui-space-2: .5rem;--ui-space-3: .75rem;--ui-space-4: 1rem;--ui-space-5: 1.5rem;--ui-space-6: 2rem;--ui-space-7: 3rem;--ui-control-height: 44px;--ui-control-height-lg: 52px;--ui-transition: .16s ease}html[data-theme=dark],body[data-theme=dark],.theme--dark{--ui-page: #090d18;--ui-surface: #121827;--ui-surface-muted: #181f31;--ui-surface-subtle: #101625;--ui-border: color-mix(in srgb, #c4cbe0 18%, transparent);--ui-border-strong: color-mix(in srgb, #c4cbe0 28%, transparent);--ui-text: #f4f6fb;--ui-text-muted: #b5bdd0;--ui-text-soft: #8f99b2;--ui-shadow-1: 0 2px 8px rgba(0, 0, 0, .18);--ui-shadow-2: 0 8px 24px rgba(0, 0, 0, .24);--ui-shadow-3: 0 14px 34px rgba(0, 0, 0, .3)}:root,html[data-theme=light],html[data-theme=dark],body[data-theme=light]:not(.theme--warm),body[data-theme=dark]:not(.theme--warm){--color-background: var(--ui-page);--color-surface: var(--ui-surface);--color-elevated: var(--ui-surface);--color-border: var(--ui-border);--color-outline: var(--ui-border-strong);--surface-page: var(--ui-page);--surface-muted: var(--ui-surface-muted);--surface-card: var(--ui-surface);--surface-border: var(--ui-border);--color-text: var(--ui-text);--color-text-muted: var(--ui-text-muted);--shadow-soft: var(--ui-shadow-2);--shadow-sm: var(--ui-shadow-1);--radius-sm: var(--ui-radius-sm);--radius-md: var(--ui-radius-md);--radius-lg: var(--ui-radius-lg);--type-eyebrow-size: var(--ui-type-eyebrow, .75rem);--type-h1-size: var(--ui-type-h1, clamp(2rem, 4vw, 3.2rem));--type-h2-size: var(--ui-type-h2, clamp(1.45rem, 2.5vw, 2rem));--type-body-size: var(--ui-type-body, 1rem);--type-body-line-height: var(--ui-line-copy, 1.65);--type-small-size: var(--ui-type-small, .875rem);--theme-page-background: var(--ui-page);--theme-panel-background: var(--ui-surface);--theme-accent-panel-background: var(--ui-surface);--theme-muted-background: var(--ui-surface-muted);--theme-panel-border: var(--ui-border);--theme-panel-border-soft: var(--ui-border);--theme-hover-border: var(--ui-border-strong);--theme-panel-shadow: var(--ui-shadow-1);--theme-panel-shadow-strong: var(--ui-shadow-2);--transition-base: var(--ui-transition)}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-1);color:var(--ui-text)}.ui-card--interactive{transition:border-color var(--ui-transition),box-shadow var(--ui-transition),transform var(--ui-transition)}.ui-card--interactive:focus-within{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-2)}@media(hover:hover)and (pointer:fine){.ui-card--interactive:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-2);transform:translateY(-1px)}}.ui-button{min-height:var(--ui-control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);padding:.7rem 1rem;border:1px solid transparent;border-radius:var(--ui-radius-md);background:transparent;color:var(--ui-text);font:inherit;font-weight:650;line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition)}.ui-button--primary{background:var(--ui-action);color:#fff}.ui-button--primary:is(:hover,:focus-visible){background:var(--ui-action-hover);color:#fff}.ui-button--secondary{background:var(--ui-surface);border-color:var(--ui-border-strong)}.ui-button--secondary:is(:hover,:focus-visible){background:var(--ui-surface-subtle);border-color:color-mix(in srgb,var(--ui-action) 24%,var(--ui-border-strong))}.ui-button--ghost{border-color:transparent}.ui-button--ghost:is(:hover,:focus-visible){background:var(--ui-surface-muted)}@media(hover:hover)and (pointer:fine){.ui-button--primary:hover,.ui-button--secondary:hover{transform:translateY(-1px)}}.ui-icon-button{width:var(--ui-control-height);height:var(--ui-control-height);display:inline-grid;place-items:center;padding:0;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-1);font:inherit;cursor:pointer;transition:background-color var(--ui-transition),border-color var(--ui-transition),box-shadow var(--ui-transition)}.ui-icon-button:is(:hover,:focus-visible){border-color:var(--ui-border-strong);background:var(--ui-surface-subtle)}.ui-input,.ui-search-box{min-height:var(--ui-control-height-lg);width:100%;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text);box-shadow:none;transition:border-color var(--ui-transition),box-shadow var(--ui-transition),background-color var(--ui-transition)}.ui-input{padding:.75rem .9rem;font:inherit;outline:none}.ui-input:focus,.ui-search-box:focus-within{border-color:color-mix(in srgb,var(--ui-action) 55%,var(--ui-border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-action) 14%,transparent)}.ui-input::placeholder{color:var(--ui-text-soft)}.ui-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:34px;padding:.35rem .72rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface-subtle);color:var(--ui-text);font:inherit;font-size:.875rem;font-weight:550;line-height:1;text-decoration:none}.ui-chip--active{border-color:color-mix(in srgb,var(--ui-action) 28%,var(--ui-border));background:color-mix(in srgb,var(--ui-action) 9%,var(--ui-surface));color:var(--ui-action-hover)}.ui-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .58rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-muted);color:var(--ui-text-muted);font-size:.76rem;font-weight:650;line-height:1}.ui-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--ui-space-4);margin-bottom:var(--ui-space-4)}.ui-section-heading__title{margin:0;color:var(--ui-text);font-family:var(--font-editorial);font-weight:600;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.ui-section-heading__description{margin:.35rem 0 0;max-width:65ch;color:var(--ui-text-muted);font-size:.94rem;line-height:1.55;text-wrap:pretty}.ui-tabs{display:flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface-subtle)}.ui-tab{min-height:38px;padding:.5rem .85rem;border:0;border-radius:var(--ui-radius-pill);background:transparent;color:var(--ui-text-muted);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.ui-tab[aria-selected=true],.ui-tab.is-active{background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-1)}.ui-metric{display:grid;grid-template-columns:minmax(7rem,auto) 1fr auto;align-items:center;gap:.65rem}.ui-metric__track{height:6px;overflow:hidden;border-radius:var(--ui-radius-pill);background:color-mix(in srgb,var(--ui-text) 8%,var(--ui-surface-muted))}.ui-metric__fill{height:100%;border-radius:inherit;background:var(--ui-action)}.ui-person-chip{display:inline-flex;align-items:center;gap:.65rem;min-height:42px;padding:.3rem .75rem .3rem .35rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);color:var(--ui-text);text-decoration:none}.ui-person-chip :is(img,.ui-person-chip__avatar){width:32px;height:32px;border-radius:50%;object-fit:cover}.ui-illustration,.scent-illustration{--illustration-size: 48px;width:var(--illustration-size);height:var(--illustration-size);display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--ui-action) 12%,var(--ui-border));border-radius:var(--ui-radius-md);background:color-mix(in srgb,var(--ui-action) 7%,var(--ui-surface))}:is(.ui-illustration,.scent-illustration) img{max-width:78%;max-height:78%;object-fit:contain}.ui-illustration--hero{--illustration-size: 78px;border-radius:var(--ui-radius-lg)}.ui-perfume-card{display:grid;grid-template-rows:minmax(170px,1fr) auto;overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-1)}.ui-perfume-card__media{display:grid;place-items:center;padding:1.25rem;background:var(--ui-surface-subtle)}.ui-perfume-card__media img{width:100%;height:100%;max-height:220px;object-fit:contain}.ui-perfume-card__body{padding:1rem;border-top:1px solid var(--ui-border)}.ui-scent-card{display:flex;align-items:center;gap:.9rem;min-height:88px;padding:.85rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-1);text-decoration:none}.ui-empty-state{display:grid;justify-items:center;gap:.65rem;padding:1.75rem;border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface-subtle);color:var(--ui-text-muted);text-align:center}.ui-popover{padding:.75rem .9rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-2)}body{background-color:var(--ui-page)}body :is(.button,.btn){border-radius:var(--ui-radius-pill);box-shadow:none}body :is(.button--primary,.btn--primary){background-image:none;background-color:var(--ui-action);color:#fff}body :is(.button--primary,.btn--primary):is(:hover,:focus-visible){background-color:var(--ui-action-hover);box-shadow:none}body :is(.button--secondary,.btn--secondary){background-image:none;background-color:var(--ui-surface);border-color:var(--ui-border-strong);color:var(--ui-text)}body :is(.form-input,.form-select,.form-textarea,.search-input,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-color:var(--ui-border-strong);box-shadow:none}body :is(.chip,.mini-pill,.accord-chip,.filter-chip,.brand-chip){border-color:var(--ui-border);box-shadow:none}body .card{border-color:var(--ui-border);box-shadow:var(--ui-shadow-1)}body :is(.card__media,.article-card,.article-card__media){background-image:none!important}body .article-card:before{background-image:none!important;background-color:var(--article-accent, var(--ui-warm))!important;opacity:.62}body :is(.site-header:after,.nav__link:after){display:none!important}body .site-header:before{opacity:.24!important}body .nav__links{box-shadow:var(--ui-shadow-1)!important}body .nav__link:is(:hover,:focus-visible){box-shadow:none!important}body .perfume-card.ui-card{background-image:none;background-color:var(--ui-surface);border-color:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-1)}body .perfume-card.ui-card:is(:hover,:focus-within){border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-2)}@media(hover:hover)and (pointer:fine){body .perfume-card.ui-card:hover{transform:translateY(-1px)}}body .perfume-card .perfume-card__media{background-image:none;background-color:var(--ui-surface-subtle);border-color:var(--ui-border)}body .perfume-card .perfume-card__note-icon.scent-illustration{--illustration-size: 38px;padding:4px;border-radius:var(--ui-radius-sm)}@media(prefers-reduced-motion:reduce){:is(.ui-card--interactive,.ui-button,.ui-input,.ui-search-box,body .card,body .perfume-card){transition:none!important}}
