:root{color-scheme:dark;--bg: #0b0a14;--bg-2: #14111f;--fg: #f3f0f7;--muted: rgba(243, 240, 247, .62);--accent: #8b5cf6;--accent-2: #ec4899;--good: #34d399;--card-bg: #171326;--line: rgba(255, 255, 255, .09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 70% -10%,#2a1d4d 0%,var(--bg) 55%);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem .4rem;max-width:880px;margin:0 auto}.brand{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.brand span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.privacy-badge{font-size:.78rem;font-weight:700;color:var(--good);border:1px solid rgba(52,211,153,.35);background:#34d39914;padding:.3rem .6rem;border-radius:999px}.privacy-banner{max-width:880px;margin:.4rem auto 0;padding:.7rem 1rem;font-size:.85rem;color:var(--muted);background:#8b5cf614;border:1px solid rgba(139,92,246,.25);border-radius:.7rem}.privacy-banner strong{color:var(--fg)}.wrap{max-width:880px;margin:0 auto;padding:1.1rem 1.2rem 2rem}.intro{display:flex;flex-direction:column;gap:1rem}.dropzone{border:2px dashed rgba(255,255,255,.18);border-radius:1.1rem;background:#ffffff05;padding:2.6rem 1.2rem;text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:#8b5cf612;outline:none}.dropzone.drag{border-color:var(--accent-2);background:#ec48991a;transform:scale(1.01)}.dz-emoji{font-size:2.6rem}.dz-title{margin:.6rem 0 .2rem;font-size:1.2rem;font-weight:700}.dz-sub{margin:0;color:var(--muted);font-size:.9rem}code{background:#ffffff14;padding:.05rem .32rem;border-radius:.3rem;font-size:.85em}.intro-actions{display:flex;gap:.6rem;flex-wrap:wrap}button{flex:1;min-width:150px;min-height:2.7rem;border-radius:.6rem;border:1px solid var(--line);background:#ffffff0d;color:var(--fg);font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.12)}button:active{transform:scale(.98)}button.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;color:#fff}.how{font-size:.88rem;color:var(--muted);border:1px solid var(--line);border-radius:.7rem;padding:.6rem .9rem;background:#ffffff05}.how summary{cursor:pointer;font-weight:600;color:var(--fg)}.how-body p{margin:.6rem 0 0;line-height:1.5}.how-note{opacity:.8;font-style:italic}.results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.results-head h2{margin:0;font-size:1.35rem}.results-meta{margin:.25rem 0 0;color:var(--muted);font-size:.85rem}.results-actions{display:flex;gap:.5rem}.results-actions button{flex:0 0 auto;min-width:auto;padding:0 .9rem;font-size:.85rem}.card{background:linear-gradient(160deg,var(--card-bg),#0f0c1c);border:1px solid var(--line);border-radius:1.1rem;padding:1.2rem;box-shadow:0 18px 60px #00000073}.card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.9rem}.card-brand{font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.card-range{font-size:.8rem;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}@media(min-width:620px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat{background:#ffffff08;border:1px solid var(--line);border-radius:.85rem;padding:.85rem .9rem;min-height:96px;display:flex;flex-direction:column;gap:.15rem}.stat.wide{grid-column:1 / -1}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-value{font-size:1.55rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}.stat-value.small{font-size:1.1rem}.stat-sub{font-size:.8rem;color:var(--muted)}.bars{display:flex;flex-direction:column;gap:.45rem;margin-top:.2rem}.bar-row{display:grid;grid-template-columns:1fr;gap:.2rem}.bar-head{display:flex;justify-content:space-between;font-size:.82rem}.bar-head b{font-weight:700}.bar-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.chip{font-size:.85rem;background:#ffffff0f;border:1px solid var(--line);border-radius:999px;padding:.2rem .6rem}.chip b{color:var(--muted);font-weight:600;margin-left:.25rem}.emoji-big{font-size:1.5rem}.self-ref{max-width:880px;margin:0 auto;padding:0 1.2rem 1.6rem;font-size:.78rem;color:var(--muted)}.self-ref a{color:var(--fg)}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%) translateY(2rem);background:#000000e0;color:#fff;padding:.6rem 1rem;border-radius:.6rem;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}