:root{color-scheme:dark;--navy-950: #070b14;--navy-900: #0b1220;--navy-800: #121a2e;--navy-700: #1a2744;--navy-600: #243356;--violet-600: #5346e6;--violet-500: #6d5efc;--violet-400: #8b7cff;--cyan-400: #22d3ee;--cyan-300: #67e8f9;--ink: #e8edf7;--muted: #9aa8c2;--faint: #6d7b96;--line: rgba(139, 124, 255, .18);--bg: var(--navy-900);--bg-elevated: var(--navy-800);--surface: #151e33;--surface-2: #1c2740;--text: var(--ink);--text-muted: var(--muted);--accent: var(--violet-500);--accent-2: var(--cyan-400);--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--focus: #67e8f9;--shadow: 0 18px 50px rgba(3, 6, 16, .45);--radius: 16px;--radius-sm: 10px;--header-h: 72px;--max: 1180px;--font: "Source Sans 3", "Segoe UI", sans-serif;--display: "Fraunces", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}[data-theme=light]{color-scheme:light;--bg: #f3f5fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #eef1f8;--text: #152036;--text-muted: #4b5a73;--faint: #6b7a94;--line: rgba(83, 70, 230, .16);--shadow: 0 16px 40px rgba(21, 32, 54, .08);--ink: #152036}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:1.05rem;line-height:1.6;color:var(--text);background:radial-gradient(1200px 480px at 12% -10%,rgba(109,94,252,.18),transparent 55%),radial-gradient(900px 420px at 92% 0%,rgba(34,211,238,.1),transparent 50%),var(--bg)}img{max-width:100%;height:auto}a{color:var(--accent-2);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--cyan-300)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:80;background:var(--accent);color:#fff;padding:.55rem .9rem;border-radius:8px}.skip-link:focus{top:.7rem}.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}h1,h2,h3,.display{font-family:var(--display);letter-spacing:-.02em;line-height:1.15;color:var(--ink)}h1{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 .7rem}h2{font-size:clamp(1.45rem,2.4vw,2rem);margin:0 0 .7rem}h3{font-size:1.2rem;margin:0 0 .4rem}p{margin:0 0 1rem;color:var(--text-muted)}.lede{font-size:1.15rem;max-width:42rem}.site-header{position:sticky;top:0;z-index:40;min-height:var(--header-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:1rem;min-height:var(--header-h)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.03em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--violet-500),var(--cyan-400));color:#fff;font-family:var(--display);font-weight:700}.nav-toggle{margin-left:auto;display:none;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.45rem .7rem}.site-nav{display:flex;align-items:center;gap:.2rem 1rem;margin-left:auto}.site-nav a{color:var(--text);text-decoration:none;padding:.35rem .15rem;font-weight:600}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--accent-2)}.header-actions{display:flex;align-items:center;gap:.55rem}.theme-toggle,.btn,button.btn{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.55rem .9rem}.btn-primary{background:linear-gradient(135deg,var(--violet-600),var(--violet-400));border-color:transparent;color:#fff;font-weight:700}.btn-ghost{background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.hero{padding:3.4rem 0 2.4rem}.kicker{display:inline-flex;gap:.4rem;align-items:center;color:var(--accent-2);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;margin-bottom:.8rem}.search-panel{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin:1.4rem 0 .6rem;max-width:720px}.search-panel input,.field input,.field textarea,.field select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem .9rem}.field textarea{min-height:110px;resize:vertical}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label,.field-label{font-weight:700;color:var(--ink)}.hint{color:var(--faint);font-size:.9rem}.grid{display:grid;gap:1rem}.tool-grid{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}.tool-card{display:flex;flex-direction:column;gap:.55rem;color:inherit;text-decoration:none;min-height:100%}.tool-card h3{color:var(--ink)}.badge{display:inline-flex;width:fit-content;padding:.18rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-2);font-size:.78rem;font-weight:700}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--faint);font-size:.92rem;margin:1.2rem 0 .4rem}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.page{padding-bottom:4rem}.page-head{padding:.4rem 0 1.4rem}.two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.2rem;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem}.output{display:grid;gap:.8rem}.output-block{background:var(--surface-2);border-radius:12px;padding:.9rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.status{min-height:1.4rem;font-weight:600}.status.error{color:var(--danger)}.status.success{color:var(--success)}.faq details{border-bottom:1px solid var(--line);padding:.7rem 0}.faq summary{cursor:pointer;font-weight:700}.site-footer{border-top:1px solid var(--line);padding:2.2rem 0 2.6rem;background:color-mix(in srgb,var(--navy-950) 55%,transparent)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1.4rem}.footer-grid a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:.35rem}.mono{font-family:var(--mono);font-size:.92rem}.score{font-family:var(--display);font-size:3rem;margin:0}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.ok{color:var(--success)}.warn{color:var(--warning)}.bad{color:var(--danger)}.carousel-preview,.slide-preview{border-radius:12px;overflow:hidden;border:1px solid var(--line)}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.compare-grid img{width:100%;height:180px;object-fit:cover;border-radius:10px;background:#000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.empty-state{color:var(--faint);padding:1rem 0}.prose{max-width:46rem}.prose h2{margin-top:2rem}.prose h3{margin-top:1.3rem}.prose table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}.prose th{background:var(--surface-2)}.meter{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:.4rem 0 .8rem}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--violet-500),var(--cyan-400))}.timeline{display:flex;gap:2px;margin:.4rem 0 1rem;min-height:2rem;border-radius:8px;overflow:hidden}.timeline-beat{display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff;background:color-mix(in srgb,var(--violet-500) 80%,var(--cyan-400));padding:.2rem;text-align:center}.timeline-beat.is-over{background:color-mix(in srgb,var(--danger) 75%,#000)}.fold-preview{background:var(--surface-2);border-left:3px solid var(--accent-2);border-radius:8px;padding:.75rem .9rem;font-weight:600;color:var(--ink)}.article-meta{color:var(--faint);font-size:.95rem;margin-bottom:1.2rem}.disclosure{background:var(--surface-2);border-radius:12px;padding:.85rem 1rem;color:var(--text-muted);font-size:.95rem}@media (max-width: 1100px){.tool-grid{grid-template-columns:repeat(2,1fr)}.footer-grid,.two-col,.compare-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.nav-toggle{display:inline-flex}.site-nav,.header-actions .search-mini{display:none}.site-nav.is-open{display:flex;flex-direction:column;position:absolute;inset:var(--header-h) 1rem auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.8rem}.tool-grid,.footer-grid,.two-col,.search-panel,.compare-grid{grid-template-columns:1fr}}