@charset "UTF-8";:root{--maxw: 1120px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--s-1: 6px;--s-2: 10px;--s-3: 14px;--s-4: 18px;--s-5: 26px;--s-6: 36px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f1f5f9;--text: #0f172a;--text-muted: #475569;--border: rgba(15, 23, 42, .08);--border-strong: color-mix(in srgb, var(--border) 75%, var(--text) 25%);--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 8px 24px rgba(15, 23, 42, .08);--shadow-2: 0 14px 40px rgba(15, 23, 42, .12);--surface-hover: color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);--accent: #4f46e5;--accent-2: #06b6d4;--accent-contrast: #ffffff;--cta: var(--accent);--dark-bg: #0b1220;--dark-surface: #0f172a;--dark-border: rgba(148, 163, 184, .18);--dark-text: #e5e7eb;--dark-text-muted: #a3b1c6;--good: #16a34a;--warn: #f59e0b;--bad: #ef4444;--line: var(--border-strong);--radius: var(--r-md);--muted: var(--text-muted);--brand: var(--accent);--brand-2: var(--accent-2);--ok: var(--good);--amazon-yellow: #ffd814;--amazon-yellow-hover: #f7ca00;--amazon-border: #fcd200;--amazon-text: #0f1111;--amazon-shadow: rgba(0, 0, 0, .25)}html[data-theme=light],:root[data-theme=light],body[data-theme=light]{--bg: #f5f7fb;--surface: #ffffff;--surface-2: #f1f5f9;--text: #0f172a;--text-muted: #475569;--border: rgba(15, 23, 42, .1);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 8px 24px rgba(15, 23, 42, .08);--shadow-2: 0 14px 40px rgba(15, 23, 42, .12);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--accent: #4f46e5;--accent-2: #06b6d4;--accent-contrast: #ffffff;--cta: #4f46e5;--dark-bg: #0b1220;--dark-surface: #0f172a;--dark-border: rgba(148, 163, 184, .18);--dark-text: #e5e7eb;--dark-text-muted: #a3b1c6;--good: #16a34a;--warn: #f59e0b;--bad: #ef4444}:root[data-theme=blue]{--bg: #f3f7ff;--surface: #ffffff;--surface-2: #eef5ff;--text: #0b1220;--text-muted: #3b556f;--border: rgba(2, 6, 23, .1);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--accent: #2563eb;--accent-2: #22c55e;--accent-contrast: #ffffff;--dark-bg: #07122a;--dark-surface: #0b1b3a}html[data-theme=green],:root[data-theme=green],body[data-theme=green]{--bg: #ecfdf5;--surface: #ffffff;--surface-2: #e7fbf1;--text: #052016;--text-muted: #2f5b48;--border: rgba(2, 6, 23, .1);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 26px rgba(2, 6, 23, .1);--shadow-2: 0 18px 52px rgba(2, 6, 23, .14);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--accent: #10b981;--accent-2: #22c55e;--accent-contrast: #052016;--cta: #10b981;--dark-bg: #052017;--dark-surface: #073023;--dark-border: rgba(134, 239, 172, .18);--dark-text: #eafff4;--dark-text-muted: #bfe9d2;--good: #16a34a;--warn: #f59e0b;--bad: #ef4444}html[data-theme=darkblue],:root[data-theme=darkblue],body[data-theme=darkblue]{--bg: #eef2ff;--surface: #ffffff;--surface-2: #e9eeff;--text: #050b1d;--text-muted: #3b4b72;--border: rgba(2, 6, 23, .1);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px rgba(2, 6, 23, .12);--shadow-2: 0 18px 56px rgba(2, 6, 23, .16);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--accent: #6366f1;--accent-2: #22d3ee;--accent-contrast: #ffffff;--cta: #6366f1;--dark-bg: #05081a;--dark-surface: #0a1130;--dark-border: rgba(99, 102, 241, .22);--dark-text: #eef2ff;--dark-text-muted: #b8c0ef;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html[data-theme=slate],:root[data-theme=slate],body[data-theme=slate]{--bg: #f1f5f9;--surface: #ffffff;--surface-2: #eef2f7;--text: #0b1220;--text-muted: #465569;--border: rgba(2, 6, 23, .1);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 26px rgba(2, 6, 23, .1);--shadow-2: 0 18px 52px rgba(2, 6, 23, .14);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--accent: #0ea5e9;--accent-2: #22c55e;--accent-contrast: #062033;--cta: #0ea5e9;--dark-bg: #0a0f1a;--dark-surface: #0f172a;--dark-border: rgba(148, 163, 184, .18);--dark-text: #e5e7eb;--dark-text-muted: #a3b1c6;--good: #16a34a;--warn: #f59e0b;--bad: #ef4444}html[data-theme=amber],:root[data-theme=amber],body[data-theme=amber]{--bg: #fffbeb;--surface: #ffffff;--surface-2: #fef3c7;--text: #1a1207;--text-muted: #5a4a33;--border: rgba(2, 6, 23, .1);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 26px rgba(2, 6, 23, .1);--shadow-2: 0 18px 52px rgba(2, 6, 23, .14);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--accent: #f59e0b;--accent-2: #ef4444;--accent-contrast: #1a1207;--cta: #f59e0b;--dark-bg: #1a1207;--dark-surface: #231807;--dark-border: rgba(245, 158, 11, .22);--dark-text: #fff7ed;--dark-text-muted: #e7d3b0;--good: #16a34a;--warn: #f59e0b;--bad: #ef4444}html[data-theme=mint],:root[data-theme=mint],body[data-theme=mint]{--bg: #f4fbf9;--surface: #ffffff;--surface-2: #eaf7f2;--text: #052016;--text-muted: #2a5a46;--accent: #10b981;--accent-2: #06b6d4;--accent-contrast: #ffffff;--cta: #10b981;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #061b14;--dark-surface: #0a2a20;--dark-border: rgba(16, 185, 129, .24);--dark-text: #ecfdf5;--dark-text-muted: #bfe9d6;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html[data-theme=sunset],:root[data-theme=sunset],body[data-theme=sunset]{--bg: #fff7ed;--surface: #ffffff;--surface-2: #ffedd5;--text: #271007;--text-muted: #6b3a24;--accent: #f97316;--accent-2: #fb7185;--accent-contrast: #ffffff;--cta: #f97316;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #1a0b06;--dark-surface: #2a120a;--dark-border: rgba(249, 115, 22, .26);--dark-text: #fff7ed;--dark-text-muted: #ffd8bf;--good: #16a34a;--warn: #f59e0b;--bad: #dc2626}html[data-theme=coffee],:root[data-theme=coffee],body[data-theme=coffee]{--bg: #faf7f2;--surface: #ffffff;--surface-2: #f1e7db;--text: #1f140e;--text-muted: #5b463a;--accent: #a16207;--accent-2: #8b5cf6;--accent-contrast: #ffffff;--cta: #a16207;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #120b07;--dark-surface: #21130c;--dark-border: rgba(161, 98, 7, .26);--dark-text: #fff7ed;--dark-text-muted: #e7d2bf;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html[data-theme=aqua],:root[data-theme=aqua],body[data-theme=aqua]{--bg: #f3fbff;--surface: #ffffff;--surface-2: #e0f2fe;--text: #041824;--text-muted: #27536a;--accent: #0ea5e9;--accent-2: #22c55e;--accent-contrast: #ffffff;--cta: #0ea5e9;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #05121a;--dark-surface: #0a2430;--dark-border: rgba(14, 165, 233, .26);--dark-text: #e6f6ff;--dark-text-muted: #b8e6ff;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html[data-theme=rose],:root[data-theme=rose],body[data-theme=rose]{--bg: #fff5f8;--surface: #ffffff;--surface-2: #ffe4ee;--text: #2a0b18;--text-muted: #7a2b4a;--accent: #fb7185;--accent-2: #a78bfa;--accent-contrast: #ffffff;--cta: #fb7185;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #1a0710;--dark-surface: #2a0d1a;--dark-border: rgba(251, 113, 133, .26);--dark-text: #fff1f6;--dark-text-muted: #ffd1df;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html[data-theme=forest],:root[data-theme=forest],body[data-theme=forest]{--bg: #f4fbf3;--surface: #ffffff;--surface-2: #e8f5e9;--text: #061a0c;--text-muted: #2c5a39;--accent: #16a34a;--accent-2: #84cc16;--accent-contrast: #ffffff;--cta: #16a34a;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #05140a;--dark-surface: #0a2212;--dark-border: rgba(22, 163, 74, .24);--dark-text: #ecfdf5;--dark-text-muted: #bfe7cc;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html[data-theme=grape],:root[data-theme=grape],body[data-theme=grape]{--bg: #faf7ff;--surface: #ffffff;--surface-2: #efe6ff;--text: #140a22;--text-muted: #4a2b7a;--accent: #8b5cf6;--accent-2: #22d3ee;--accent-contrast: #ffffff;--cta: #8b5cf6;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #0b0614;--dark-surface: #160a2a;--dark-border: rgba(139, 92, 246, .26);--dark-text: #f5f3ff;--dark-text-muted: #d9c9ff;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}html[data-theme=mono],:root[data-theme=mono],body[data-theme=mono]{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f5;--text: #0b1220;--text-muted: #475569;--accent: #0ea5e9;--accent-2: #6366f1;--accent-contrast: #ffffff;--cta: #0ea5e9;--border: color-mix(in srgb, #000 8%, transparent);--border-strong: color-mix(in srgb, var(--text) 12%, var(--border));--border-hover: color-mix(in srgb, var(--accent) 18%, var(--border-strong));--shadow-1: 0 10px 28px color-mix(in srgb, #000 14%, transparent);--shadow-2: 0 18px 56px color-mix(in srgb, #000 18%, transparent);--surface-hover: color-mix(in srgb, var(--surface) 90%, var(--accent) 10%);--dark-bg: #070b12;--dark-surface: #0b1220;--dark-border: rgba(148, 163, 184, .28);--dark-text: #eef2ff;--dark-text-muted: #cbd5e1;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:var(--s-3) 0}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--s-4)}.section{padding:var(--s-3) 0}.surface{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.surface--soft{background:var(--surface-2)}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--dark-bg),var(--dark-surface));border-bottom:1px solid var(--dark-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.01em;color:var(--dark-text)}.brand #site-name{text-transform:capitalize;letter-spacing:.01em}.brand:hover{text-decoration:none}.brand-logo{width:28px;height:28px;image-rendering:auto}.brand-badge{width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3333333333) 0%,transparent 45%),linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:inset 0 1px #ffffff40,0 6px 14px #00000059;position:relative}.brand-badge:after{content:"";position:absolute;inset:7px;border-radius:999px;border:2px solid rgba(255,255,255,.85);border-top-color:transparent;transform:rotate(25deg)}.nav-list{list-style:none;display:flex;gap:6px;padding:0;margin:0;flex-wrap:wrap}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;color:var(--dark-text);font-size:.95rem;font-weight:500;border:1px solid transparent}.nav-link:hover{text-decoration:none;background:#ffffff14;border-color:#ffffff24}.nav-toggle-input{position:absolute;opacity:0;pointer-events:none}.nav-toggle{display:none;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;color:var(--dark-text);background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-size:.95rem;font-weight:600;cursor:pointer}.nav-toggle-icon{width:20px;height:2px;background:currentColor;border-radius:999px;position:relative;display:inline-block}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:999px}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.nav-toggle-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-sublist{list-style:none;margin:0;padding:var(--s-2);display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--r-md);box-shadow:var(--shadow-1);z-index:20}.nav-sublist .nav-link{width:100%}.nav-item:hover>.nav-sublist,.nav-item:focus-within>.nav-sublist{display:block}.nav-sublist .nav-sublist{top:0;left:100%}.site-footer{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg));border-top:1px solid var(--dark-border);padding:var(--s-5) 0;font-size:.9rem;color:var(--dark-text-muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:var(--dark-text);opacity:.85}.footer-links a:hover{opacity:1;text-decoration:underline}@media(max-width:900px){main{padding:var(--s-5) 0}}@media(max-width:720px){.header-inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand toggle" "nav nav";align-items:center;gap:var(--s-2)}.brand{grid-area:brand}.header-inner>nav{grid-area:nav;width:100%}.nav-list{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px}.nav-toggle{display:inline-flex;grid-area:toggle}.nav-toggle-input:checked~nav .nav-list{display:flex}.nav-item{width:100%}.nav-link{width:100%;justify-content:space-between}.nav-sublist{position:static;display:block;padding:0 0 0 var(--s-4);margin-top:2px;border:0;background:transparent;box-shadow:none}.nav-sublist .nav-link{padding:6px 10px;font-size:.92rem}.nav-sublist .nav-sublist{padding-left:var(--s-3)}}.cookie-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;pointer-events:none}.cookie-bar__inner,.cookie-inline-settings{pointer-events:auto}.cookie-bar__inner{max-width:980px;margin:0 auto;background:#141414f2;color:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 10px 25px #0003;display:flex;gap:12px;align-items:center;justify-content:space-between}.cookie-bar__text{font-size:.95rem;line-height:1.25;opacity:.95}.cookie-bar__text a{color:#fff;text-decoration:underline}.cookie-bar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cookie-mini-btn{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:10px;padding:8px 10px;font-weight:600;cursor:pointer;font-size:.92rem}.cookie-mini-btn--primary{background:#fff;color:#111;border-color:#fff}.cookie-mini-btn--ghost{background:transparent}.cookie-mini-link{background:transparent;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-weight:600;padding:6px;font-size:.92rem;opacity:.9}.cookie-inline-settings{max-width:980px;margin:8px auto 0;background:#141414f2;color:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 10px 25px #0003}.cookie-inline-settings__row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}.cookie-inline-toggle{display:flex;gap:8px;align-items:center;font-size:.95rem;opacity:.95}.cookie-inline-settings__actions{display:flex;gap:8px;align-items:center;margin-left:auto}@media(max-width:720px){.cookie-bar__inner{flex-direction:column;align-items:flex-start}.cookie-inline-settings__actions{width:100%;justify-content:flex-end}}main>.container{background:var(--surface);border-radius:var(--r-lg);padding-bottom:var(--s-6);box-shadow:var(--shadow-1)}.section+.section{border-top:1px solid var(--border);margin-top:var(--s-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid transparent;font-weight:650;font-size:.95rem;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid transparent;font-weight:650;font-size:.95rem;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background .12s ease,border-color .12s ease}.btn-primary:hover,.btn-secondary:hover{text-decoration:none}.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover)}.hero .btn-secondary{background:color-mix(in srgb,#fff 10%,transparent);color:#fff;border-color:color-mix(in srgb,#fff 22%,transparent);box-shadow:none}.hero .btn-secondary:hover{background:color-mix(in srgb,#fff 16%,transparent);border-color:color-mix(in srgb,#fff 30%,transparent)}.btn-primary{background:linear-gradient(135deg,var(--cta),var(--accent-2));color:var(--accent-contrast);box-shadow:0 14px 28px #0000001f}.btn-primary:hover{text-decoration:none;opacity:.96}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{text-decoration:none;background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-1)}.btn-amazon{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(180deg,var(--amazon-yellow),var(--amazon-yellow-hover));border:1px solid var(--amazon-border);color:var(--amazon-text);font-size:.95rem;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 2px #cfa900,0 6px 14px var(--amazon-shadow);transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.btn-amazon:hover{text-decoration:none;filter:brightness(1.02)}.btn-amazon:active{transform:translateY(1px);box-shadow:0 1px #cfa900,0 3px 8px var(--amazon-shadow)}.btn-amazon .icon{font-size:1rem;transform:translateY(1px)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:650;padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);white-space:nowrap}.badge--accent{border-color:#0000;background:#4f46e51f;color:var(--text)}:root[data-theme] .badge--accent{background:color-mix(in srgb,var(--accent) 16%,transparent)}.product-card+.product-card{margin-top:var(--s-5)}.product-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s-4);display:grid;grid-template-columns:150px minmax(0,1fr) 260px;gap:var(--s-4);align-items:start;overflow:hidden}.product-media-link{display:block;text-decoration:none}.product-image-wrapper{margin:0;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);overflow:hidden;height:140px;display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;object-fit:contain;padding:10px}.product-cta-box{border-left:1px solid var(--border-strong);padding-left:var(--s-4)}.product-price-note,.amazon-note{margin:0 0 var(--s-2);color:var(--text-muted);font-size:.92rem}.product-label{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong);font-size:.82rem;font-weight:700;margin-bottom:var(--s-2)}.product-main-title{margin:0 0 var(--s-2);font-size:1.15rem;line-height:1.25}.product-desc{margin:0 0 var(--s-3);color:var(--text-muted)}.product-list{margin:0 0 var(--s-3);padding-left:18px;color:var(--text)}.product-meta{margin:0 0 var(--s-2);color:var(--text-muted)}.product-rating{margin:0;color:var(--text-muted);font-size:.92rem}.product-rating .stars{color:var(--text);font-weight:800}@media(max-width:920px){.product-card{grid-template-columns:150px minmax(0,1fr)}.product-cta-box{grid-column:1/-1;border-left:0;border-top:1px solid var(--border-strong);padding-left:0;padding-top:var(--s-3)}}@media(max-width:560px){.product-card{grid-template-columns:1fr}.product-image-wrapper{height:160px}}.comparison-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);overflow:hidden}.comparison-table th,.comparison-table td{padding:12px 14px;border-top:1px solid var(--border);text-align:left;vertical-align:top;font-size:.95rem}.comparison-table thead th{border-top:0;background:var(--surface-2);font-weight:800}.comparison-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)}@media(max-width:640px){.comparison-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}.content-wrapper{padding:var(--s-6) 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--s-5);align-items:start}.content-grid>:not(.sidebar){order:1}.content-grid .sidebar{order:2}.content-grid>*{min-width:0}.highlight-box{margin:var(--s-4) 0;padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-1)}.article-image{width:100%;border-radius:var(--r-md);border:1px solid var(--border-strong);box-shadow:var(--shadow-1);margin:var(--s-4) 0}.sidebar{position:sticky;top:calc(var(--s-6) + 64px)}.sidebar-box{padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-1)}.sidebar-title{font-weight:700;margin-bottom:var(--s-2);color:var(--text)}.sidebar-box ol{margin:0;padding-left:18px;color:var(--text-muted)}.sidebar-box li+li{margin-top:6px}@media(max-width:980px){.content-grid{grid-template-columns:minmax(0,1fr)}.sidebar{position:static}.content-grid>:not(.sidebar){order:1}.content-grid .sidebar{order:0}}@media(max-width:900px){.comparison-item:before{top:-10px;left:-10px}.comparison-item .product-card{margin-left:12px}}.home main>.container{padding-top:var(--s-6)}.hero{position:relative;overflow:hidden;padding:clamp(2.6rem,5vw,4.2rem) 0;background:linear-gradient(180deg,var(--dark-bg),var(--dark-surface));color:#fff}.hero:before{content:"";position:absolute;inset:-40% -30% auto;height:520px;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--accent) 35%,transparent) 0%,transparent 60%);pointer-events:none;opacity:.9}.hero .container{position:relative;z-index:1}.hero-inner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(1.6rem,3.2vw,3rem);align-items:center}.hero-title{margin:0 0 var(--s-2);font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.03em;font-weight:850}.hero-subtitle{margin:0 0 var(--s-4);max-width:60ch;color:color-mix(in srgb,#fff 78%,transparent);font-size:clamp(1.02rem,1.3vw,1.12rem);line-height:1.6}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0 0 var(--s-5)}.hero-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--dark-surface) 70%,transparent);border:1px solid color-mix(in srgb,#fff 16%,transparent);color:color-mix(in srgb,#fff 86%,transparent);font-size:.9rem}.hero-cta{display:flex;gap:var(--s-2);flex-wrap:wrap}.hero-right-card{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,#000 8%),var(--dark-surface));border:1px solid color-mix(in srgb,#fff 12%,transparent);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:0 18px 50px #00000047}.hero-right-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-3)}.hero-right-title{font-weight:800;color:#fff;letter-spacing:-.01em}.hero-right-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:#fff;font-size:.85rem;font-weight:650}.hero-right-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-2)}.hero-right-list li{display:grid;grid-template-columns:12px 1fr;gap:var(--s-2);align-items:start;color:color-mix(in srgb,#fff 82%,transparent);line-height:1.45}.dot{width:8px;height:8px;margin-top:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.hero-right-note{margin:var(--s-4) 0 0;color:color-mix(in srgb,#fff 70%,transparent);font-size:.95rem}.categories-grid a{display:block;padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none;position:relative;box-shadow:0 1px 2px #0f172a0a,0 6px 16px #0f172a0f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.categories-grid a span{display:block;margin-top:var(--s-2);color:var(--text-muted);font-size:.95rem;line-height:1.45}.categories-grid a:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a1a,0 2px 6px #0f172a14;border-color:var(--border-hover);background:var(--surface-hover)}.categories-grid a:after{content:"\2192";position:absolute;right:var(--s-4);bottom:var(--s-4);font-size:1.2rem;color:var(--accent);opacity:0;transform:translate(-4px);transition:opacity .12s ease,transform .12s ease}.categories-grid a:hover:after{opacity:.9;transform:translate(0)}@media(max-width:920px){.hero-inner{grid-template-columns:1fr}.hero-right-card{padding:var(--s-4)}}.grid-3.categories-grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--s-1)}@media(max-width:980px){.grid-3.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-3.categories-grid{grid-template-columns:1fr}.categories-grid a:hover{transform:none;box-shadow:0 4px 12px #0f172a14}}.categories-grid .cat-card{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .12s ease,border-color .12s ease,background .12s ease}@supports (aspect-ratio: 1/1){.categories-grid .cat-card{aspect-ratio:1/1}}.cat-card-media{margin:0;background:var(--surface);border-bottom:1px solid var(--border)}.cat-card-media img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}.cat-card-body{padding:var(--s-4);display:grid;gap:var(--s-2);align-content:start}.cat-card-title{margin:0;font-size:1.05rem;line-height:1.2}.cat-card-text{margin:0;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cat-card-link{margin-top:auto;font-weight:700;color:var(--accent)}.categories-grid .cat-card:hover{transform:translateY(-2px);border-color:var(--border-hover);background:var(--surface-hover)}.arrow{display:inline-block;transform:translateY(1px)}.hero{margin:calc(var(--s-6) * -1) calc(var(--s-4) * -1) var(--s-6);border-radius:0}