:root{--page:#f4f6f5;--surface:#fff;--surface-alt:#f8faf9;--surface-sunk:#ebf0ee;--ink:#111917;--ink-soft:#2c3e38;--ink-faint:#4b5a55;--line:#d0dcd7;--line-strong:#a8bbb5;--accent:#0c6658;--accent-hover:#084d43;--accent-wash:#dceee9;--accent-soft:#4fa292;--link:#0c6658;--signal:#d85d3f;--signal-wash:#f9e6e0;--brand-facebook-bg:#1877f2;--brand-facebook-fg:#fff;--star:#f2a828;--star-empty:#fff;--star-empty-line:#b5bac3;--good:#24733c;--good-wash:#e5f3ea;--warn:#96610a;--warn-wash:#f6eedd;--bad:#b03428;--bad-wash:#f8eae7;--font-body:"Avenir Next", Avenir, "Helvetica Neue", sans-serif;--fs-xs:.8rem;--fs-sm:.88rem;--fs-base:.98rem;--fs-md:1.05rem;--fs-lg:1.2rem;--fs-xl:1.45rem;--fs-2xl:clamp(1.45rem, 1.25rem + .8vw, 1.85rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.75rem;--s7:2.5rem;--s8:3.5rem;--radius:6px;--radius-sm:4px;--radius-lg:8px;--logo-plate:#eaefef;--logo-plate-line:#ccd6d1;--logo-paper:#fff;--accent-contrast:#fff;--bad-contrast:#fff;--header-h:71px;--shell:1200px}body.dark-mode{--page:#15181b;--surface:#1e2227;--surface-alt:#262b32;--surface-sunk:#2c323b;--ink:#f1f3f5;--ink-soft:#c8cdd5;--ink-faint:#9ea6b2;--line:#333842;--line-strong:#484f5c;--logo-plate:#22262c;--logo-plate-line:#3d4450;--accent:#e9785f;--accent-hover:#f0917b;--accent-wash:#33231d;--accent-soft:#b85a44;--accent-contrast:#15181b;--bad-contrast:#15181b;--link:#6fb2e4;--star:#f5b740;--star-empty:#2f343a;--star-empty-line:#565c65;--good:#64b57f;--good-wash:#1e2a21;--warn:#d8a552;--warn-wash:#2a2213;--bad:#dd7c6e;--bad-wash:#2c1d19}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.005em;font-weight:600;line-height:1.25}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:2px}::selection{background:var(--accent-wash);color:var(--ink)}.shell{width:100%;max-width:var(--shell);padding-inline:var(--s4);margin-inline:auto}@media (min-width:720px){.shell{padding-inline:var(--s5)}}.main-content{min-height:70vh;padding-block:var(--s5) var(--s8)}.section{margin-block-start:var(--s7)}.section:first-child{margin-block-start:0}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s4);border-block-end:2px solid var(--ink);margin-block-end:var(--s4);padding-block-end:var(--s2);display:flex}.section-title{align-items:center;gap:var(--s2);font-size:var(--fs-lg);letter-spacing:-.01em;font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:1px;flex-shrink:0;width:4px;height:1em}.section-desc{color:var(--ink-soft);font-size:var(--fs-sm);max-width:60ch;margin-block-start:var(--s1)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:600;display:inline-block}.page-title{letter-spacing:-.02em;margin-block:var(--s1) var(--s2);font-size:clamp(2rem,3.5vw,3rem);font-weight:650}.home-page-title{letter-spacing:0;color:var(--ink-soft);margin:0;font-size:1.1rem;font-weight:600}.char-counter{text-align:end;color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-block-start:.25rem;display:block}.eyebrow{color:var(--signal)}.site-header{z-index:50;background:var(--surface);border-block-start:4px solid var(--accent);border-block-end:1px solid var(--line-strong);position:sticky;top:0;overflow-x:clip;box-shadow:0 4px 20px #17211e0f}.header-inner{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;min-width:0;padding-block:.75rem;display:flex}.header-search-strip{background:var(--surface-alt);border-block-start:1px solid var(--line);padding-block:.5rem}.logo{align-items:center;line-height:1;text-decoration:none;display:inline-flex}.site-logo-img{object-fit:contain;width:auto;max-width:190px;height:42px;display:block}.site-logo-img.dark-only,body.dark-mode .site-logo-img.light-only{display:none}body.dark-mode .site-logo-img.dark-only{display:block}.logo em{color:var(--signal);font-style:normal}.header-search{flex:1 0 100%;order:3;max-width:none;position:relative}@media (min-width:880px){.header-search{flex:auto;order:0;max-width:480px}}.field{align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);min-height:42px;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.field input{min-width:0;font-size:var(--fs-sm);background:0 0;border:none;outline:none;flex:1}.field input::placeholder{color:var(--ink-faint)}.field .icon{color:var(--ink-faint);flex-shrink:0}.site-nav{align-items:center;gap:var(--s3);margin-inline-start:auto;display:flex}.lang-badge{font-size:var(--fs-xs);border-radius:var(--radius);background:var(--surface-sunk);color:var(--ink-soft);border:1px solid var(--line);letter-spacing:.06em;-webkit-user-select:none;user-select:none;padding:3px 7px;font-weight:700;line-height:1}@media (min-width:880px){.site-nav{gap:var(--s4)}}.mobile-menu-toggle,.icon-btn.mobile-menu-toggle{display:none!important}@media (min-width:769px) and (max-width:914px){.site-nav{gap:var(--s3)}}@media (min-width:769px) and (max-width:849px){.site-nav .nav-link-late{display:none}.mobile-menu-toggle,.icon-btn.mobile-menu-toggle{display:grid!important}.mobile-nav-links .mobile-nav-early{display:none}}@media (min-width:850px){.mobile-nav-panel,.mobile-nav-backdrop{display:none!important}}@media (max-width:768px){:root{--header-h:77px}.header-inner{gap:var(--s2);flex-wrap:nowrap;padding-block:.5rem}.site-nav{flex:none;margin-inline-start:0}.site-nav>:not(.mobile-menu-toggle){display:none}.mobile-menu-toggle,.icon-btn.mobile-menu-toggle{display:grid!important}.icon-btn.mobile-menu-toggle{width:40px;height:40px}.site-header .logo{flex:auto;min-width:0}.site-header .site-logo-img{object-position:left center;width:100%;max-width:300px;height:auto;max-height:56px}.login-btn,.icon-btn{width:32px;height:32px;min-height:32px;padding:0}}.header-main{z-index:1;background:var(--surface);position:relative}.mobile-nav-backdrop{inset:var(--header-h) 0 0;z-index:0;cursor:default;background:#17211e47;border:0;padding:0;position:fixed}.mobile-nav-panel{inset-inline:0;z-index:2;pointer-events:none;position:absolute;top:100%}.mobile-nav-links{pointer-events:auto;width:min(360px,100%);padding:var(--s2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);max-height:calc(100dvh - var(--header-h) - var(--s4));flex-direction:column;gap:2px;margin:6px 0 0 auto;display:flex;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.mobile-only-group{display:contents}@media (min-width:769px){.mobile-only-group{display:none}}.mobile-nav-link{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--ink-soft);font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background:var(--surface-alt);color:var(--accent)}.mobile-nav-link.active{background:var(--accent-wash);color:var(--accent)}button.mobile-nav-link{text-align:start;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}button.mobile-nav-link:hover,button.mobile-nav-link:active{background:var(--surface-alt)}.mobile-menu-divider{background:var(--line);height:1px;margin:var(--s2) var(--s3)}.mobile-account-card{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);min-width:0;display:flex}.mobile-account-card .user-info-text{min-width:0}.mobile-account-card .user-info-text span{font-size:var(--fs-xs);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-login-link{color:var(--accent)}.mobile-signout-btn{color:var(--bad)}.nav-link{font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap;font-weight:600;transition:color .15s}.nav-link:hover{color:var(--accent)}.nav-link.active{color:var(--accent);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.icon-btn{border-radius:var(--radius);width:38px;height:38px;color:var(--ink-soft);border:1px solid var(--line);place-items:center;display:grid}.icon-btn:hover{border-color:var(--line-strong);color:var(--ink)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--ink);color:var(--surface);white-space:nowrap;border-radius:var(--radius-sm,4px);pointer-events:none;opacity:0;visibility:hidden;z-index:100;padding:.35rem .55rem;font-size:.72rem;font-weight:500;line-height:1.2;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)translateY(-3px);box-shadow:0 4px 14px #0003}[data-tooltip]:before{content:"";border:5px solid #0000;border-bottom-color:var(--ink);pointer-events:none;opacity:0;visibility:hidden;z-index:101;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(-3px)}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}body.dark-mode [data-tooltip]:after{color:#e8f0ed;background:#253832;border:1px solid #ffffff1f}body.dark-mode [data-tooltip]:before{border-bottom-color:#253832}@media (hover:none){[data-tooltip]:after,[data-tooltip]:before{display:none!important}}.cat-strip{background:var(--ink);border-block-end:1px solid var(--line)}.cat-strip-inner{align-items:center;gap:var(--s2);scrollbar-width:none;padding-block:var(--s2);display:flex;overflow-x:auto}.cat-strip-inner::-webkit-scrollbar{display:none}.cat-link{font-size:var(--fs-sm);color:#d9e3df;white-space:nowrap;border-radius:var(--radius);padding:.15rem .5rem;transition:background .12s,color .12s}.cat-link:hover{color:#fff;background:#ffffff1a}.header-search,.header-search-full{width:100%;max-width:100%;position:relative}.search-field-full{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);min-height:44px;padding:.5rem .85rem;box-shadow:inset 0 1px 2px #0000000a}.search-field-full:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash), 0 2px 8px #0000000d}.autocomplete{inset-inline:0;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);overscroll-behavior:contain;z-index:60;max-height:70vh;position:absolute;top:calc(100% + 4px);overflow-y:auto;box-shadow:0 12px 32px #00000029}.ac-ai-trigger{align-items:center;gap:var(--s3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-block-end:1px solid var(--line-strong);width:100%;color:var(--accent);font-size:var(--fs-sm);cursor:pointer;text-align:start;z-index:1;background:linear-gradient(90deg,#0f4c5c1a 0%,#e3641414 100%);padding:.7rem .85rem;font-weight:600;transition:background .15s;display:flex;position:sticky;inset-block-start:0}.ac-ai-trigger:hover:not(:disabled){background:linear-gradient(90deg,#0f4c5c2e 0%,#e3641426 100%)}.ac-ai-trigger:disabled{cursor:default;color:var(--ink-faint);background:var(--surface-alt,var(--surface));font-weight:500}.ac-ai-trigger-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ac-ai-shortcut{align-items:center;gap:var(--s3);border:none;border-block-end:1px solid var(--line-strong);width:100%;color:var(--accent);font-size:var(--fs-sm);cursor:pointer;text-align:start;background:linear-gradient(90deg,#0f4c5c14 0%,#e364140f 100%);padding:.65rem .85rem;transition:background .15s;display:flex}.ac-ai-shortcut:hover{background:linear-gradient(90deg,#0f4c5c24 0%,#e364141f 100%)}.ac-section{border-block-end:1px solid var(--line)}.ac-section:last-child{border-block-end:none}.ac-pill-list{background:var(--surface);flex-wrap:wrap;gap:.35rem;padding:.5rem .75rem;display:flex}.ac-pill-btn{border:1px solid var(--line-strong);background:var(--surface-alt);font-size:var(--fs-xs);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-weight:500;transition:all .12s;display:inline-flex}.ac-pill-btn:hover{background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}.ac-accord-pill{color:var(--signal);background:#e364140f;border-color:#e3641440}.ac-accord-pill:hover{border-color:var(--signal);color:var(--signal);background:#e3641426}.ac-ai-loading{color:var(--accent);font-size:var(--fs-xs);background:var(--surface-alt);border-block-end:1px solid var(--line);align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;display:flex}.ac-ai-section .ac-group-title{color:var(--accent);background:linear-gradient(90deg,#0f4c5c14 0%,#e364140f 100%);justify-content:space-between;align-items:center;font-weight:700;display:flex}.ac-ai-badge{text-transform:none;letter-spacing:normal;color:var(--ink-faint);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.15rem .45rem;font-size:.68rem;font-weight:500}.ac-group-title{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface-alt);padding:var(--s2) var(--s3);font-weight:600}.ac-item{align-items:center;gap:var(--s3);text-align:start;width:100%;padding:var(--s2) var(--s3);cursor:pointer;border-block-end:1px solid var(--line);display:flex}.ac-item:hover{background:var(--surface-alt)}.ac-thumb{object-fit:contain;background:var(--surface-alt);border-radius:3px;flex-shrink:0;width:32px;height:32px}.ac-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.ac-name{font-size:var(--fs-sm);font-weight:500;display:block}.ac-meta{font-size:var(--fs-xs);color:var(--ink-faint)}.ac-ai-tag{letter-spacing:.04em;color:var(--accent);background:var(--accent-wash);border:1px solid var(--accent);border-radius:4px;flex-shrink:0;margin-inline-start:auto;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.card-ai-tag{letter-spacing:.05em;color:var(--accent);background:var(--accent-wash);border:1px solid var(--accent);border-radius:3px;flex-shrink:0;padding:.1rem .35rem;font-size:.62rem;font-weight:700;line-height:1.4}.ac-empty{padding:var(--s4);text-align:center;color:var(--ink-faint);font-size:var(--fs-sm)}.ai-search-banner{border-radius:var(--radius);background:linear-gradient(135deg,#0f4c5c14 0%,#e3641412 100%);border:1px solid #0f4c5c40;flex-direction:column;gap:.35rem;margin-block-end:1.25rem;padding:.85rem 1.1rem;display:flex}.ai-banner-header{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);align-items:center;gap:.45rem;font-weight:700;display:flex}.ai-banner-text{font-size:var(--fs-sm);color:var(--ink);margin:0;line-height:1.45}.btn{justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--radius);font-size:var(--fs-sm);white-space:nowrap;border:1px solid #0000;padding:.5rem 1rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--ink)}.btn-sm{font-size:var(--fs-xs);padding:.3rem .65rem}.btn[disabled]{opacity:.5;cursor:not-allowed}.link-more{font-size:var(--fs-sm);color:var(--accent);align-items:center;gap:var(--s1);white-space:nowrap;font-weight:600;display:inline-flex}.link-more:hover{color:var(--accent-hover)}.tag{font-size:var(--fs-xs);border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--surface-alt);white-space:nowrap;border-radius:3px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-weight:500;display:inline-flex}.tag-family{background:var(--accent-wash);color:var(--accent);border-color:#0000;font-weight:600}.tag-choice{white-space:normal;text-align:start;cursor:pointer;max-width:100%}.tag-row{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.score{border-radius:var(--radius);color:#fff;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;min-width:2.4rem;padding:.2rem .4rem;line-height:1;display:inline-flex}.score-num{font-size:var(--fs-md);font-weight:700}.score-cap{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-block-start:2px;font-size:.55rem}.score-hi{background:var(--good)}.score-mid{background:var(--warn)}.score-lo{background:var(--bad)}.score-lg{min-width:4.5rem;padding:var(--s3)}.score-lg .score-num{font-size:1.8rem}.stars{line-height:0;display:inline-block;position:relative}.stars-bg,.stars-fg{white-space:nowrap;gap:2px;display:flex}.stars-bg svg,.stars-fg svg{flex:none;display:block}.stars-bg svg path{fill:var(--star-empty);stroke:var(--star-empty-line)}.stars-fg svg path{fill:var(--star);stroke:var(--star)}.stars-fg{width:var(--fill,0%);pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.rating-line{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--ink-faint);font-variant-numeric:tabular-nums;display:inline-flex}.rating-value{color:var(--ink);font-size:var(--fs-base)}.intro{background:var(--ink);color:#fff;border-radius:var(--radius-lg);border:0;margin-block-end:var(--s6);padding:clamp(1.5rem,4vw,3.25rem);position:relative;overflow:hidden}.intro:after{content:"AC";color:#ffffff0a;pointer-events:none;font-size:clamp(7rem,16vw,13rem);font-weight:800;line-height:1;position:absolute;inset-block-start:50%;inset-inline-end:2rem;translate:0 -50%}.intro .eyebrow{color:#8fd1c1}.intro-title{z-index:1;letter-spacing:-.02em;max-width:820px;font-size:clamp(2rem,4vw,3.4rem);font-weight:650;line-height:1.08;position:relative}.intro-title em{color:#ff8a6c;font-style:normal}.intro-sub{z-index:1;color:#c6d2ce;font-size:var(--fs-md);max-width:70ch;margin-block-start:var(--s2);position:relative}.chip-nav{gap:var(--s2);z-index:1;flex-wrap:wrap;margin-block-start:var(--s4);display:flex;position:relative}.chip{font-size:var(--fs-sm);border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--surface);border-radius:999px;padding:.3rem .7rem;font-weight:500;transition:border-color .12s,color .12s}.chip:hover{border-color:var(--accent);color:var(--accent)}.intro .chip{color:#edf4f1;background:#ffffff0f;border-color:#ffffff3d}.intro .chip:hover{color:#fff;background:#ffffff1f;border-color:#8fd1c1}.home-grid{gap:var(--s6);grid-template-columns:1fr;display:grid}@media (min-width:960px){.home-grid{gap:var(--s7);grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.col-aside{gap:var(--s5);display:grid}@media (min-width:960px){.col-aside{position:sticky;top:84px}}.grid-cards{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}@media (min-width:640px){.grid-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.grid-two{gap:var(--s5);grid-template-columns:1fr;display:grid}@media (min-width:800px){.grid-two{grid-template-columns:1fr 1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .2s,box-shadow .25s,transform .25s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 2px 6px #0000000a}.card:hover{border-color:var(--line-strong);transform:translateY(-5px);box-shadow:0 12px 28px #00000024}body.dark-mode .card{box-shadow:0 1px 2px #0000004d,0 2px 6px #00000040}body.dark-mode .card:hover{box-shadow:0 14px 30px #00000080}.card-media{aspect-ratio:4/3;background:var(--surface-alt);padding:var(--s3);place-items:center;display:grid;position:relative}.card-media-link{display:contents}.card-media img{object-fit:contain;mix-blend-mode:multiply;width:auto;max-height:100%}body.dark-mode .card-media img{mix-blend-mode:normal}.card-score{top:var(--s2);position:absolute;inset-inline-end:var(--s2)}.card-body{gap:var(--s2);padding:var(--s3);flex-direction:column;flex:1;display:flex}.card-brand{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--ink-faint);font-weight:600}.card-title{font-size:var(--fs-md);font-weight:600;line-height:1.25}.card:hover .card-title{color:var(--accent)}.card-specs{font-size:var(--fs-xs);color:var(--ink-soft);flex-wrap:wrap;gap:.15rem .4rem;display:flex}.card-specs span:not(:last-child):after{content:"·";color:var(--line-strong);margin-inline-start:.4rem}.card-foot{justify-content:space-between;align-items:flex-end;gap:var(--s2);border-block-start:1px solid var(--line);margin-block-start:auto;padding-block-start:var(--s2);display:flex}.rank{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rank-row{align-items:center;gap:var(--s3);padding:var(--s3);border-block-end:1px solid var(--line);display:flex}.rank-row:last-child{border-block-end:none}.rank-row:hover{background:var(--surface-alt)}.rank-num{text-align:center;width:1.5rem;font-size:var(--fs-md);color:var(--ink-faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}.rank-row:first-child .rank-num,.rank-row:nth-child(2) .rank-num,.rank-row:nth-child(3) .rank-num{color:var(--accent)}.rank-thumb{object-fit:contain;background:var(--surface-alt);border-radius:3px;flex-shrink:0;width:40px;height:40px}.rank-body{flex:1;gap:1px;min-width:0;display:grid}.rank-name{font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.rank-name:hover{color:var(--accent)}.rank-sub{font-size:var(--fs-xs);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-meta{text-align:end;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}.vs-card{gap:var(--s3);padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:border-color .15s;display:flex}.vs-card:hover{border-color:var(--line-strong)}.vs-row{align-items:center;gap:var(--s2);grid-template-columns:1fr auto 1fr;display:grid}.vs-side{text-align:center;min-width:0}.vs-side img{object-fit:contain;width:100%;height:68px;mix-blend-mode:multiply;margin-block-end:var(--s2);margin-inline:auto}body.dark-mode .vs-side img{mix-blend-mode:normal}.vs-name{font-size:var(--fs-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.vs-badge{border:1px solid var(--accent);background:var(--accent-wash);width:44px;height:44px;color:var(--accent);font-size:var(--fs-sm);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.vs-badge small{letter-spacing:.08em;text-transform:uppercase;font-size:.5rem;font-weight:600;display:block}.breadcrumb{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--ink-soft);flex-wrap:wrap;margin-block-end:var(--s4);display:flex}.breadcrumb li{align-items:center;gap:var(--s2);list-style:none;display:flex}.breadcrumb a{color:var(--ink-soft);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.breadcrumb [aria-current]{color:var(--ink);font-weight:600}.crumb-sep{color:var(--line-strong);font-size:.8em}.crumb-drop{display:inline-flex;position:relative}.crumb-trigger{font-size:var(--fs-sm);color:var(--ink-soft);align-items:center;gap:.2rem;font-weight:500;display:inline-flex}.crumb-trigger:hover{color:var(--accent)}.crumb-menu{top:calc(100% + 4px);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);z-index:60;min-width:160px;max-height:300px;padding-block:var(--s1);position:absolute;inset-inline-start:0;overflow-y:auto;box-shadow:0 10px 28px #0000001f}.crumb-menu-item{padding:var(--s2) var(--s3);font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap;display:block}.crumb-menu-item:hover{background:var(--surface-alt);color:var(--accent)}.detail-head{gap:var(--s5);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr;margin-block-end:var(--s5);padding:clamp(1rem,2.5vw,1.75rem);display:grid}@media (min-width:720px){.detail-head{gap:var(--s6);grid-template-columns:minmax(340px,460px) minmax(0,1fr);align-items:start}}.detail-media-col{gap:var(--s3);display:grid}.detail-media{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s4) var(--s4) calc(var(--s6) + var(--s4));cursor:zoom-in;background:#fff;justify-content:center;align-items:center;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.detail-media:hover{border-color:var(--line-strong);box-shadow:0 8px 24px #0000001a}.detail-media img{object-fit:contain;width:auto;max-width:100%;max-height:100%}.media-actions{inset-inline:var(--s3);gap:var(--s2);cursor:auto;display:flex;position:absolute;inset-block-end:var(--s3)}.media-actions .btn{white-space:nowrap;text-overflow:ellipsis;flex:auto;justify-content:center;min-width:0;overflow:hidden}.media-actions .fav-btn{flex:none;width:38px;height:100%;min-height:32px}.media-actions .btn,.media-actions .fav-btn{border-radius:var(--radius);color:#17211e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-xs);background:#fffffff0;border:1px solid #b7c5c0;box-shadow:0 2px 8px #0000001f}.media-actions .btn:hover,.media-actions .fav-btn:hover{color:#0c6658;background:#fff;border-color:#0c6658}.media-actions .btn.btn-primary,.media-actions .btn.is-active,.media-actions .fav-btn.on{color:#fff;background:#0c6658;border-color:#0c6658}.media-actions .btn:disabled{color:#697772;opacity:1}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.lightbox-close-btn:hover{background:#ffffff4d}.lightbox-content{flex-direction:column;align-items:center;gap:.75rem;max-width:90vw;max-height:90vh;display:flex}.lightbox-image{object-fit:contain;border-radius:var(--radius);background:#fff;max-width:85vw;max-height:80vh;padding:1rem;box-shadow:0 16px 48px #0006}.lightbox-caption{color:#e2e8f0;font-size:var(--fs-sm);font-weight:500}.review-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.review-modal-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 48px #00000040}.review-modal-card:focus{outline:none}.review-modal-head{border-bottom:1px solid var(--line);background:var(--surface-alt);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.review-modal-head .modal-title{color:var(--ink);margin:0;font-size:1.25rem;font-weight:700}.review-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.review-modal-login-prompt{padding:2.5rem 1.5rem}.review-section{flex-direction:column;gap:.45rem;display:flex}.review-section-title{font-size:var(--fs-sm);color:var(--ink);font-weight:700}.section-hint{font-size:var(--fs-xs);color:var(--ink-faint);margin:0}.star-rating-picker{transition:all var(--transition-fast,.15s ease);align-items:center;gap:.35rem;display:flex}.star-rating-picker.star-picker-error{border-radius:var(--radius-sm,6px);background:#dc262614;outline:2px dashed #dc2626;width:fit-content;padding:.35rem .6rem;display:inline-flex}.star-pick-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;padding:.2rem;transition:transform .1s,color .1s}.star-pick-btn:hover{transform:scale(1.15)}.star-pick-btn.star-active{color:#f59e0b}.star-score-text{font-size:var(--fs-sm);color:var(--ink);margin-inline-start:.5rem;font-weight:600}.chip-picker-grid{flex-wrap:wrap;gap:.4rem;display:flex}.chip-opt-btn{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-alt);font-size:var(--fs-xs);color:var(--ink);cursor:pointer;padding:.35rem .75rem;font-weight:500;transition:all .12s}.chip-opt-btn:hover{border-color:var(--accent);color:var(--accent)}.chip-opt-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.photo-preview-wrap{background:var(--surface-alt);border-radius:var(--radius);align-items:center;gap:1rem;padding:.5rem;display:flex}.photo-preview-img{object-fit:cover;border-radius:var(--radius);width:60px;height:60px}.review-textarea{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);font-size:var(--fs-sm);resize:vertical;padding:.75rem}.review-modal-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.user-photos-section{margin-block-start:var(--s5)}.user-photos-slider{gap:var(--s3);padding-block:var(--s2);scrollbar-width:thin;display:flex;overflow-x:auto}.user-photo-card{border-radius:var(--radius);cursor:pointer;background:var(--surface-alt);border:1px solid var(--line);flex:0 0 140px;height:160px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.user-photo-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.user-photo-img{object-fit:cover;width:100%;height:100%}.user-photo-author{bottom:0;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000 0%,#000000bf 100%);padding:.4rem .5rem;font-size:.7rem;position:absolute;inset-inline:0;overflow:hidden}.detail-brand{font-size:var(--fs-sm);letter-spacing:.02em;color:var(--accent);font-weight:700;display:inline-block}.detail-brand:hover{text-decoration:underline}.detail-info{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.detail-name{letter-spacing:-.015em;margin-block:var(--s1) var(--s3);color:var(--ink);font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);font-weight:700;line-height:1.25}.detail-rating{align-items:center;gap:var(--s3);flex-wrap:wrap;margin-block-end:var(--s4);display:flex}.detail-rating-meta{font-size:var(--fs-sm);color:var(--ink-soft);flex-direction:column;gap:2px;display:flex}.detail-facts{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);width:100%;margin:0 0 var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (min-width:640px){.detail-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.fact-cell{background:var(--surface-alt);padding:var(--s2) var(--s3);min-width:0}.fact-cell dt{font-size:var(--fs-xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;margin-block-end:3px;font-weight:600;overflow:hidden}.fact-cell dd{font-size:var(--fs-base);color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:600}.fact-cell dd a{color:var(--link)}.fact-cell dd a:hover{text-decoration:underline}.detail-desc{font-size:var(--fs-base);color:var(--ink);margin:0 0 var(--s4);max-width:72ch;line-height:1.75}.detail-review-btn{margin-block-start:auto}.detail-review-btn.is-reviewed{background:var(--surface-sunk);color:var(--ink-soft);border:1px solid var(--line-strong);cursor:default;opacity:.9}.detail-body{gap:var(--s5);grid-template-columns:minmax(0,1fr);margin-block-start:var(--s5);display:grid}.detail-body>*,.grid-two>*,.compare-picker>*{min-width:0}.block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s5)}.block+.block{margin-block-start:var(--s5)}.block-title{font-size:var(--fs-lg);border-block-end:1px solid var(--line-strong);justify-content:flex-start;align-items:center;gap:var(--s3);margin-block-end:var(--s4);padding-block-end:var(--s2);font-weight:700;display:flex}.block-title:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:4px;height:1.15em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4)}.panel-title{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border-block-end:1px solid var(--line);margin-block-end:var(--s3);padding-block-end:var(--s2);font-weight:700}.panel-score{align-items:center;gap:var(--s4);display:flex}.panel-score .score-lg{flex-shrink:0}.panel-score-meta{font-size:var(--fs-sm);color:var(--ink-soft)}.panel-score-meta strong{font-size:var(--fs-md);color:var(--ink);font-weight:600;display:block}.spec{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.spec th,.spec td{text-align:start;border-block-end:1px solid var(--line);vertical-align:middle;padding:.5rem .65rem}.spec tr:last-child th,.spec tr:last-child td{border-block-end:none}.spec tr:nth-child(2n){background:var(--surface-alt)}.spec th{color:var(--ink-faint);white-space:nowrap;width:42%;font-weight:500}.spec td{font-weight:500}.pyramid{border:1px solid var(--line);border-radius:var(--radius);gap:0;display:grid;overflow:hidden}.tier{gap:var(--s2);padding:var(--s2) var(--s3);border-block-end:1px solid var(--line);grid-template-columns:1fr;display:grid}.tier:last-child{border-block-end:none}.tier:nth-child(2n){background:var(--surface-alt)}@media (min-width:520px){.tier{align-items:center;gap:var(--s3);grid-template-columns:96px 1fr}}.tier-label{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.note-chip{font-size:var(--fs-sm);border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-weight:500;line-height:1.4;display:inline-flex}.note-ico{font-size:.9em;line-height:1}.prose{color:var(--ink-soft);font-size:var(--fs-md);line-height:1.7}.bars{gap:var(--s3);display:grid}.bar-row{align-items:center;gap:var(--s3);font-size:var(--fs-sm);color:var(--ink-soft);grid-template-columns:minmax(5rem,7rem) minmax(0,1fr) 2.6rem;min-width:0;display:grid}.bar-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--surface-sunk);border-radius:999px;min-width:0;height:8px;display:block;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent-soft) 0%, var(--accent) 100%);border-radius:999px;height:100%;transition:width .35s;display:block}.bar-val{text-align:end;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--fs-xs)}.vote-panel .bars{gap:0}.vote-panel .bar-row{padding-block:var(--s2)}.vote-panel .bar-row+.bar-row{border-block-start:1px solid var(--line)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:460px}.table th{text-align:start;font-weight:600;font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface-alt);border-block-end:1px solid var(--line);padding:.55rem .75rem}.table td{border-block-end:1px solid var(--line);vertical-align:middle;padding:.6rem .75rem}.table tbody tr:hover{background:var(--surface-alt)}.table tr:last-child td{border-block-end:none}.stock-out{color:var(--bad)}.ai-quote{font-size:var(--fs-md);color:var(--ink);padding:var(--s3) var(--s4);background:var(--surface-alt);border-inline-start:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;line-height:1.55}.pros-cons{gap:var(--s4);grid-template-columns:1fr;margin-block-start:var(--s4);display:grid}@media (min-width:560px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-cons h4{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin-block-end:var(--s2);font-weight:700}.pros-cons ul{gap:var(--s2);font-size:var(--fs-sm);color:var(--ink-soft);list-style:none;display:grid}.pros-cons li{gap:var(--s2);display:flex}.pros-cons li:before{content:"";background:var(--ink-faint);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-block-start:.45rem}.metric-row{gap:var(--s5);border-block-start:1px solid var(--line);font-size:var(--fs-sm);flex-wrap:wrap;margin-block-start:var(--s4);padding-block-start:var(--s4);display:flex}.metric-row span{color:var(--ink-faint)}.metric-row strong{color:var(--ink);font-weight:600}.comment{padding-block:var(--s3);border-block-end:1px solid var(--line)}.comment:last-child{border-block-end:none}.comment-head{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-block-end:var(--s1);display:flex}.comment-author{font-size:var(--fs-sm);font-weight:600}.comment-date{font-size:var(--fs-xs);color:var(--ink-faint)}.comment-body{color:var(--ink-soft);font-size:var(--fs-sm)}.form-group{gap:var(--s2);margin-block-end:var(--s4);display:grid}.form-group label{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.input,.textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;font-size:var(--fs-sm);outline:none;padding:.5rem .65rem;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.textarea{resize:vertical;min-height:100px}.inline-form{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.inline-form .input{flex:140px;width:auto}.star-input{gap:4px;display:inline-flex}.star-input button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:0;display:grid}.star-input button svg path{fill:var(--star-empty);stroke:var(--star-empty-line);transition:fill .12s,stroke .12s}.star-input button.on svg path,.star-input:hover button svg path{fill:var(--star);stroke:var(--star)}.star-input:hover button:hover~button svg path{fill:var(--star-empty);stroke:var(--star-empty-line)}.form-note{font-size:var(--fs-sm);margin-block-start:var(--s3)}.form-note.ok{color:var(--good)}.form-note.err{color:var(--bad)}.compare-picker{gap:var(--s4);padding:var(--s5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);border-block-start:4px solid var(--accent);grid-template-columns:1fr;align-items:end;display:grid}@media (min-width:780px){.compare-picker{grid-template-columns:1fr auto 1fr}}.vs-mark{font-size:var(--fs-lg);color:var(--ink-faint);text-align:center;padding-block-end:.5rem;font-weight:700}.matrix-wrap{contain:inline-size;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}.matrix{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:620px;font-size:var(--fs-sm)}.matrix th,.matrix td{padding:var(--s3);border-block-end:1px solid var(--line);vertical-align:top;text-align:start;overflow-wrap:break-word}.matrix td{border-inline-start:1px solid var(--line)}.matrix td:first-of-type{border-inline-start:none}.matrix tr:last-child th,.matrix tr:last-child td{border-block-end:none}.matrix tbody tr:not(.matrix-head):hover td{background:var(--surface-alt)}.matrix .row-label{z-index:2;width:160px;min-width:150px;max-width:170px;font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface-alt);border-inline-end:1px solid var(--line);font-weight:600;position:sticky;inset-inline-start:0}.matrix-chip-col{flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:2px 4px;display:flex}.matrix-chip-col .note-chip{box-sizing:border-box;max-width:calc(100% - 6px);margin-inline:3px}.matrix-head td{text-align:center;vertical-align:bottom;background:var(--surface);color:var(--ink);border-inline-start:1px solid var(--line);border-block-end:2px solid var(--line-strong);padding-block-end:var(--s4);position:relative}.matrix-head td:first-of-type{border-inline-start:none}.matrix-head .row-label{z-index:3;background:var(--surface-alt);border-block-end:2px solid var(--line-strong);position:sticky;inset-inline-start:0}.matrix-head-cell{align-items:center;gap:var(--s1);flex-direction:column;display:flex}.matrix-head .card-brand{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--ink-faint);font-weight:700}.matrix-head .card-brand-model{font-size:var(--fs-sm);color:var(--ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:var(--s2);font-weight:700;line-height:1.35;text-decoration:none;display:block;overflow:hidden}.matrix-head .card-brand-model:hover{color:var(--accent)}.matrix-head .card-brand-model .brand-part{letter-spacing:.02em;color:var(--ink-faint);font-weight:600}.matrix-remove{top:var(--s2);width:22px;height:22px;color:var(--ink-faint);border:1px solid var(--line);background:var(--surface);z-index:1;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:var(--s2)}.matrix-remove:hover{color:var(--signal);border-color:var(--signal)}.matrix-img-btn{all:unset;cursor:zoom-in;width:100%;transition:transform .15s;display:block;position:relative}.matrix-img-btn:hover{transform:scale(1.02)}.matrix-img-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.matrix-head img{object-fit:contain;background:0 0;border:none;border-radius:0;width:100%;height:190px;margin:0 auto;padding:0;display:block}.matrix-perfume-link{color:var(--ink);text-decoration:none;display:inline-block}.matrix-perfume-link:hover{color:var(--accent)}.matrix-perfume-link strong{font-weight:700}.matrix-score{align-items:flex-start;gap:var(--s1);flex-direction:column;display:flex}.matrix-score .rating-line{align-items:flex-start;gap:var(--s1);flex-direction:column-reverse}.matrix-score small{color:var(--ink-faint);font-size:var(--fs-xs)}.matrix-vote-row td{text-align:center;vertical-align:middle}.matrix-vote-total{letter-spacing:0;text-transform:none;margin-block-start:var(--s1);font-weight:500;display:block}.matrix-vote-btn{justify-content:center;align-items:center;gap:var(--s1);width:100%;min-height:38px;padding:var(--s1) var(--s3);border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);color:var(--accent);font-size:var(--fs-sm);cursor:pointer;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.matrix-vote-btn:hover:not(:disabled){background:var(--accent-wash)}.matrix-vote-btn.is-chosen{background:var(--accent);color:var(--accent-contrast)}.matrix-vote-btn.is-chosen:hover:not(:disabled){background:var(--accent-hover)}.matrix-vote-btn:disabled{cursor:default;opacity:.6}.matrix-vote-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.matrix-vote-meter{height:6px;background:var(--surface-sunk);border-radius:3px;margin-block-start:var(--s2);display:block;overflow:hidden}.matrix-vote-meter>span{background:var(--accent);height:100%;transition:width .3s;display:block}.matrix-vote-count{font-size:var(--fs-xs);color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-block-start:var(--s1);display:block}.matrix-vote-count strong{color:var(--ink)}.compare-recent{margin-block-start:var(--s5)}.compare-recent-list{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.compare-recent-item{gap:var(--s2);min-width:0;padding:var(--s2);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.compare-recent-link{min-width:0;color:var(--ink);flex-direction:column;flex:1;gap:2px;text-decoration:none;display:flex}.compare-recent-link img{object-fit:contain;width:100%;height:110px;margin-block-end:var(--s1)}.compare-recent-brand{font-size:var(--fs-xs);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.compare-recent-name{font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.compare-recent-link:hover .compare-recent-name{color:var(--accent)}.compare-recent-add{justify-content:center;width:100%}@media (max-width:600px){.compare-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.clean-bar-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.clean-bar-label{font-size:var(--fs-xs);color:var(--ink);align-items:center;font-weight:600;line-height:1.25;display:inline-flex}.clean-bar-track{background:var(--surface-sunk);border-radius:999px;width:100%;height:7px;display:block;overflow:hidden}.clean-bar-fill{background:linear-gradient(90deg, var(--accent-soft) 0%, var(--accent) 100%);border-radius:999px;height:100%;display:block}.matrix-facet-text{font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:6px;font-weight:500;display:inline-flex}.matrix-facet-text .facet-ico{font-size:1.15em;line-height:1}.compare-ai-section{margin-top:var(--s5);margin-bottom:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4) var(--s5);box-shadow:0 1px 3px #0000000a}.compare-ai-head{justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.compare-ai-badge{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--surface-alt);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex}.compare-ai-sub{font-size:var(--fs-xs);color:var(--ink-faint);font-weight:600}.compare-ai-paragraphs{gap:var(--s3);flex-direction:column;display:flex}.compare-ai-para{font-size:var(--fs-sm);color:var(--ink);margin:0;line-height:1.65}.compare-ai-heading{color:var(--ink);margin-bottom:2px;font-weight:700;display:block}.compare-ai-loading{align-items:center;gap:var(--s3);color:var(--ink-faint);font-size:var(--fs-sm);padding:var(--s3) 0;display:flex}.compare-ai-loading .spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}.matrix-scroll-hint{display:none}@media (max-width:600px){.matrix-wrap[data-cols="2"] .matrix{min-width:0}.matrix-wrap[data-cols="3"] .matrix{min-width:540px}.matrix-wrap[data-cols="4"] .matrix{min-width:700px}.matrix th,.matrix td{padding:.55rem .65rem}.matrix .row-label{letter-spacing:0;text-transform:none;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;width:100px;min-width:100px;max-width:100px;font-size:.72rem}.matrix-head img{height:120px}.matrix-wrap[data-cols="3"]+.matrix-scroll-hint,.matrix-wrap[data-cols="4"]+.matrix-scroll-hint{font-size:var(--fs-xs);color:var(--ink-faint);text-align:center;margin-block-start:var(--s2);display:block}}.blog-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.blog-card{gap:var(--s2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--line-strong);box-shadow:0 4px 14px #0000000f}.blog-cover{aspect-ratio:16/9;background:var(--surface-alt);overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-cover img{transform:scale(1.03)}.blog-body{gap:var(--s2);padding:var(--s4);flex-direction:column;display:flex}.blog-meta{gap:var(--s3);font-size:var(--fs-xs);color:var(--ink-faint);display:flex}.blog-title{font-size:var(--fs-md);font-weight:600;line-height:1.3}.blog-card:hover .blog-title{color:var(--accent)}.blog-excerpt{color:var(--ink-soft);font-size:var(--fs-sm)}.blog-article-container{width:100%;max-width:1060px;padding-inline:var(--s3);margin-inline:auto}.article{width:100%;max-width:1000px;margin-inline:auto;margin-block:var(--s4) var(--s8);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s7) var(--s8);box-shadow:0 4px 20px #0000000a}.article-wide{max-width:1000px}.article-cover-wrapper{width:100%;border-radius:var(--radius-lg);background:var(--surface-alt);border:1px solid var(--line);margin-block-end:var(--s6);overflow:hidden}.article-cover{aspect-ratio:21/9;object-fit:cover;width:100%;max-height:480px;display:block}.article-header{border-bottom:1px solid var(--line);padding-bottom:var(--s6);margin-block-end:var(--s6)}.article-kicker-row{align-items:center;gap:var(--s2);margin-bottom:var(--s2);display:flex}.article-kicker{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-wash);border-radius:var(--radius-sm);padding:.2rem .6rem;font-weight:700}.article-title{letter-spacing:-.02em;color:var(--ink);margin-block:var(--s2) var(--s4);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.4rem);font-weight:800;line-height:1.28}.article-meta-bar{justify-content:space-between;align-items:center;gap:var(--s3);padding-block:var(--s3);background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius);padding-inline:var(--s4);flex-wrap:wrap;margin-block-start:var(--s3);display:flex}.meta-author-group{align-items:center;gap:var(--s3);display:flex}.meta-avatar{background:var(--accent);color:#fff;width:38px;height:38px;font-weight:700;font-size:var(--fs-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.meta-author-info{flex-direction:column;display:flex}.meta-author-name{font-weight:600;font-size:var(--fs-sm);color:var(--ink)}.meta-date{font-size:var(--fs-xs);color:var(--ink-faint)}.meta-stats-group{align-items:center;gap:var(--s3);font-size:var(--fs-xs);color:var(--ink-soft);display:flex}.meta-stat-item{align-items:center;gap:.3rem;display:inline-flex}.meta-view-badge{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--accent);padding:.25rem .55rem;font-weight:600}.article-lead-box{padding:var(--s4) var(--s5);border-left:4px solid var(--accent);background:var(--surface-sunk);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--fs-md);color:var(--ink-soft);margin-block-start:var(--s5);font-weight:500;line-height:1.65}.article-body-wrapper{margin-block-start:var(--s6)}.article-rich-content{color:var(--ink);font-size:1.05rem;line-height:1.8}.article-rich-content h1,.article-rich-content h2,.article-rich-content h3,.article-rich-content h4{color:var(--ink);margin-block:var(--s6) var(--s2);font-weight:700;line-height:1.35}.article-rich-content h1{font-size:var(--fs-2xl);border-bottom:2px solid var(--line);padding-bottom:var(--s2)}.article-rich-content h2{font-size:var(--fs-xl);border-bottom:1px solid var(--line);padding-bottom:var(--s2);margin-block-start:var(--s7)}.article-rich-content h3{font-size:var(--fs-lg);margin-block-start:var(--s5)}.article-rich-content p{margin-block-end:var(--s4)}.article-rich-content p+p{margin-block-start:var(--s2)}.article-rich-content strong{color:var(--ink);font-weight:700}.article-rich-content em{font-style:italic}.article-rich-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-rich-content a:hover{color:var(--accent-hover)}.article-rich-content blockquote{margin:var(--s5) 0;padding:var(--s4) var(--s5);background:var(--surface-alt);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-soft);font-style:italic}.article-rich-content blockquote p{margin:0}.article-rich-content ul,.article-rich-content ol{margin:var(--s3) 0 var(--s5) var(--s5);padding-left:var(--s3)}.article-rich-content li{margin-bottom:var(--s2)}.article-rich-content hr{border:none;border-top:1px solid var(--line);margin-block:var(--s7)}.article-rich-content code{background:var(--surface-sunk);border-radius:var(--radius-sm);color:var(--accent);padding:.15rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.article-rich-content pre{background:var(--surface-sunk);border:1px solid var(--line);padding:var(--s4);border-radius:var(--radius);margin-block:var(--s4);overflow-x:auto}.article-rich-content pre code{color:var(--ink);background:0 0;padding:0}.article-rich-content table{border-collapse:collapse;width:100%;margin-block:var(--s5);font-size:var(--fs-sm);display:block;overflow-x:auto}.article-rich-content th,.article-rich-content td{padding:var(--s3) var(--s4);border:1px solid var(--line);text-align:left}.article-rich-content th{background:var(--surface-sunk);color:var(--ink);white-space:nowrap;font-weight:600}.article-rich-content tr:nth-child(2n) td{background:var(--surface-alt)}.article-rich-content img{border-radius:var(--radius);max-width:100%;height:auto;margin-block:var(--s5);border:1px solid var(--line)}.article-footer{padding-top:var(--s6);border-top:1px solid var(--line);margin-block-start:var(--s8)}.article-footer-card{background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s6);gap:var(--s5);flex-direction:column;display:flex}.footer-author-box{align-items:center;gap:var(--s4);display:flex}.footer-avatar{background:var(--accent);color:#fff;width:48px;height:48px;font-size:var(--fs-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.footer-bio h4{font-size:var(--fs-base);color:var(--ink);margin:0 0 .25rem}.footer-bio p{font-size:var(--fs-sm);color:var(--ink-faint);margin:0}.article-footer-nav{justify-content:space-between;align-items:center;gap:var(--s3);padding-top:var(--s4);border-top:1px dashed var(--line);flex-wrap:wrap;display:flex}.blog-card-views{color:var(--accent);align-items:center;gap:.25rem;margin-left:auto;font-weight:600;display:inline-flex}.blog-write-panel{background:var(--surface);border:1px solid var(--line);padding:var(--s6) var(--s7);margin-inline:auto;max-width:880px!important}.blog-write-header{margin-bottom:var(--s5);border-bottom:1px solid var(--line);padding-bottom:var(--s4)}.blog-write-header h2{font-size:var(--fs-xl);color:var(--ink);margin-bottom:.25rem;font-weight:700}.form-subtext{font-size:var(--fs-sm);color:var(--ink-faint);margin:0}.rich-editor-wrapper{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.rich-editor-header{background:var(--surface-alt);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;padding:.35rem .5rem;display:flex}.rich-editor-tabs{gap:.25rem;display:flex}.rich-tab-btn{border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:.35rem .75rem;font-weight:600;transition:all .15s}.rich-tab-btn:hover{background:var(--surface-sunk);color:var(--ink)}.rich-tab-btn.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #00000014}.rich-editor-toolbar{background:var(--surface-sunk);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.2rem;padding:.35rem .5rem;display:flex}.toolbar-btn{border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.25rem .45rem;line-height:1;transition:background .1s;display:inline-flex}.toolbar-btn:hover{background:var(--surface);border-color:var(--line);color:var(--ink)}.toolbar-divider{background:var(--line-strong);width:1px;height:18px;margin-inline:.25rem}.rich-editor-textarea{width:100%;min-height:280px;padding:var(--s4);font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink);background:var(--surface);resize:vertical;border:none;outline:none;line-height:1.6}.rich-editor-inline-preview{padding:var(--s5);background:var(--surface);min-height:280px;overflow-y:auto}.preview-empty{color:var(--ink-faint);text-align:center;padding:var(--s6) 0;font-style:italic}.rich-editor-footer{background:var(--surface-alt);border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-faint);justify-content:space-between;padding:.35rem .75rem;display:flex}.blog-write-actions{justify-content:flex-end;align-items:center;gap:var(--s3);margin-top:var(--s5);display:flex}.preview-top-banner{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);margin-bottom:var(--s4);background:var(--warn-wash);border:1px solid var(--warn);border-radius:var(--radius);color:var(--ink);flex-wrap:wrap;display:flex}.preview-banner-content{align-items:center;gap:var(--s3);display:flex}.preview-badge{background:var(--warn);color:#fff;font-weight:700;font-size:var(--fs-xs);border-radius:var(--radius-sm);letter-spacing:.05em;padding:.2rem .5rem}.preview-banner-text{font-size:var(--fs-sm);color:var(--ink-soft)}.preview-banner-actions{gap:var(--s2);display:flex}@media (max-width:768px){.article{padding:var(--s5) var(--s4);margin-block:var(--s3) var(--s6);border-radius:var(--radius)}.article-meta-bar{flex-direction:column;align-items:flex-start}.meta-stats-group{width:100%;padding-top:var(--s2);border-top:1px solid var(--line);justify-content:space-between}.preview-top-banner{flex-direction:column;align-items:flex-start}.preview-banner-actions{justify-content:flex-end;width:100%}.blog-write-actions{flex-direction:column-reverse;width:100%}.blog-write-actions button{width:100%}}.state{text-align:center;padding-block:var(--s8);color:var(--ink-soft)}.state h2{font-size:var(--fs-xl);color:var(--ink);margin-block-end:var(--s2)}.spinner{border:2px solid var(--line);border-top-color:var(--accent);width:22px;height:22px;margin:0 auto var(--s3);border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:var(--ink-faint);font-size:var(--fs-sm);padding-block:var(--s5);text-align:center}.site-footer{background:var(--surface);border-block-start:1px solid var(--line-strong);padding-block:var(--s6) var(--s5);margin-block-start:var(--s8)}.footer-grid{gap:var(--s5);grid-template-columns:1fr;display:grid}@media (min-width:640px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-grid h4{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-block-end:var(--s3);font-weight:700}.footer-grid ul{gap:var(--s2);font-size:var(--fs-sm);color:var(--ink-soft);list-style:none;display:grid}.footer-grid a:hover{color:var(--accent)}.footer-bottom{border-block-start:1px solid var(--line);padding-block-start:var(--s4);margin-block-start:var(--s5);padding-right:3.75rem}.footer-bottom .footer-note{font-size:var(--fs-xs);color:var(--ink-faint);margin-block-start:0;border-block-start:none;margin:0;padding-block-start:0}.footer-blurb{color:var(--ink-soft);font-size:var(--fs-sm);max-width:44ch;margin-block-start:var(--s2)}.modal-scrim{padding:var(--s4);z-index:80;background:#0006;place-items:center;transition:background .5s;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s6);width:100%;max-width:420px}.fav-btn{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);width:30px;height:30px;color:var(--ink-faint);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;place-items:center;transition:color .15s,border-color .15s,transform .1s;display:grid}.fav-btn:hover,.fav-btn.on{color:var(--accent);border-color:var(--accent)}.fav-btn:active{transform:scale(.9)}.card-fav{top:var(--s2);z-index:2;position:absolute;inset-inline-end:var(--s2)}.btn-block{width:100%}body:has(.compare-bar){padding-block-end:72px}@media (max-width:600px){body:has(.compare-bar){padding-block-end:150px}}.compare-bar{z-index:70;background:var(--surface);border-block-start:1px solid var(--line-strong);position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -6px 24px #0000001a}.compare-bar-inner{align-items:center;gap:var(--s4);padding-block:var(--s3);flex-wrap:wrap;display:flex}.compare-bar-label{font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap}.compare-bar-label strong{color:var(--accent)}.compare-bar-items{gap:var(--s2);scrollbar-width:thin;flex:1;padding-block:2px;display:flex;overflow-x:auto}.compare-chip{align-items:center;gap:var(--s2);background:var(--surface-alt);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:.2rem .5rem .2rem .2rem;display:flex}.compare-chip img{object-fit:contain;background:var(--surface);border-radius:50%;flex-shrink:0;width:26px;height:26px}.compare-chip-name{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.compare-chip button{color:var(--ink-faint);place-items:center;padding:2px;display:grid}.compare-chip button:hover{color:var(--accent)}.compare-bar-actions{align-items:center;gap:var(--s3);margin-inline-start:auto;display:flex}.compare-bar-label-wrap{align-items:center;gap:var(--s2);display:flex}.compare-bar-top-right{align-items:center;gap:.65rem;display:inline-flex}.compare-bar-dismiss-btn{width:24px;height:24px;color:var(--ink-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.compare-bar-dismiss-btn:hover{background:var(--surface-alt);color:var(--ink)}.compare-bar-top-right .compare-bar-dismiss-btn{display:none}.compare-bar-dismiss-desktop{margin-inline-start:.25rem;display:inline-flex}.compare-bar-clear-mobile{display:none}.compare-bar-clear-desktop{display:inline-block}@media (max-width:600px){.compare-bar-inner{flex-direction:column;align-items:stretch;gap:8px;padding-block:8px}.compare-bar-label-wrap{justify-content:space-between;align-items:center;width:100%;display:flex}.compare-bar-clear-mobile{font-size:var(--fs-xs);color:var(--ink-faint);display:inline-block}.compare-bar-clear-desktop{display:none}.compare-bar-top-right .compare-bar-dismiss-btn{display:inline-flex}.compare-bar-dismiss-desktop{display:none}.compare-bar-items{flex:none;gap:6px;width:100%;padding-block:2px}.compare-chip{padding:.15rem .4rem .15rem .15rem}.compare-chip img{width:22px;height:22px}.compare-chip-name{max-width:90px;font-size:11px}.compare-bar-actions{width:100%;margin-inline-start:0}.compare-bar-btn{width:100%;font-size:var(--fs-sm);justify-content:center;padding-block:8px}}.gender-modal{text-align:center}.gender-modal-title{font-size:var(--fs-lg);margin-block-end:var(--s2)}.gender-modal-text{font-size:var(--fs-sm)}.gender-choices{gap:var(--s3);grid-template-columns:repeat(3,1fr);margin-block-start:var(--s5);display:grid}.gender-choice{align-items:center;gap:var(--s2);padding:var(--s4) var(--s2);border:1px solid var(--line-strong);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--ink-soft);background:var(--surface);cursor:pointer;flex-direction:column;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.gender-choice:hover{border-color:var(--accent);color:var(--accent)}.gender-choice.on{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.gender-choice-ico{font-size:1.8rem;line-height:1}.gender-modal-save{width:100%;margin-block-start:var(--s5)}.google-gate{align-items:flex-start;gap:var(--s3);padding:var(--s4);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-alt);flex-direction:column;display:flex}.google-gate .link-more,.login-prompt .link-more{white-space:normal;overflow-wrap:anywhere}.google-btn{align-items:center;gap:var(--s2);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-sm);color:var(--ink);padding:.5rem 1rem;font-weight:600;display:inline-flex}.google-btn:hover{border-color:var(--ink-faint);box-shadow:0 2px 8px #0000000f}.social-btn{justify-content:center;align-items:center;gap:var(--s2);border:1px solid var(--social-border);border-radius:var(--radius);background:var(--social-bg);width:260px;max-width:100%;height:40px;font-size:var(--fs-sm);color:var(--social-fg);font-weight:600;display:inline-flex}.social-btn-icon{flex:none;width:18px;height:18px}.social-btn:hover:not([disabled]){filter:brightness(1.12)}.social-btn[disabled]{opacity:.6;cursor:not-allowed}.social-btn-facebook{--social-bg:var(--brand-facebook-bg);--social-fg:var(--brand-facebook-fg);--social-border:var(--brand-facebook-bg)}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.avatar-initials{color:#fff;letter-spacing:.02em;place-items:center;font-weight:700;line-height:1;display:grid}.user-menu{align-items:center;display:flex;position:relative}.user-btn{border:2px solid #0000;border-radius:50%;place-items:center;padding:0;transition:border-color .15s;display:grid}.user-btn:hover{border-color:var(--accent)}.user-dropdown{top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);z-index:60;min-width:220px;position:absolute;inset-inline-end:0;overflow:hidden;box-shadow:0 12px 32px #00000024}.user-info{align-items:center;gap:var(--s3);padding:var(--s4);border-block-end:1px solid var(--line);display:flex}.user-info-text{min-width:0}.user-info-text strong{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-info-text span{font-size:var(--fs-xs);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-dropdown>.user-dropdown-nav:last-child{border-block-end:none}.user-dropdown-nav{padding-block:var(--s2);border-block-end:1px solid var(--line);flex-direction:column;display:flex}.user-dropdown-link{align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);font-size:var(--fs-sm);color:var(--ink-soft);font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.user-dropdown-link:hover{background:var(--surface-alt);color:var(--accent)}.user-dropdown-link .icon{color:var(--ink-faint);flex-shrink:0}.dark-mode-switch{text-align:start;cursor:pointer;width:100%;font-family:inherit}.switch-track{background:var(--line-strong);border-radius:999px;flex-shrink:0;width:34px;height:20px;margin-inline-start:auto;transition:background .15s;position:relative}.switch-thumb{top:2px;background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;inset-inline-start:2px;box-shadow:0 1px 2px #0003}.switch-track.on{background:var(--accent)}.switch-track.on .switch-thumb{transform:translate(14px)}@media (prefers-reduced-motion:reduce){.switch-track,.switch-thumb{transition:none}}.user-dropdown-link:hover .icon{color:var(--accent)}.user-signout{text-align:start;width:100%;padding:var(--s3) var(--s4);font-size:var(--fs-sm);color:var(--negative,var(--bad));font-weight:500;display:block}.user-signout:hover{background:var(--surface-alt)}.search-layout{gap:var(--s5);grid-template-columns:minmax(0,1fr);display:grid}.search-layout>*{min-width:0}@media (min-width:820px){.search-layout{gap:var(--s6);grid-template-columns:250px minmax(0,1fr);align-items:start}}.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s4);border-block-start:4px solid var(--accent)}@media (min-width:820px){.filter-panel-desktop{max-height:calc(100vh - 100px);position:sticky;top:84px;overflow-y:auto}}@media (max-width:819px){.filter-panel-desktop{display:none!important}}.filter-head{justify-content:space-between;align-items:center;gap:var(--s3);border-block-end:1px solid var(--line);margin-block-end:var(--s3);padding-block-end:var(--s3);display:flex}.filter-head-title{align-items:center;gap:var(--s2);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-weight:700;display:inline-flex}.filter-count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-contrast);border-radius:999px;place-items:center;padding-inline:4px;font-size:.65rem;font-weight:700;display:inline-grid}.filter-group{padding-block:var(--s3);border-block-end:1px solid var(--line)}.filter-group:last-child{border-block-end:none;padding-block-end:0}.filter-title-btn{cursor:pointer;text-align:left;width:100%;color:var(--ink-faint);background:0 0;border:none;justify-content:space-between;align-items:center;margin-block-end:var(--s2);padding:0;transition:color .15s;display:flex}.filter-title-btn:hover{color:var(--ink)}.filter-title{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-block-end:0;font-weight:700}.filter-search-box{margin-block-end:.5rem}.filter-search-box input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);width:100%;color:var(--ink);padding:.35rem .6rem;font-size:.78rem;transition:border-color .15s,background .15s}.filter-search-box input:focus{border-color:var(--accent);background:var(--surface);outline:none}.filter-opts{gap:.35rem;display:grid}.filter-opts.scroll{max-height:180px;scrollbar-width:thin;padding-inline-end:var(--s2);overflow-y:auto}.filter-check{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--ink-soft);cursor:pointer;min-height:30px;padding-inline:var(--s1);border-radius:var(--radius);display:flex}.filter-check input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0}.filter-check:hover{color:var(--ink);background:var(--surface-alt)}.search-toolbar{justify-content:space-between;align-items:center;gap:var(--s3);border-block-end:1px solid var(--line);font-size:var(--fs-sm);flex-wrap:wrap;margin-block-end:var(--s4);padding-block-end:var(--s3);display:flex}.search-toolbar-sticky-wrap{margin-block-end:var(--s4)}.mobile-filter-dropdown-panel,.mobile-filter-toggle-btn,.mobile-filter-bar-arrow{display:none}.mobile-filter-title-wrap{align-items:center;gap:.35rem;display:inline-flex}@media (max-width:819px){.mobile-filter-bar-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-filter-bar-content{align-items:center;gap:.6rem;display:flex}.mobile-filter-title-wrap{font-size:var(--fs-xs);color:var(--ink);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.mobile-filter-bar-arrow{color:var(--ink-faint);align-items:center;padding-inline-start:.5rem;font-size:.75rem;display:inline-flex}.mobile-filter-toggle-btn{font-size:var(--fs-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:.3rem;padding:.3rem .6rem;font-weight:600;display:inline-flex}.desktop-only-text{display:none}.mobile-toolbar-count{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-toolbar-sticky-wrap{top:var(--header-h);z-index:45;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);margin-block-end:var(--s3);padding:.45rem .65rem;position:sticky;box-shadow:0 4px 14px #00000014}.search-toolbar-sticky-wrap .search-toolbar{padding-block-end:0;background:0 0;border:none;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.4rem;margin-block-end:0;padding:0;display:flex}.search-toolbar-sticky-wrap .search-toolbar-right{flex-shrink:0;margin-inline-start:auto}.search-toolbar-sticky-wrap .sort-select select{font-size:var(--fs-xs);max-width:125px;padding:.25rem .4rem}.mobile-filter-dropdown-panel{border-block-start:1px solid var(--line);scrollbar-gutter:stable;scrollbar-width:thin;-webkit-overflow-scrolling:touch;max-height:65dvh;margin-block-start:.65rem;padding-block-start:.65rem;padding-inline-end:.75rem;animation:.2s ease-out filterDrop;display:block;overflow-y:auto}.mobile-filter-dropdown-panel::-webkit-scrollbar{width:5px}.mobile-filter-dropdown-panel::-webkit-scrollbar-track{background:0 0}.mobile-filter-dropdown-panel::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}@keyframes filterDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}.search-results>.search-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s3) var(--s4)}.active-filter-badge{font-size:var(--fs-xs);border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);white-space:nowrap;align-items:center;gap:.35rem;padding:.28rem .6rem;font-weight:500;line-height:1;transition:background .15s;display:inline-flex}.active-filter-badge button{color:var(--accent-contrast);cursor:pointer;opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.8rem;line-height:1;transition:opacity .15s,transform .15s;display:inline-flex}.active-filter-badge button:hover{opacity:1;transform:scale(1.15)}.search-toolbar-right{align-items:center;gap:var(--s3);display:flex}.sort-select{align-items:center;gap:var(--s2);font-size:var(--fs-sm);display:inline-flex}.sort-select select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-sm);cursor:pointer;padding:.3rem .5rem}.filter-toggle{display:none}@media (max-width:819px){.filter-toggle{display:inline-flex}}.stack-sm>*+*{margin-block-start:var(--s3)}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.center{text-align:center}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-btn{white-space:nowrap}.login-actions-col{align-items:center;gap:var(--s4);flex-direction:column;margin-block-start:var(--s5);display:flex}.login-prompt{padding:var(--s4);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-alt);font-size:var(--fs-sm);margin:0}.comment-form-wrap{border-block-end:1px solid var(--line);margin-block-end:var(--s5);padding-block-end:var(--s5)}.comment-form-actions{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.comment-form-actions .char-counter{margin-block-start:0}.comment-form.is-locked{opacity:.6;margin-block-start:var(--s3)}.comment-form.is-locked .textarea,.comment-form.is-locked .btn,.comment-form.is-locked .star-input button{cursor:not-allowed}.ai-summary{padding:var(--s4);border:1px solid var(--accent);border-inline-start:4px solid var(--accent);border-radius:var(--radius);background:var(--accent-wash);order:-1;margin-block-end:var(--s5)}.ai-summary-head{align-items:center;gap:var(--s2);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);flex-wrap:wrap;font-weight:700;display:flex}.ai-summary-head .comment-date{text-transform:none;letter-spacing:0;margin-inline-start:auto;font-weight:400}.ai-summary-body{font-size:var(--fs-sm);color:var(--ink);margin-block-start:var(--s2);line-height:1.65}.perfume-picker{position:relative}.picker-field{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink-faint);display:flex}.picker-field:focus-within{border-color:var(--accent)}.picker-field input{min-width:0;color:var(--ink);font:inherit;font-size:var(--fs-sm);background:0 0;border:0;outline:none;flex:auto}.picker-spinner{border:2px solid var(--line-strong);border-block-start-color:var(--accent);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite spin}.picker-list{z-index:20;max-height:260px;padding:var(--s1);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);margin-block-start:var(--s1);list-style:none;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 10px 26px #00000024}.picker-list button{align-items:center;gap:var(--s2);width:100%;padding:var(--s2);border-radius:var(--radius);color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.picker-list button:hover{background:var(--surface-alt)}.picker-list img{object-fit:contain;border-radius:var(--radius);background:var(--surface-alt);flex:none;width:30px;height:30px}.picker-item-text{flex-direction:column;flex:auto;min-width:0;display:flex}.picker-item-brand{font-size:var(--fs-xs);color:var(--ink-faint);letter-spacing:.02em}.picker-item-name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.picker-chips{gap:var(--s2);flex-wrap:wrap;margin-block-start:var(--s2);display:flex}.picker-chip{align-items:center;gap:var(--s1);padding:3px var(--s2);border:1px solid var(--accent);background:var(--accent-wash);color:var(--accent);font-size:var(--fs-xs);border-radius:999px;font-weight:600;display:inline-flex}.picker-chip button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.meter{align-items:center;gap:var(--s2);font-variant-numeric:tabular-nums;min-width:120px;display:inline-flex}.meter .bar-track{flex:auto;min-width:60px}.admin-table td,.admin-table th{vertical-align:middle}.admin-table td .btn{white-space:nowrap}.admin-actions{align-items:center;gap:var(--s3);flex-wrap:wrap;margin-block-start:var(--s5);display:flex}.btn-danger{background:var(--bad);color:var(--bad-contrast);border:1px solid var(--bad)}.btn-danger:hover{filter:brightness(.92)}.btn-danger[disabled]{opacity:.55;cursor:not-allowed}.admin-log{gap:var(--s2);font-size:var(--fs-sm);list-style:none;display:grid}.admin-log li{align-items:center;gap:var(--s2);display:flex}.admin-log li.ok{color:var(--good)}.admin-log li.err{color:var(--bad)}.admin-head{justify-content:space-between;align-items:flex-end;gap:var(--s3);margin-block-end:var(--s4);display:flex}.admin-tabs{gap:var(--s1);border-block-end:1px solid var(--line-strong);scrollbar-width:thin;margin-block-end:var(--s4);display:flex;overflow-x:auto}.admin-tab{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-block-end:2px solid #0000;margin-block-end:-1px;padding:.55rem .85rem;font-weight:600;display:inline-flex}.admin-tab:hover{color:var(--accent)}.admin-tab.is-active{color:var(--accent);border-block-end-color:var(--accent)}.admin-tab-count{min-width:1.4em;font-size:var(--fs-xs);text-align:center;background:var(--signal);color:var(--accent-contrast);border-radius:999px;padding:.1em .45em;line-height:1.3}.admin-toolbar{align-items:center;gap:var(--s2);font-size:var(--fs-sm);flex-wrap:wrap;margin-block-end:var(--s3);display:flex}.admin-toolbar .chip{cursor:pointer}.admin-toolbar-end{font-size:var(--fs-xs);margin-inline-start:auto}.admin-toolbar-sep{background:var(--line-strong);width:1px;height:1.4rem;margin-inline:var(--s1)}.admin-kpis{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(165px,1fr));margin:0;display:grid;overflow:hidden}.admin-kpi{padding:var(--s2) var(--s3);min-width:0;box-shadow:1px 0 0 var(--line), 0 1px 0 var(--line)}.admin-kpi dt{font-size:var(--fs-xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.admin-kpi dd{font-size:var(--fs-xl);color:var(--ink);font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:700}.admin-kpi dd.admin-kpi-sub{font-size:var(--fs-xs);color:var(--ink-faint);font-weight:500}.admin-note{font-size:var(--fs-xs);margin-block:var(--s2) var(--s4)}.admin-chart{height:160px;padding:var(--s2);background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-end;gap:2px;display:flex}.admin-chart-col{flex:1 1 0;align-items:flex-end;min-width:0;height:100%;display:flex}.admin-chart-col:hover .admin-chart-bar{background:var(--accent-hover)}.admin-chart-bar{background:var(--accent);border-radius:2px 2px 0 0;width:100%;min-height:1px;display:block}.admin-chart-axis{justify-content:space-between;gap:var(--s2);font-size:var(--fs-xs);margin-block-start:var(--s1);display:flex}.admin-grid{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--s4);display:grid}.admin-grid>.block+.block{margin-block-start:0}@media (max-width:860px){.admin-grid{grid-template-columns:minmax(0,1fr)}}.admin-rank{gap:var(--s2);font-size:var(--fs-sm);margin:0;padding:0;list-style:none;display:grid}.admin-rank li{align-items:start;gap:var(--s2);grid-template-columns:1.6rem minmax(0,1fr) auto;display:grid}.admin-rank-num{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-weight:600}.admin-rank-name{gap:3px;min-width:0;display:grid}.admin-rank-name a{color:var(--link);overflow-wrap:anywhere}.admin-rank-name .bar-track{height:5px}.admin-rank-val{font-variant-numeric:tabular-nums;font-weight:700}.admin-choices{align-items:center;gap:var(--s1) var(--s2);font-size:var(--fs-sm);flex-wrap:wrap;margin-block-end:var(--s3);display:flex}.admin-choices .badge{font-size:var(--fs-xs)}.admin-nowrap{white-space:nowrap}.admin-comment-body{overflow-wrap:anywhere;white-space:pre-line;max-width:52ch}.admin-row-open td{background:var(--accent-wash)}.admin-review{margin-block-start:var(--s4)}.admin-review-head{justify-content:space-between;gap:var(--s3);border-block-end:1px solid var(--line);flex-wrap:wrap;margin-block-end:var(--s4);padding-block-end:var(--s3);display:flex}.admin-review-title{font-size:var(--fs-xl);margin-block:var(--s2) var(--s1)}.admin-review-actions{align-items:flex-start;gap:var(--s2);flex-wrap:wrap;display:flex}.admin-review-cover{object-fit:cover;border-radius:var(--radius);width:100%;max-height:220px;margin-block-end:var(--s4);display:block}.admin-review-excerpt{color:var(--ink-soft);margin-block-end:var(--s4);font-weight:600}.admin-prompt{gap:var(--s1);margin:0 0 var(--s3);display:grid}.admin-prompt div{gap:var(--s2);grid-template-columns:10rem minmax(0,1fr);display:grid}.admin-prompt dt{color:var(--ink-faint);font-weight:600}.admin-prompt dd{margin:0}.admin-advice{white-space:pre-line;padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.admin-login{max-width:380px}@media (max-width:600px){.admin-prompt div{grid-template-columns:minmax(0,1fr);gap:0}}.brand-head{gap:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr;margin-block-end:var(--s5);padding:clamp(1rem,3vw,2rem);display:grid}@media (min-width:900px){.brand-head{grid-template-columns:220px minmax(0,1fr) 300px;align-items:start}}.brand-logo{block-size:220px;padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;display:flex}.brand-logo img{object-fit:contain;block-size:100%;inline-size:100%}body.dark-mode .brand-logo{background:var(--logo-paper)}.brand-logo-fallback{font-size:var(--fs-2xl);text-align:center;color:var(--ink-faint);font-weight:700;line-height:1.15}.brand-head-main{flex-direction:column;justify-content:center;min-inline-size:0;display:flex}.brand-name{overflow-wrap:break-word;word-break:break-word;color:var(--ink);margin-block-end:var(--s2);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;line-height:1.2}.brand-desc{font-size:var(--fs-sm);color:var(--ink-soft);white-space:pre-line;max-inline-size:65ch;margin-block-start:0;margin-block-end:var(--s3);line-height:1.55}.brand-spec{border:1px solid var(--line);border-radius:var(--radius);align-self:start;overflow:hidden}.brand-tools{gap:var(--s3);flex-direction:column;margin-block-end:var(--s4);display:flex}.quick-filters{gap:var(--s4);flex-direction:column;display:flex}.quick-filter-row{gap:var(--s2);flex-direction:column;display:flex}.quick-filter-row-label{align-items:center;gap:var(--s3);font-size:var(--fs-sm);color:var(--ink);font-weight:700;display:flex}.quick-filter-row-label:before,.quick-filter-row-label:after{content:"";background:var(--line);flex:1;height:1px}.quick-filter-row-chips{justify-content:center;gap:var(--s2);flex-wrap:wrap;display:flex}.chip-active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.chip-count{font-size:var(--fs-xs);color:var(--ink-faint);margin-inline-start:.25rem}.chip-active .chip-count{color:var(--accent)}.chip-clear{border-style:dashed}.load-more{padding-block:var(--s5);justify-content:center;display:flex}.brand-group{margin-block-end:var(--s5)}.brand-group-letter{font-size:var(--fs-md);color:var(--accent);border-block-end:1px solid var(--line);margin-block-end:var(--s2);padding-block-end:var(--s1);font-weight:700}.brand-card-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.brand-card{aspect-ratio:3/2;padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;transition:border-color .12s;display:flex;position:relative;overflow:hidden}.brand-card:hover{border-color:var(--accent)}.brand-card-logo{object-fit:contain;max-block-size:100%;max-inline-size:100%}.brand-card-hover-name{background:var(--ink);color:var(--surface);font-size:var(--fs-xs);text-align:center;border-radius:var(--radius);white-space:normal;word-break:break-word;opacity:0;pointer-events:none;z-index:5;width:max-content;max-width:calc(100% - 12px);padding:.25rem .55rem;font-weight:600;line-height:1.25;transition:opacity .15s,transform .15s;display:block;position:absolute;bottom:6px;left:50%;transform:translate(-50%,4px);box-shadow:0 2px 8px #0003}.brand-card:hover .brand-card-hover-name{opacity:1;transform:translate(-50%)}body.dark-mode .brand-card-hover-name{background:var(--page);color:var(--ink);border:1px solid var(--line-strong)}body.dark-mode .brand-card{background:#fff}.brand-card-fallback{font-size:var(--fs-md);text-align:center;color:var(--ink-soft);font-weight:700;line-height:1.2}.card-accords{flex-wrap:wrap;gap:.2rem;display:flex}.accord-chip{font-size:var(--fs-xs);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);color:var(--ink-soft);padding:.1rem .4rem}a.accord-chip:hover{border-color:var(--accent);color:var(--accent)}.vote-grid{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.vote-panel{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);background:var(--surface)}.vote-panel .panel-title{margin-block-end:var(--s2)}.detail-body>.block+.block{margin-block-start:0}.block-title-row{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.block-title-row .block-title{border-block-end:0;flex:auto;margin-block-end:0;padding-block-end:0}.block-title-row+.user-photos-slider{margin-block-start:var(--s3)}.spec-link{color:var(--link)}.spec-link:hover{text-decoration:underline}.spec-links{gap:0 var(--s1);flex-wrap:wrap;display:inline-flex}.spec-links .spec-link:not(:last-child):after{content:",";color:var(--ink-faint)}.accord-strips{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.accord-strip{--fill:0%;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(to right, var(--accent-wash) 0 var(--fill), var(--surface-alt) var(--fill) 100%);color:var(--ink);font-size:var(--fs-sm);transition:border-color .15s;display:flex;position:relative;overflow:hidden}.accord-strip:hover{border-color:var(--accent)}.accord-strip-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.accord-strip-val{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:var(--fs-xs);flex:none}.facet-groups{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.facet-group{padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.facet-group .panel-title{border-block-end:1px solid var(--line);margin-block-end:var(--s3);padding-block-end:var(--s2)}.facet-tiles{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(74px,1fr));display:grid}.facet-tile{padding:var(--s2) var(--s1);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);color:var(--ink-soft);text-align:center;flex-direction:column;align-items:center;gap:2px;transition:border-color .15s,background .15s;display:flex}a.facet-tile:hover{border-color:var(--accent);background:var(--surface)}.facet-tile.is-best{border-color:var(--accent);background:var(--accent-wash);color:var(--ink)}.facet-ico{font-size:1.35rem;line-height:1.1}.facet-name{font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.facet-val{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--ink-faint)}.facet-tile.is-best .facet-val{color:var(--accent);font-weight:700}.layer-chip{align-items:center;gap:var(--s1);padding:2px var(--s2);border:1px solid var(--accent);background:var(--accent-wash);color:var(--accent);font-size:var(--fs-xs);cursor:pointer;border-radius:999px;font-weight:600;display:inline-flex}.usage-vote{align-items:center;gap:var(--s3);flex-wrap:wrap;margin-block-start:var(--s3);display:flex}.usage-count{font-size:var(--fs-sm)}.usage-picker{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);inline-size:100%;padding:var(--s3)}.usage-picker-title{font-size:var(--fs-sm);font-weight:600}.usage-picker .chip-nav{margin-block-start:var(--s2)}.usage-picker-note{font-size:var(--fs-xs);margin-block-start:var(--s2)}.related-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(124px,1fr));display:grid}.related-item{padding:var(--s2);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;font-size:var(--fs-xs);color:var(--ink-soft);flex-direction:column;gap:.15rem;min-inline-size:0;transition:border-color .15s,box-shadow .15s;display:flex}.related-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.related-item img{aspect-ratio:3/4;object-fit:contain;background:var(--surface-alt);border-radius:calc(var(--radius) - 2px);inline-size:100%;border:0;margin-block-end:var(--s2)}.related-brand{letter-spacing:.01em;color:var(--ink-faint);font-size:.7rem;font-weight:600}.related-brand,.related-name{overflow-wrap:anywhere}.related-name{color:var(--ink);font-weight:600;line-height:1.25}.related-item:hover .related-name{color:var(--accent)}.home-layout{flex-direction:column;gap:2.25rem;margin-block-end:3rem;display:flex}.home-hero{flex-direction:column;gap:.6rem;display:flex}.badge{letter-spacing:.03em;text-align:center;white-space:nowrap;vertical-align:baseline;text-transform:lowercase;background:var(--good-wash);color:var(--good);border-radius:.25rem;padding:.26em .55em;font-size:.7rem;font-weight:600;line-height:1;display:inline-block}.badge-warn{background:var(--warn-wash);color:var(--warn)}.badge-muted{background:var(--surface-sunk);color:var(--ink-faint)}.badge-danger{background:var(--bad-wash);color:var(--bad)}.badge-primary{background-color:var(--accent);color:var(--accent-contrast)}.badge-success{background-color:var(--good-wash);color:var(--good)}.badge-gender-male{color:#fff;background-color:#0284c7}.badge-gender-female{color:#fff;background-color:#db2777}.badge-gender-unisex{color:#fff;background-color:#7c3aed}.card-clean{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.card-clean:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 10px 20px -3px #00000014,0 4px 6px -4px #0000000a}.card-media{aspect-ratio:1;background:var(--surface-alt);padding:var(--s3);justify-content:center;align-items:center;display:flex;position:relative}.card-media img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .25s}.card-clean:hover .card-media img{transform:scale(1.04)}.card-hover-actions{opacity:0;z-index:10;flex-direction:column;gap:6px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:8px;right:8px;transform:translateY(-4px)}.card-clean:hover .card-hover-actions,.card-clean:focus-within .card-hover-actions{opacity:1;transform:translateY(0)}.card-action-btn{background:var(--surface);border:1px solid var(--line);cursor:pointer;width:32px;height:32px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative;box-shadow:0 2px 5px #0000001a}.card-action-btn:hover{background:var(--surface-alt);color:var(--accent);border-color:var(--accent)}.card-clean .card-body{padding:var(--s3);flex-direction:column;flex:1;gap:.3rem;display:flex}.card-clean .card-brand{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--ink-faint);font-weight:700;text-decoration:none;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s;display:inline-block}.card-clean .card-brand:hover{color:var(--accent);text-decoration:underline}.card-clean .card-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4rem;font-size:.92rem;font-weight:700;line-height:1.3;text-decoration:none;display:-webkit-box;overflow:hidden}.card-clean .card-title:hover{color:var(--accent)}.card-badge-row{justify-content:space-between;align-items:center;gap:.35rem;margin-block-start:auto;padding-block-start:.4rem;display:flex}.card-badge-left{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.card-rating-badge{color:#b45309;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:.25rem;align-items:center;gap:.2rem;margin-inline-start:auto;padding:.2em .45em;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}body.dark-mode .card-rating-badge{color:#fde68a;background:#451a03;border-color:#78350f}.search-results .grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}@media (min-width:600px){.search-results .grid-cards{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:700px) and (max-width:819px),(min-width:860px){.search-results .grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1180px){.search-results .grid-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:599px){.search-results .card-clean .card-media{aspect-ratio:1;padding:6px}.search-results .card-clean .card-body{gap:.2rem;padding:.5rem}.search-results .card-clean .card-brand{font-size:.68rem}.search-results .card-clean .card-title{min-height:2.05rem;font-size:.82rem;line-height:1.25}.search-results .card-clean .card-badge-row{gap:.2rem}.search-results .card-clean .card-badge-row .badge{padding:.15rem .35rem;font-size:.62rem}}.load-more-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-block:1.5rem 2.5rem;display:flex}.load-more-btn{min-width:220px;font-size:var(--fs-sm);border-radius:var(--radius);cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;transition:all .15s;display:inline-flex}.load-more-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-count{font-size:var(--fs-xs);color:var(--ink-faint)}.slider-section{flex-direction:column;gap:.85rem;display:flex}.slider-head{border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;padding-block-end:.5rem;display:flex}.slider-title{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:.45rem;margin:0;font-size:1.05rem;font-weight:700;display:inline-flex}.slider-title:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--signal) 100%);border-radius:2px;flex-shrink:0;width:3.5px;height:1.1em;display:inline-block}.slider-wrapper{align-items:center;display:flex;position:relative}.slider-side-nav{background:var(--surface);border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;z-index:20;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001f}.slider-side-nav:hover{background:var(--surface-alt);color:var(--accent);border-color:var(--accent);transform:translateY(-50%)scale(1.08)}.slider-side-prev{left:-16px}.slider-side-next{right:-16px}@media (max-width:768px){.slider-side-prev{left:2px}.slider-side-next{right:2px}}.slider-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;gap:1rem;width:100%;padding-block:.35rem .65rem;display:flex;overflow-x:auto}.slider-track::-webkit-scrollbar{height:5px}.slider-track::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.slider-item{scroll-snap-align:start;flex:0 0 200px}.slider-item-compare{flex:0 0 320px}.slider-item-brand{flex:0 0 160px}.compare-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);height:100%;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.compare-card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 10px 20px -3px #00000014}.compare-card-link{color:inherit;padding:var(--s3);height:100%;text-decoration:none;display:block}.compare-sides{gap:var(--s2);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.compare-side{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.compare-img-wrap{background:var(--surface-alt);border-radius:var(--radius);border:1px solid var(--line);justify-content:center;align-items:center;width:80px;height:95px;padding:.35rem;display:flex}.compare-img-wrap img{object-fit:contain;max-width:100%;max-height:100%}.compare-brand{letter-spacing:.02em;color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.7rem;font-weight:700;overflow:hidden}.compare-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2rem;font-size:.8rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.compare-badges{flex-direction:column;align-items:center;gap:.2rem;width:100%;display:flex}.compare-vs-badge{background:var(--accent);width:32px;height:32px;color:var(--accent-contrast);letter-spacing:.05em;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:inline-flex;box-shadow:0 2px 8px #0003}.hero-blog-slider{isolation:isolate;border-radius:var(--radius-lg);color:#fff;background:#101614;flex-direction:column;justify-content:flex-start;min-height:200px;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px -10px #00000059}.hero-blog-bg{z-index:-1;opacity:0;background-position:50%;background-size:cover;transition:opacity .6s,transform 6s linear;position:absolute;inset:0;transform:scale(1.04)}.hero-blog-bg.is-active{opacity:1;transform:scale(1)}.hero-blog-slider:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#080c0bb3 0%,#080c0b47 55%,#080c0b00 100%),linear-gradient(#080c0b00 30%,#080c0b66 60%,#080c0bd1 100%);position:absolute;inset:0}.hero-blog-content{z-index:1;max-width:calc(100% - 90px);position:relative}.hero-blog-title{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 14px #00000073;margin:0 0 .4rem;font-size:clamp(1.1rem,.95rem + .7vw,1.6rem);font-weight:700;line-height:1.25}.hero-blog-title-link{text-decoration:none}.hero-blog-title-link:hover .hero-blog-title{text-underline-offset:4px;text-decoration:underline}.hero-blog-excerpt{font-size:var(--fs-sm);color:#e2e8e5;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:700px;margin:0 0 1.5rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hero-blog-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:5;background:#080c0b80;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:.85rem}.hero-blog-nav:hover{background:#080c0bbf}.hero-blog-prev{inset-inline-end:calc(1.25rem + 40px)}.hero-blog-next{inset-inline-end:1.25rem}.hero-blog-dots{bottom:.5rem;z-index:1;align-items:center;gap:0;display:flex;position:absolute;inset-inline-end:1.25rem}.hero-blog-count{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:#d3dbd8;margin-inline-end:var(--s2)}.hero-blog-dot{cursor:pointer;background:0 0;border:none;place-items:center;width:24px;height:24px;padding:0;display:grid;position:relative}.hero-blog-dot:before{content:"";background:#fff6;border-radius:4px;width:8px;height:8px;transition:width .2s,background .2s}.hero-blog-dot.active{width:32px}.hero-blog-dot.active:before{background:#fff;width:22px}.hero-blog-dot:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid #fff}@media (max-width:479px){.slider-track{scroll-snap-type:x mandatory;padding-inline:calc(50% - 105px);scroll-padding-inline:calc(50% - 105px)}.slider-track:has(.slider-item-compare){padding-inline:calc(50% - 150px);scroll-padding-inline:calc(50% - 150px)}.slider-track:has(.slider-item-brand){padding-inline:calc(50% - 80px);scroll-padding-inline:calc(50% - 80px)}.slider-item{scroll-snap-align:center}.slider-item.slider-item-compare{scroll-snap-align:center;flex:0 0 300px}.slider-item.slider-item-brand{scroll-snap-align:center;flex:0 0 160px}}@media (max-width:768px){.hero-blog-slider{min-height:220px;padding:.85rem 1rem 2.75rem}.hero-blog-excerpt{margin-bottom:.25rem}.hero-blog-nav{z-index:5;top:auto;bottom:.1rem}.hero-blog-prev{inset-inline:.75rem auto}.hero-blog-next{inset-inline:auto .75rem}.hero-blog-dots{bottom:.35rem;pointer-events:none;justify-content:center;inset-inline:0}.hero-blog-dot{pointer-events:auto}}.detail-article-block,.detail-faq-block{margin-block-start:var(--s5)}.article-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s5) var(--s6);gap:var(--s5);flex-direction:column;display:flex}@media (max-width:640px){.article-body{padding:var(--s4);gap:var(--s4)}}.article-section{gap:var(--s2);flex-direction:column;display:flex}.article-section:not(:last-child){border-block-end:1px solid var(--line);padding-block-end:var(--s5)}.article-section-heading{font-size:var(--fs-md);color:var(--ink);align-items:center;gap:var(--s2);letter-spacing:-.01em;margin:0;font-weight:700;display:flex}.article-section-heading:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:1.1em}.article-section-content{gap:var(--s3);flex-direction:column;display:flex}.article-section-content p{font-size:var(--fs-base);color:var(--ink);word-break:break-word;margin:0;line-height:1.75}.article-section-content strong{color:var(--ink);font-weight:700}.faq-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.faq-item{border-block-end:1px solid var(--line)}.faq-item:last-child{border-block-end:none}.faq-trigger{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;list-style:none;transition:background .15s;display:flex}.faq-trigger::-webkit-details-marker{display:none}.faq-trigger:hover{background:var(--surface-alt)}.faq-q{font-size:var(--fs-base);color:var(--ink);flex:1;font-weight:600;line-height:1.5}.faq-chevron{width:24px;height:24px;color:var(--ink-faint);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,color .15s;display:inline-flex}.faq-item[open] .faq-chevron{color:var(--accent);transform:rotate(180deg)}.faq-answer{padding:0 var(--s5) var(--s4) var(--s5);background:0 0}.faq-answer p{font-size:var(--fs-base);color:var(--ink);word-break:break-word;margin:0;line-height:1.7}.detail-buy-block{margin-block-end:var(--s6);position:relative}.detail-buy-top-banner{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.detail-buy-top-banner .badge-wip{background:var(--surface);border-color:var(--warn);border-radius:999px;padding:3px 10px;box-shadow:0 2px 6px #00000014}.detail-buy-main-header{margin-block-end:var(--s4)}.badge-wip{background:var(--warn-wash);color:var(--warn);border:1px solid var(--line-strong);border-radius:var(--radius-sm,4px);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-weight:700;line-height:1.2;display:inline-flex}.badge-wip-dot{background-color:var(--warn);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite badge-pulse;display:inline-block}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.detail-buy-wip-notice{margin-top:var(--s2);align-items:flex-start;gap:var(--s2);background:var(--surface-alt);border:1px solid var(--line);border-left:3px solid var(--warn);padding:var(--s2) var(--s3);border-radius:var(--radius-sm,4px);font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.45;display:flex}.wip-notice-icon{flex-shrink:0;font-size:1rem;line-height:1.2}.detail-buy-lead{margin:var(--s1) 0 0 0;font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.5}.buy-stacked-sliders{gap:var(--s4);flex-direction:column;display:flex}.buy-slider-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);gap:var(--s3);flex-direction:column;display:flex}.buy-slider-header{justify-content:space-between;align-items:center;gap:var(--s3);border-block-end:1px solid var(--line);padding-block-end:var(--s2);display:flex}.buy-slider-title-area{align-items:center;gap:var(--s3);flex:1;min-width:0;display:flex}.buy-slider-icon{border-radius:var(--radius);background:var(--surface-alt);border:1px solid var(--line);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.35rem;line-height:1;display:inline-flex}.buy-slider-title{font-size:var(--fs-base);color:var(--ink);margin:0 0 2px;font-weight:700;line-height:1.3}.buy-slider-subtitle{font-size:var(--fs-xs);color:var(--ink-soft);margin:0;line-height:1.4}.buy-slider-nav{flex-shrink:0;align-items:center;gap:6px;display:flex}.buy-nav-btn{border:1px solid var(--line);background:var(--surface-alt);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .1s;display:flex}.buy-nav-btn:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-1px)}.buy-nav-btn:active{transform:translateY(0)}.buy-slider-track-wrap{width:100%;position:relative;overflow:hidden}.buy-slider-track{gap:var(--s3);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-overflow-scrolling:touch;padding-block-start:2px;padding-block-end:var(--s2);display:flex;overflow-x:auto}.buy-slider-track::-webkit-scrollbar{height:5px}.buy-slider-track::-webkit-scrollbar-track{background:0 0}.buy-slider-track::-webkit-scrollbar-thumb{background-color:var(--line);border-radius:4px}.buy-store-card{aspect-ratio:1;scroll-snap-align:start;background:var(--logo-plate);border:1px solid var(--logo-plate-line);border-radius:var(--radius-lg);flex:0 0 88px;justify-content:center;align-items:center;width:88px;min-width:88px;height:88px;padding:6px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.buy-store-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}body.dark-mode .buy-store-card{background:var(--logo-paper)}body.dark-mode .buy-store-card:hover{border-color:var(--accent);box-shadow:0 4px 14px #00000073}.buy-card-logo-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.buy-card-logo-img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}@media (max-width:640px){.buy-slider-nav{display:none}.buy-store-card{flex:0 0 74px;width:74px;min-width:74px;height:74px;padding:8px}}.perfume-card-skeleton{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:172px;height:270px;padding:var(--s3);gap:var(--s2);flex-direction:column;display:flex}.skeleton-shimmer{background:linear-gradient(90deg, var(--surface-alt) 25%, var(--surface-sunk) 50%, var(--surface-alt) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.4s infinite skeleton-wave}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-img{aspect-ratio:1;border-radius:var(--radius);width:100%}.skeleton-text-sm{width:45%;height:12px}.skeleton-text-md{width:85%;height:15px}.skeleton-badge{width:65px;height:22px;margin-top:auto}.home-discovery{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:var(--radius-lg);display:flex}.home-discovery-copy{gap:2px;min-width:max-content;display:grid}.home-discovery-copy .eyebrow,.slider-eyebrow,.compare-picker-kicker,.compare-empty-kicker{color:var(--accent);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.home-discovery-copy strong{font-size:var(--fs-sm);color:var(--ink)}.home-discovery-links,.search-quick-links{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.home-discovery-links a,.search-quick-links button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);min-height:32px;color:var(--ink-soft);font-size:var(--fs-xs);align-items:center;gap:.35rem;padding:.3rem .55rem;font-weight:700;display:inline-flex}.home-discovery-links a:hover,.search-quick-links button:hover{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.slider-section{gap:var(--s3)}.slider-head{align-items:flex-end;padding-block-end:var(--s3)}.slider-heading{gap:1px;display:grid}.slider-desc{color:var(--ink-faint);font-size:var(--fs-sm)}.slider-side-nav{border-radius:var(--radius);width:40px;height:40px}.slider-track{gap:var(--s3);padding-block:var(--s2) var(--s3)}.slider-item{flex-basis:210px}.detail-head{border-block-start:4px solid var(--accent)}@media (min-width:720px){.detail-head{grid-template-columns:minmax(270px,350px) minmax(0,1fr)}}.detail-at-a-glance{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--line);flex-wrap:wrap;align-items:stretch;gap:1px;margin-block-end:var(--s4);display:flex;overflow:hidden}.detail-glance-label,.detail-glance-cell{min-height:54px;padding:var(--s2) var(--s3);background:var(--surface-alt);align-content:center;display:grid}.detail-glance-label{min-width:100%;color:var(--accent);font-size:var(--fs-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:700}.detail-glance-cell{flex:120px;gap:2px}.detail-glance-cell small{color:var(--ink-faint);font-size:var(--fs-xs)}.detail-glance-cell strong{color:var(--ink);font-size:var(--fs-sm);overflow-wrap:anywhere}.search-page-head{gap:var(--s1);margin-block-end:var(--s4);display:grid}.search-page-lead{max-width:72ch;color:var(--ink-soft);font-size:var(--fs-sm)}.search-query-field{background:var(--surface);margin-block-end:var(--s2)}.search-quick-links{margin-block-end:var(--s5)}.search-quick-links>span{color:var(--ink-faint);font-size:var(--fs-xs);font-weight:700}.filter-panel{border-block-start-width:3px}.compare-picker{border-block-start-width:4px;grid-template-columns:minmax(0,1fr)}@media (min-width:780px){.compare-picker{gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(210px,.42fr)}}.compare-picker-kicker{margin-block-end:var(--s2);display:inline-block}.compare-picker-note{align-content:center;align-self:stretch;gap:var(--s1);padding:var(--s3);background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);font-size:var(--fs-sm);display:grid}.compare-picker-note strong{color:var(--ink);font-size:var(--fs-md)}.compare-empty{max-width:760px;margin:var(--s6) auto 0;padding:var(--s6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.compare-empty h2{margin-block:var(--s2);font-size:var(--fs-xl)}.compare-empty>p{max-width:60ch;color:var(--ink-soft);margin-inline:auto}.compare-empty-steps{gap:var(--s2);margin:var(--s5) 0;text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.compare-empty-steps li{align-items:center;gap:var(--s2);padding:var(--s2);background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);font-size:var(--fs-xs);display:flex}.compare-empty-steps strong{width:24px;height:24px;color:var(--accent);border:1px solid var(--accent);border-radius:50%;flex:0 0 24px;place-items:center;display:grid}@media (max-width:600px){.compare-empty{padding:var(--s4)}.compare-empty-steps{grid-template-columns:1fr}}@media (max-width:768px){.home-discovery{flex-direction:column;align-items:flex-start}.home-discovery-copy{min-width:0}.home-discovery-links{flex-wrap:nowrap;width:100%;padding-block-end:2px;overflow-x:auto}.home-discovery-links a{flex:none}.slider-head{align-items:flex-end}.slider-desc{display:none}.detail-at-a-glance{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-glance-label{grid-column:1/-1}.compare-empty{padding:var(--s5)}.compare-empty-steps{grid-template-columns:1fr}}@media (hover:none){.card-hover-actions{opacity:1;transform:none}}.toast-container{bottom:var(--s6);right:var(--s6);z-index:10000;gap:var(--s2);max-width:420px;width:calc(100vw - var(--s6) * 2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast-item{pointer-events:auto;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--fs-sm);animation:.25s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex;box-shadow:0 4px 16px #0000001f}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.toast-success{border-left:4px solid var(--good)}.toast-success .toast-icon-wrap{background:var(--good-wash);color:var(--good)}.toast-error{border-left:4px solid var(--bad)}.toast-error .toast-icon-wrap{background:var(--bad-wash);color:var(--bad)}.toast-info,.toast-warning{border-left:4px solid var(--accent)}.toast-info .toast-icon-wrap,.toast-warning .toast-icon-wrap{background:var(--accent-wash);color:var(--accent)}.toast-message{word-break:break-word;flex:1;line-height:1.4}.toast-close-btn{color:var(--ink-faint);cursor:pointer;padding:var(--s1);border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}.toast-close-btn:hover{color:var(--ink);background:var(--surface-sunk)}@media (max-width:640px){.toast-container{bottom:var(--s4);right:var(--s4);left:var(--s4);width:auto}}.pagination-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0 1.5rem;padding:.75rem 0;display:flex}.pagination-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.pagination-btn,.pagination-number{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-width:34px;height:34px;color:var(--ink);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.35rem;padding:0 .5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.pagination-btn:hover:not(.pagination-disabled),.pagination-number:hover:not(.pagination-current){background:var(--surface-alt);border-color:var(--line-strong)}.pagination-number.pagination-current{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.pagination-btn.pagination-disabled{opacity:.35;cursor:not-allowed;pointer-events:none;background:0 0}.pagination-ellipsis{min-width:24px;height:34px;color:var(--ink-faint);justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}@media (max-width:480px){.pagination-nav{gap:.35rem;padding:.5rem 0}.pagination-btn span{display:none}.pagination-btn,.pagination-number{min-width:30px;height:30px;padding:0 .25rem;font-size:.75rem}}.nav-btn-advisor{cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-family:inherit;display:inline-flex}.mobile-advisor-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.advisor-modal-card{max-width:680px}.advisor-intro-text{font-size:var(--fs-sm);color:var(--ink-muted);background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-md);padding:.75rem 1rem;line-height:1.5}.advisor-segmented-pills{flex-wrap:wrap;gap:.4rem;display:flex}.advisor-seg-btn{font-size:var(--fs-xs);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-alt);color:var(--ink-muted);cursor:pointer;padding:.45rem .9rem;font-weight:600;transition:all .15s}.advisor-seg-btn:hover{border-color:var(--accent);color:var(--ink)}.advisor-seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.advisor-tag-pills{flex-wrap:wrap;gap:.4rem;display:flex}.advisor-tag-btn{font-size:var(--fs-xs);border:1px solid var(--line);background:var(--surface-alt);color:var(--ink-muted);cursor:pointer;border-radius:9999px;padding:.4rem .75rem;font-weight:500;transition:all .15s}.advisor-tag-btn:hover{border-color:var(--line-strong);color:var(--ink)}.advisor-tag-btn.active{background:var(--surface-tint);border-color:var(--accent);color:var(--accent);font-weight:600}.advisor-submit-wrap{border-top:1px solid var(--line);justify-content:flex-end;padding-top:.5rem;display:flex}.advisor-submit-btn{border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}.advisor-login-box,.advisor-loading-box{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;display:flex}.advisor-icon-circle{background:var(--surface-tint);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.advisor-login-box h3{color:var(--ink);margin:0;font-size:1.15rem;font-weight:700}.advisor-login-box p{font-size:var(--fs-sm);color:var(--ink-muted);max-width:440px;margin:0;line-height:1.5}.advisor-spin{color:var(--accent);animation:2s linear infinite advisorSpin}@keyframes advisorSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.advisor-result-body{flex-direction:column;gap:1.25rem;display:flex}.advisor-quota-badge{background:var(--surface-tint);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--fs-xs);align-items:center;gap:.5rem;padding:.4rem .85rem;font-weight:600;display:inline-flex}.advisor-perfume-card{background:var(--surface-alt);border:1px solid var(--line-strong);border-radius:var(--radius-md);align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.advisor-perfume-img{object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex-shrink:0;width:100px;height:120px;padding:.5rem}.advisor-perfume-noimg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:100px;height:120px;color:var(--ink-faint);flex-shrink:0;justify-content:center;align-items:center;display:flex}.advisor-perfume-details{flex-direction:column;flex-grow:1;gap:.4rem;display:flex}.advisor-brand-name{font-size:var(--fs-xs);text-transform:uppercase;color:var(--ink-faint);letter-spacing:.04em;font-weight:600}.advisor-perfume-title{color:var(--ink);margin:0;font-size:1.2rem;font-weight:700}.advisor-meta-pills{flex-wrap:wrap;gap:.35rem;margin-top:.2rem;display:flex}.advisor-pill{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);color:var(--ink-muted);padding:.2rem .55rem;font-size:.7rem;font-weight:600}.advisor-pill.highlight{background:var(--surface-tint);border-color:var(--accent);color:var(--accent)}.advisor-pill.rating{color:#d97706;background:#f59e0b26;border-color:#f59e0b66}.advisor-detail-link{align-self:flex-start;align-items:center;gap:.4rem;margin-top:.6rem;display:inline-flex}.advisor-letter{background:var(--surface-alt);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.advisor-letter-header{color:var(--accent);font-size:var(--fs-sm);align-items:center;gap:.4rem;display:flex}.advisor-letter-content{font-size:var(--fs-sm);color:var(--ink);flex-direction:column;gap:.65rem;line-height:1.65;display:flex}.advisor-footer-note{font-size:var(--fs-xs);color:var(--ink-faint);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}@media (max-width:600px){.advisor-perfume-card{text-align:center;flex-direction:column;align-items:center}.advisor-detail-link{align-self:center}.advisor-meta-pills{justify-content:center}}.legal-page{max-width:78ch;margin-block:var(--s5) var(--s7);color:var(--ink-soft);font-size:var(--fs-md);line-height:1.7}.legal-page h2{margin-block:var(--s6) var(--s2);font-size:var(--fs-lg);color:var(--ink)}.legal-page p,.legal-page ul{margin-block:0 var(--s3)}.legal-page ul{padding-inline-start:1.25rem}.legal-page li{margin-block-end:var(--s2)}.legal-page a{color:var(--link);overflow-wrap:anywhere}.legal-page strong{color:var(--ink)}.login-modal-overlay{z-index:1000}.login-modal-card{max-width:420px}.login-modal-body{padding:var(--s5);text-align:center}.login-modal-note{margin-block:var(--s4) 0;font-size:var(--fs-xs);color:var(--ink-faint)}.login-modal-note a{color:var(--link);text-decoration:underline}button.link-more{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}button.link-more:hover{text-decoration:underline}.contact-form-block{margin-block:var(--s4) var(--s7)}.contact-form-row{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}.contact-textarea{min-height:180px}.contact-message-meta{align-items:flex-start;gap:var(--s3);display:flex}.contact-counter{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto}.contact-field-error{font-size:var(--fs-xs);color:var(--bad)}.contact-form .input[aria-invalid=true],.contact-form .textarea[aria-invalid=true]{border-color:var(--bad)}.contact-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-actions{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.contact-consent{font-size:var(--fs-xs);flex:240px}.contact-consent a{color:var(--link);overflow-wrap:anywhere}.contact-sent{gap:var(--s3);color:var(--good);align-items:flex-start;display:flex}.contact-sent p{margin:0 0 var(--s3);color:var(--ink)}.contact-message-body{white-space:pre-wrap;overflow-wrap:anywhere;min-width:220px}@media (max-width:768px){.contact-form-row{grid-template-columns:1fr}}.footer-info-btn{vertical-align:-2px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:.25rem;padding:.15rem;line-height:1;transition:color .15s,transform .15s;display:inline-flex}.footer-info-btn:hover{color:var(--accent);transform:scale(1.15)}.footer-info-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.contact-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.contact-modal-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md,12px);outline:none;flex-direction:column;width:100%;max-width:330px;padding:1.15rem 1.25rem;animation:.18s ease-out contactModalIn;display:flex;box-shadow:0 16px 40px #00000038}@keyframes contactModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.contact-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.65rem;display:flex}.contact-modal-title-wrap{align-items:center;gap:.5rem;display:flex}.contact-modal-icon{color:var(--accent);justify-content:center;align-items:center;display:flex}.contact-modal-title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.contact-modal-close{cursor:pointer;color:var(--ink-muted);border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;transition:color .15s,background .15s;display:flex}.contact-modal-close:hover{color:var(--ink);background:var(--surface-alt)}.contact-modal-body{flex-direction:column;gap:.85rem;display:flex}.contact-modal-section{flex-direction:column;gap:.25rem;display:flex}.contact-modal-label{color:var(--ink-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.contact-modal-val{color:var(--ink);font-size:.9375rem;font-weight:600}.contact-modal-link{color:var(--accent);word-break:break-all;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .15s}.contact-modal-link:hover{opacity:.85;text-decoration:underline}.contact-modal-linkedin-badge{border-radius:var(--radius-sm,6px);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);width:fit-content;color:var(--accent);align-items:center;gap:.5rem;padding:.4rem .65rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.contact-modal-linkedin-badge:hover{background:color-mix(in srgb, var(--accent) 18%, var(--surface));border-color:var(--accent)}.contact-modal-linkedin-icon{flex-shrink:0}.scroll-up-btn{border-radius:var(--radius-md,10px);background:var(--accent);width:2.625rem;height:2.625rem;color:var(--accent-contrast,#fff);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent);cursor:pointer;z-index:60;opacity:0;pointer-events:none;border:none;justify-content:center;align-items:center;transition:opacity .25s,transform .25s,background .15s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(12px)}.scroll-up-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-up-btn:hover{background:color-mix(in srgb, var(--accent) 85%, black);transform:translateY(-2px)}.scroll-up-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body:has(.compare-bar) .scroll-up-btn{z-index:50}