:root{--bg:#0b1018;--surface:#121a27;--surface-2:#192234;--ink:#e8edf7;--muted:#a2b0c4;--line:#2b3a52;--accent:#47d3ac;--accent-2:#153a34;--pass:#42d392;--warn:#ffb020;--fail:#ff6b6b;--font-ui:"IBM Plex Sans","Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--font-data:"IBM Plex Mono","JetBrains Mono","SFMono-Regular","Menlo","Consolas",monospace}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 12% -15%,#18466f 0%,transparent 38%),radial-gradient(circle at 92% 8%,#193b46 0%,transparent 42%),var(--bg);color:var(--ink);min-height:100%;margin:0;padding:0}body{font-family:var(--font-ui);font-feature-settings:"kern" 1,"liga" 1}code{font-family:var(--font-data);font-feature-settings:"tnum" 1}.shell{gap:20px;width:min(1100px,92vw);margin:36px auto 64px;display:grid}.hero,.panel{background:linear-gradient(160deg,color-mix(in srgb,var(--surface),#223250 14%),color-mix(in srgb,var(--surface-2),#0d1422 30%));border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px #02081473}.hero{padding:26px}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.hero-topline{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.exp-label{border:1px solid color-mix(in srgb,var(--warn),var(--line)40%);letter-spacing:.03em;text-transform:uppercase;color:var(--warn);background:color-mix(in srgb,var(--warn),#101a27 88%);border-radius:999px;align-items:center;margin:0 0 8px;padding:2px 8px;font-size:.66rem;font-weight:700;display:inline-flex}h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}.subtitle{color:var(--muted);width:100%;max-width:none;margin:12px 0 18px}.note-banner{border:1px solid color-mix(in srgb,var(--accent),var(--line)50%);background:color-mix(in srgb,var(--surface),#122534 30%);color:color-mix(in srgb,var(--ink),var(--muted)30%);border-radius:10px;width:100%;max-width:none;margin:0 0 14px;padding:10px 12px;font-size:.92rem}.hero-links{gap:10px;margin:0 0 14px;display:flex}.subtle-link{border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--surface),#0f1724 35%);border-radius:999px;align-items:center;padding:7px 12px;font-size:.88rem;text-decoration:none;display:inline-flex}.subtle-link:hover{border-color:color-mix(in srgb,var(--accent),var(--line)45%);color:color-mix(in srgb,var(--accent),var(--ink)25%)}.analyze-form{grid-template-columns:auto 1fr auto;gap:10px;display:grid}.input-prefix{border:1px solid var(--line);color:var(--muted);font-family:var(--font-data);font-feature-settings:"tnum" 1;white-space:nowrap;background:#0f1724;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}input,.analyze-form button{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:1rem}input{color:var(--ink);background:#0f1724}input::placeholder{color:color-mix(in srgb,var(--muted),#7a879a 35%)}.analyze-form button{cursor:pointer;color:#051013;background:linear-gradient(135deg,#47d3ac,#56d7e6);border-color:#0000;font-weight:700}.analyze-form button:disabled{opacity:.65;cursor:default}.error{color:var(--fail);margin:10px 0 0}.progress-wrap{gap:6px;margin-top:12px;display:grid}.progress-text{color:var(--muted);margin:0;font-size:.92rem}.progress-bar{background:#0e1624;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#47d3ac,#56d7e6);border-radius:999px;width:35%;height:100%;animation:1.2s ease-in-out infinite slide-progress;display:block}@keyframes slide-progress{0%{transform:translate(-120%)}to{transform:translate(340%)}}.grid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.panel{padding:18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}h2{margin:0;font-size:1.1rem}h3{margin:6px 0 8px;font-size:1rem}.grade{border:1px solid var(--line);background:#0f1724;border-radius:999px;padding:4px 10px;font-size:.85rem}.muted{color:var(--muted);margin:0}.scorecard{gap:12px;display:grid}.check-section{gap:8px;display:grid}.big-score{color:#75f2cb;width:fit-content;min-height:62px;font-size:2.6rem;font-weight:700;line-height:1;font-family:var(--font-data);font-feature-settings:"tnum" 1;background:linear-gradient(155deg,#17352f,#102c38);border-radius:12px;align-items:center;padding:10px 14px;display:flex}.score-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grade-pill{min-width:62px;min-height:62px;font-size:2.6rem;font-weight:800;line-height:1;font-family:var(--font-data);font-feature-settings:"tnum" 1;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;display:flex}.grade-a{color:#7ce8bf;background:#153a34;border-color:#2b6659}.grade-b{color:#8fdcf7;background:#15354a;border-color:#2c5f7d}.grade-c{color:#ffcb63;background:#3f3214;border-color:#6c5724}.grade-d{color:#ff9696;background:#432021;border-color:#704043}.check-list{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.check-list li{border:1px solid var(--line);background:#0f1724;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding:10px;display:flex;overflow:hidden}.check-list p{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin:4px 0 0;font-size:.93rem}.check-list li>div{width:100%;min-width:0}.evidence-summary{overflow-wrap:anywhere;word-break:break-word;margin-top:8px;font-size:.88rem}.evidence-list{color:var(--muted);gap:4px;max-width:100%;margin:6px 0 0;padding-left:18px;font-size:.84rem;display:grid}.evidence-list li,.check-list strong,.check-list li li,.recommendations li,.site-meta strong,.site-meta span{overflow-wrap:anywhere;word-break:break-word}.tag{text-transform:capitalize;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.78rem;display:inline-flex}.tag-pass{color:var(--pass);border-color:color-mix(in srgb,var(--pass),#1a2436 55%);background:color-mix(in srgb,var(--pass),#101a27 85%)}.tag-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn),#1a2436 55%);background:color-mix(in srgb,var(--warn),#101a27 85%)}.tag-fail{color:var(--fail);border-color:color-mix(in srgb,var(--fail),#1a2436 55%);background:color-mix(in srgb,var(--fail),#101a27 85%)}.leaderboard{gap:8px;margin:0;padding-left:0;list-style:none;display:grid}.list-tabs{border:1px solid var(--line);background:#0f1724;border-radius:999px;gap:6px;margin:0 0 10px;padding:4px;display:inline-flex}.list-tab{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:.82rem}.list-tab:hover{color:var(--ink)}.list-tab-active{color:#051013;background:linear-gradient(135deg,#47d3ac,#56d7e6)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;display:grid}.kpi-card{border:1px solid var(--line);background:#0f1724;border-radius:10px;gap:6px;padding:10px;display:grid}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem}.kpi-value{font-family:var(--font-data);font-feature-settings:"tnum" 1;color:#75f2cb;margin:0;font-size:1.35rem;font-weight:700}.leaderboard li{list-style:none}.entry-button{border:1px solid var(--line);width:100%;color:inherit;text-align:left;background:#0f1724;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.entry-button:hover{border-color:color-mix(in srgb,var(--accent),var(--line)45%)}.entry-button-active{border-color:color-mix(in srgb,var(--accent),var(--line)20%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 60%)inset}.rank{font-family:var(--font-data);font-feature-settings:"tnum" 1;color:var(--muted)}.site-meta{gap:2px;display:grid}.site-meta span{color:var(--muted);font-size:.85rem}.score{font-family:var(--font-data);color:#75f2cb;font-feature-settings:"tnum" 1;font-size:1.2rem;font-weight:700}.recommendations{color:var(--muted);gap:6px;margin:0;padding-left:18px;display:grid}.about-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.about-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.about-list li{border:1px solid var(--line);background:#0f1724;border-radius:12px;padding:12px}.about-list p{color:var(--muted);margin:6px 0 0;font-size:.92rem}.about-shopping{grid-column:span 2}.site-footer{text-align:center;color:color-mix(in srgb,var(--muted),#d2dbeb 10%);letter-spacing:.02em;padding:4px 0 10px;font-size:.9rem}.footer-heart{color:#ff4d5a;vertical-align:-1px;font-size:1.25rem;line-height:1}@media (max-width:900px){.grid,.about-grid{grid-template-columns:1fr}.about-shopping{grid-column:auto}.analyze-form{grid-template-columns:1fr}.input-prefix{justify-content:flex-start}}