:root{
  --bg:#f6f7fb;
  --bg2:#eef7ff;
  --surface:#ffffff;
  --surface2:#f9fbff;
  --ink:#080a12;
  --text:#181927;
  --muted:#667085;
  --line:rgba(18,24,38,.10);
  --line2:rgba(18,24,38,.16);
  --violet:#7b61ff;
  --cyan:#53e0d0;
  --lime:#9eff30;
  --pink:#ff63b7;
  --coral:#ff6b4a;
  --amber:#ffb649;
  --blue:#58a6ff;
  --shadow:0 16px 42px rgba(16,24,40,.08);
  --shadow2:0 32px 90px rgba(16,24,40,.14);
  --radius:28px;
  --radius2:42px;
  --container:min(1480px,calc(100vw - 34px));
  --font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
}
html[data-theme="dark"]{
  --bg:#090c13;
  --bg2:#101621;
  --surface:#111827;
  --surface2:#151e2d;
  --ink:#fff;
  --text:#f7f8fb;
  --muted:#aab3c2;
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.16);
  --shadow:0 16px 46px rgba(0,0,0,.35);
  --shadow2:0 34px 100px rgba(0,0,0,.46);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 8% 7%,rgba(158,255,48,.12),transparent 20%),
  radial-gradient(circle at 92% 0%,rgba(83,224,208,.15),transparent 22%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);
  color:var(--text);font:400 16px/1.58 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
.site-main>*{width:var(--container);margin-inline:auto}
.full-bleed{width:min(1680px,calc(100vw - 16px))}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#000;color:#fff;padding:10px 14px;border-radius:14px}
.muted{color:var(--muted)}

.site-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}
.header-shell{width:var(--container);margin:auto;display:grid;grid-template-columns:auto 1fr minmax(240px,360px) auto auto;gap:16px;align-items:center;padding:14px 0}
.brand-lockup{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}
.brand-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.46));border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}
.brand-mark img{width:130%;height:130%;object-fit:contain}
.brand-text{font-size:1.12rem}.brand-text span{color:var(--violet)}
.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.main-nav a,.main-nav button{border:0;background:transparent;padding:10px 13px;border-radius:999px;color:var(--muted);font-weight:650;transition:.2s}
.main-nav a:hover,.main-nav button:hover{color:var(--ink);background:var(--surface);box-shadow:var(--shadow)}
.nav-dropdown{position:relative}.category-popover{display:none;position:absolute;top:calc(100% + 10px);left:0;width:340px;padding:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);box-shadow:var(--shadow2);border-radius:24px;backdrop-filter:blur(20px)}.nav-dropdown.is-open .category-popover{display:block}
.category-tree{display:grid;gap:10px}.category-tree details{border:1px solid var(--line);border-radius:16px;background:var(--surface2);padding:10px 12px}.category-tree summary{display:flex;justify-content:space-between;font-weight:750;cursor:pointer}.category-tree a{display:block;color:var(--muted);padding:8px 0}
.header-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);padding:5px 5px 5px 16px}
.header-search input{border:0;background:transparent;outline:0;min-width:0;flex:1}
.header-search button,.theme-toggle,.auth-chip a{height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);font-weight:750}
.header-search button{width:42px;border:0;background:linear-gradient(135deg,var(--lime),var(--cyan));color:#06100f}
.theme-toggle{width:42px}.auth-chip a{padding:0 16px}
.flash-toast{width:var(--container);margin:16px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}

h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.055em;line-height:.96}
h1,h2{font-family:var(--serif);font-weight:400}
h3{letter-spacing:-.035em}
p{margin:0;color:var(--muted)}
.kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(158,255,48,.18);border:1px solid rgba(158,255,48,.32);color:#2b5e00;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
html[data-theme="dark"] .kicker{color:var(--lime)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:.22s transform,.22s box-shadow}
.btn:hover{transform:translateY(-2px)}
.btn.big{padding:15px 22px}
.btn.black{background:#07080f;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.18)}
.btn.soft{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);color:var(--ink)}
.btn.ghost{background:transparent;border-color:var(--line)}
.hero-actions,.award-actions,.card-actions,.tag-row,.footer-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.neo-hero{display:grid;grid-template-columns:minmax(360px,560px) 1fr;gap:20px;align-items:stretch;padding:20px 0 10px}
.neo-hero-copy{position:relative;z-index:2;padding:clamp(28px,4vw,62px);border-radius:var(--radius2);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.56));border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow2);backdrop-filter:blur(22px);display:flex;flex-direction:column;justify-content:center;min-height:640px}
html[data-theme="dark"] .neo-hero-copy{background:linear-gradient(145deg,rgba(17,24,39,.86),rgba(17,24,39,.56));border-color:var(--line)}
.neo-hero-copy h1{font-size:clamp(4.2rem,8vw,8.5rem);max-width:6.5ch;margin:20px 0 22px}
.neo-hero-copy p{font-size:clamp(1.02rem,1.25vw,1.22rem);max-width:58ch;color:color-mix(in srgb,var(--muted) 90%,var(--ink));margin-bottom:24px}
.neo-hero-copy:after{content:"";position:absolute;right:28px;bottom:28px;width:96px;height:96px;background:url("../img/olet-new/transparent_png/olet_favorite_bookmark.png") center/contain no-repeat;opacity:.85;filter:drop-shadow(0 18px 26px rgba(0,0,0,.12))}
.neo-hero-art{position:relative;border-radius:var(--radius2);overflow:hidden;box-shadow:var(--shadow2);border:1px solid rgba(255,255,255,.8);background:linear-gradient(135deg,#fff,#eff8ff);min-height:640px}
.neo-hero-art picture,.neo-hero-art img{width:100%;height:100%;display:block}
.neo-hero-art img{object-fit:cover}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.hero-proof>div{padding:16px;border-radius:22px;background:rgba(255,255,255,.74);border:1px solid var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] .hero-proof>div{background:rgba(255,255,255,.06)}
.hero-proof b{display:block;font-size:1.25rem;color:var(--ink)}.hero-proof span{font-size:.88rem;color:var(--muted)}

.quick-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.quick-panels article{position:relative;display:grid;grid-template-columns:44% 1fr;gap:22px;align-items:center;min-height:300px;padding:18px;border-radius:34px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.quick-panels img{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:26px}
.quick-panels span{color:var(--violet);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
.quick-panels h2{font-size:clamp(2rem,3vw,3.1rem);margin:8px 0 12px}
.quick-panels p{max-width:48ch}

.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:44px 0 18px}
.section-head.wide{width:min(1480px,calc(100vw - 34px))}
.section-head h2{font-size:clamp(2.2rem,4.4vw,4.8rem);max-width:12ch;margin-top:12px}
.section-head p{max-width:48ch}
.category-visual-strip{border-radius:36px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.75)}
.category-visual-strip img{width:100%;height:auto;display:block}

.award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.award-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.award-card.neo{position:relative;display:grid;grid-template-columns:42% 1fr;gap:18px;padding:18px;border-radius:34px;background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.award-card-visual{position:relative;min-height:310px;border-radius:28px;background:linear-gradient(135deg,rgba(123,97,255,.12),rgba(83,224,208,.10),rgba(158,255,48,.10));overflow:hidden}
.award-bg-asset{position:absolute;inset:-20% -20%;width:140%;height:140%;object-fit:contain;opacity:.68;filter:saturate(1.08)}
.award-badge-asset{position:absolute;left:24px;bottom:20px;width:118px;filter:drop-shadow(0 20px 28px rgba(30,30,60,.18))}
.award-product-stack{position:absolute;inset:18px}
.mini-product-orb{position:absolute;width:104px;height:104px;border-radius:30px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow);display:grid;place-items:center;backdrop-filter:blur(10px)}
html[data-theme="dark"] .mini-product-orb{background:rgba(255,255,255,.08)}
.mini-product-orb img{width:100%;height:100%;object-fit:contain;padding:12px}.mini-product-orb.o0{right:18px;top:20px}.mini-product-orb.o1{right:70px;bottom:24px}.mini-product-orb.o2{left:16px;top:44px}
.award-card-copy{display:flex;flex-direction:column;justify-content:center;padding:10px}
.award-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-weight:800;font-size:.82rem;margin-bottom:14px}
.award-card h3{font-size:clamp(1.8rem,2.4vw,2.8rem);margin-bottom:14px}
.winner-line{margin:0 0 12px}.winner-line span{display:inline-flex;margin-right:8px;padding:6px 10px;border-radius:999px;background:rgba(158,255,48,.18);color:#2b5e00;font-weight:850}
.award-card p{margin-bottom:18px}

.product-carousel,.ranked-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ranked-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-card.neo{position:relative;display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:30px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;min-height:100%;transition:.22s transform,.22s box-shadow}
.product-card.neo:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}
.product-card-art{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(245,250,255,.95));border:1px solid var(--line)}
.product-image{display:grid;place-items:center;aspect-ratio:1/1;width:100%}
.product-image img,.main-product-image img,.podium-card img,.top10-item img{width:100%;height:100%;object-fit:contain;padding:clamp(12px,2vw,24px);mix-blend-mode:multiply}
html[data-theme="dark"] .product-image img,html[data-theme="dark"] .main-product-image img,html[data-theme="dark"] .podium-card img,html[data-theme="dark"] .top10-item img{mix-blend-mode:normal}
.rank-bubble,.score-bubble{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#07080f;color:#fff;font-weight:900;box-shadow:var(--shadow);padding:8px 10px;line-height:1}
.rank-bubble{left:12px;top:12px}.score-bubble{right:12px;top:12px;background:linear-gradient(135deg,var(--lime),var(--cyan));color:#07100e}
.product-card-body{display:flex;flex-direction:column;gap:10px;flex:1}
.product-card h3{font-size:1.15rem;line-height:1.12;letter-spacing:-.04em}
.award-name{font-size:.75rem;color:var(--violet);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.product-card p{font-size:.94rem}
.tag-row span{font-size:.76rem;padding:7px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-weight:700}
.card-actions{margin-top:auto}.card-actions .btn{padding:10px 13px;font-size:.88rem}

.top10-stage{display:grid;grid-template-columns:420px 1fr;gap:20px;padding:24px;border-radius:42px;background:linear-gradient(135deg,#101520,#182033);color:#fff;margin-top:42px;box-shadow:var(--shadow2);overflow:hidden}
.top10-stage h2,.top10-stage p{color:#fff}.top10-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:520px;padding:24px}.top10-copy img{width:220px;align-self:center;margin-bottom:12px;filter:drop-shadow(0 25px 38px rgba(0,0,0,.25))}
.top10-copy h2{font-size:clamp(2.5rem,4vw,4.6rem);margin:14px 0}.top10-copy p{opacity:.74;margin-bottom:18px}
.top10-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.top10-item{display:grid;grid-template-columns:auto 86px 1fr auto;align-items:center;gap:12px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);padding:12px;color:#fff;backdrop-filter:blur(10px)}
.top10-item img{width:86px;height:86px;background:#fff;border-radius:18px;padding:12px}.top10-item span{font-weight:900;color:var(--lime)}.top10-item em{font-style:normal;color:var(--lime);font-weight:900}.top10-item b{font-size:.95rem}

.category-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-cloud a{padding:18px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.category-cloud span{font-size:1.4rem}.category-cloud b{display:block;color:var(--ink);margin:8px 0 2px}.category-cloud em{font-style:normal;color:var(--muted)}
.upcoming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.upcoming-grid article{padding:20px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.upcoming-grid span{color:var(--violet);font-weight:850}.count-pill{display:inline-flex;margin-top:14px;border-radius:999px;background:rgba(158,255,48,.2);padding:8px 12px;font-weight:850}

.community-neo{display:grid;grid-template-columns:180px 1fr auto;gap:22px;align-items:center;padding:26px 32px;margin:44px auto 70px;border-radius:42px;background:linear-gradient(135deg,rgba(255,99,183,.18),rgba(83,224,208,.18),rgba(158,255,48,.14));border:1px solid rgba(255,255,255,.62);box-shadow:var(--shadow)}
.community-neo img{width:180px;filter:drop-shadow(0 24px 32px rgba(16,24,40,.13))}.community-neo h2{font-size:clamp(2.2rem,4vw,4.6rem);margin:12px 0}

.page-hero,.award-show-hero,.article-shell,.community-panel,.compare-matrix-wrap,.product-show,.auth-card,.login-nudge,.profile-shell,.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow)}
.page-hero{padding:46px;margin-top:18px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:24px;bottom:-40px;width:220px;height:220px;background:url("../img/olet-new/transparent_png/olet_trophy.png") center/contain no-repeat;opacity:.36}
.page-hero h1{font-size:clamp(3rem,6vw,6.2rem);margin:14px 0 12px}.page-hero p{max-width:60ch}
.article-nav{position:sticky;top:74px;z-index:50;display:flex;gap:8px;overflow:auto;padding:10px;width:var(--container);margin:14px auto;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.article-nav a{white-space:nowrap;padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:800}.article-nav a:hover{background:var(--surface2);color:var(--ink)}
.award-show-hero{position:relative;display:grid;grid-template-columns:1fr minmax(380px,520px);gap:22px;padding:34px;margin-top:18px;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--surface2))}
.hero-bg-asset,.product-bg-asset{position:absolute;right:-10%;top:-25%;width:52%;opacity:.34;pointer-events:none;filter:saturate(1.1)}
.award-title-block{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:440px}
.award-title-block h1{font-size:clamp(3rem,6vw,6rem);margin:18px 0}.award-title-block p{max-width:64ch;margin-bottom:20px}
.podium-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}
.podium-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
html[data-theme="dark"] .podium-card{background:rgba(255,255,255,.08)}
.podium-card .frame{aspect-ratio:1/1;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.podium-card span{font-weight:900;color:var(--violet)}.podium-card strong{font-size:.95rem;line-height:1.2}.podium-card em{font-style:normal;color:var(--muted);font-weight:850}
.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.article-shell{padding:30px}.editor-note,.method-card{padding:22px;border-radius:24px;background:var(--surface2);border:1px solid var(--line)}
.longform h2,.community-panel h2,.compare-matrix-wrap h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:18px}
.longform p,.longform li{color:var(--muted);margin-bottom:12px}
.story-insight-grid,.score-breakdown,.signal-cards{display:grid;gap:12px;margin:18px 0}.story-insight-grid{grid-template-columns:repeat(4,1fr)}.story-insight-grid>div,.score-breakdown>div,.signal-cards>div{padding:16px;border-radius:20px;background:var(--surface2);border:1px solid var(--line)}.story-insight-grid span,.signal-cards strong{display:block;font-size:1.5rem;color:var(--violet);font-weight:900}
.score-breakdown i{display:block;height:8px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--lime))}
.compare-matrix-wrap{padding:28px;margin-top:22px;overflow:hidden}.compare-scroll{overflow:auto}.compare-table{width:100%;border-collapse:collapse;min-width:860px}.compare-table th,.compare-table td{padding:16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.table-link{font-weight:900;color:var(--violet)}.score-meter{display:inline-flex;position:relative;width:92px;height:8px;margin-right:8px;border-radius:999px;background:var(--surface2);overflow:hidden}.score-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--violet),var(--lime))}
.product-show{position:relative;display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:30px;padding:32px;margin-top:18px;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--surface2))}
.product-gallery,.product-info-panel{position:relative;z-index:2}.main-product-image{aspect-ratio:1/1;border-radius:32px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow)}.thumb-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.thumb-strip button{border:1px solid var(--line);border-radius:16px;background:#fff;aspect-ratio:1/1;overflow:hidden}.thumb-strip img{width:100%;height:100%;object-fit:contain;padding:8px}
.product-info-panel h1{font-size:clamp(2.8rem,5vw,5.3rem);margin:18px 0}.product-info-panel p{max-width:68ch;margin-bottom:18px}.back-link{font-weight:850;color:var(--violet)}.product-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.product-kpis>div{padding:18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.product-kpis strong{display:block;font-size:1.5rem;color:var(--ink)}
.community-panel{padding:28px;margin-top:22px}.comment-form,.auth-card,.admin-form{display:grid;gap:14px}.comment-form textarea,.comment-form select,.auth-card input,.admin-form input,.admin-form textarea,.admin-form select,.big-search input{width:100%;padding:14px 16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line);outline:0}.comment-list{display:grid;gap:12px;margin-top:18px}.comment-list article{padding:16px;border-radius:20px;background:var(--surface2);border:1px solid var(--line)}.comment-list span{color:var(--amber)}
.login-nudge{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px}
.big-search{display:flex;gap:12px;margin-top:18px}
.auth-screen{display:grid;place-items:center;min-height:65vh}.auth-card{width:min(520px,100%);padding:28px}.auth-card h1{font-size:3.6rem;margin-bottom:12px}

.site-footer{margin-top:60px;padding:34px 0 110px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 52%,transparent)}
.footer-grid{width:var(--container);margin:auto;display:grid;grid-template-columns:1.4fr .7fr .7fr .8fr;gap:24px}.footer-grid h3{margin-bottom:12px}.footer-grid a{display:block;color:var(--muted);padding:5px 0}.footer-brand p{max-width:34ch;margin-top:12px}.footer-bottom{width:var(--container);margin:22px auto 0;color:var(--muted);font-size:.92rem}

.mobile-dock{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:90;display:none;grid-auto-flow:column;gap:10px;padding:10px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow2)}.mobile-dock a{display:grid;place-items:center;gap:3px;min-width:64px;color:var(--muted);font-size:.76rem}
.help-bubble{position:fixed;right:18px;bottom:18px;z-index:91;width:52px;height:52px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--cyan));color:#07100e;font-weight:900;box-shadow:var(--shadow2)}
.smart-help{position:fixed;right:18px;bottom:84px;z-index:92;width:min(340px,calc(100vw - 28px));display:none;padding:20px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow2)}.smart-help.is-open{display:block}.smart-help button{float:right;border:0;background:none;font-size:22px}

.admin-body{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--bg)}.admin-side{padding:28px 20px;background:var(--surface);border-right:1px solid var(--line)}.admin-side nav{display:grid;gap:8px;margin-top:20px}.admin-side nav a{padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:800}.admin-side nav a:hover{background:var(--surface2);color:var(--ink)}.admin-main{padding:28px;display:grid;gap:18px}.admin-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.admin-top h1{font-size:3.4rem}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-kpis>div{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.admin-kpis strong{display:block;font-size:2rem}.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-card{padding:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.admin-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.admin-link,.link-button{display:inline-flex;border:0;background:none;color:var(--violet);font-weight:850;padding:0 10px 0 0}.link-button.danger{color:#e54864}

img.olet-fallback{object-fit:contain!important;background:transparent!important;mix-blend-mode:normal!important;padding:18px!important}

@media(max-width:1180px){
  .header-shell{grid-template-columns:auto 1fr auto;grid-template-areas:"brand search auth" "nav nav nav";gap:10px}.brand-lockup{grid-area:brand}.header-search{grid-area:search}.auth-chip{grid-area:auth}.main-nav{grid-area:nav;overflow:auto;white-space:nowrap}.theme-toggle{display:none}
  .neo-hero,.quick-panels,.award-show-hero,.product-show,.top10-stage,.intro-grid,.community-neo,.admin-grid-two{grid-template-columns:1fr}
  .neo-hero-copy,.neo-hero-art{min-height:auto}.neo-hero-art{height:560px}
  .award-grid,.award-grid.wide,.product-carousel,.ranked-product-grid,.category-cloud,.upcoming-grid,.story-insight-grid,.top10-list,.admin-kpis{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body{font-size:15px}.site-main>*{width:min(100vw - 18px,var(--container))}.full-bleed{width:min(100vw - 10px,1680px)}
  .header-shell{grid-template-columns:auto auto;grid-template-areas:"brand auth" "search search" "nav nav"}.header-search{width:100%}
  .neo-hero-copy{padding:26px;border-radius:30px}.neo-hero-copy h1{font-size:4rem;max-width:8ch}.hero-proof{grid-template-columns:1fr}.neo-hero-art{height:auto;min-height:560px}.neo-hero-art img{object-fit:cover}
  .quick-panels article{grid-template-columns:1fr;padding:14px}.quick-panels img{min-height:220px}.section-head{display:block}.section-head h2{font-size:3rem;max-width:10ch}.award-grid,.award-grid.wide,.product-carousel,.ranked-product-grid,.category-cloud,.upcoming-grid,.story-insight-grid,.top10-list,.admin-kpis,.footer-grid,.podium-cards,.product-kpis{grid-template-columns:1fr}
  .award-card.neo{grid-template-columns:1fr}.award-card-visual{min-height:260px}.top10-copy{min-height:auto}.top10-item{grid-template-columns:auto 72px 1fr}.top10-item img{width:72px;height:72px}.community-neo{grid-template-columns:1fr;text-align:left}.community-neo img{width:130px}.award-show-hero,.product-show,.article-shell,.community-panel,.compare-matrix-wrap,.page-hero{padding:20px;border-radius:26px}.award-title-block h1,.product-info-panel h1{font-size:3.2rem}.mobile-dock{display:grid}.site-footer{padding-bottom:100px}.admin-body{grid-template-columns:1fr}.admin-side{position:relative}.admin-main{padding:18px}
}