:root{--bg: #EAE6F5;--bg-alt: #E0DAF2;--card: #FBF9F5;--ink: #2B2140;--ink-soft: #5B4E75;--mint: #8FE3C0;--mint-deep: #5FC79E;--coral: #F2896B;--coral-deep: #E06C4B;--line: #D8D0EC;--radius: 22px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%);color:var(--ink);font-family:Work Sans,sans-serif;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 20px 80px;position:relative;overflow-x:hidden}.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;z-index:0}.blob.b1{width:180px;height:180px;background:var(--mint);top:60px;left:-60px}.blob.b2{width:120px;height:120px;background:var(--coral);top:300px;right:-40px;opacity:.25}.blob.b3{width:90px;height:90px;background:var(--mint-deep);bottom:80px;left:10%;opacity:.2}header{text-align:center;max-width:560px;z-index:1;margin-bottom:8px}.wordmark{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px}h1{font-family:Fredoka,sans-serif;font-weight:600;font-size:34px;line-height:1.15;margin:0 0 14px}.sub{font-size:16px;color:var(--ink-soft);line-height:1.5;margin:0}.disclaimer{z-index:1;max-width:560px;width:100%;background:#fff3ee;border:1.5px solid var(--coral);border-radius:var(--radius);padding:18px 22px;margin:28px 0;font-size:14px;line-height:1.55;color:#7a3b22}.disclaimer strong{display:block;font-family:Fredoka,sans-serif;font-size:14px;color:var(--coral-deep);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.card{z-index:1;background:var(--card);border-radius:var(--radius);width:100%;max-width:560px;padding:36px;box-shadow:0 20px 60px -20px #2b214040}.dropzone{display:block;width:100%;border:2px dashed var(--line);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.dropzone:hover,.dropzone.drag{border-color:var(--mint-deep);background:#f4fbf8}.dropzone input{display:none}.dropzone-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;font-size:22px}.dropzone-text{font-weight:500;margin-bottom:4px}.dropzone-hint{font-size:13px;color:var(--ink-soft)}#preview{max-width:100%;border-radius:12px;margin-top:16px}button.submit{width:100%;margin-top:22px;padding:15px;border:none;border-radius:14px;background:var(--ink);color:var(--card);font-family:Fredoka,sans-serif;font-weight:500;font-size:16px;cursor:pointer;transition:transform .15s,background .15s}button.submit:hover:not(:disabled){background:#453763;transform:translateY(-1px)}button.submit:disabled{opacity:.45;cursor:not-allowed}.status{margin-top:18px;font-size:14px;color:var(--ink-soft);text-align:center;min-height:20px}.results{margin-top:28px;padding-top:24px;border-top:1.5px solid var(--line)}.results h2{font-family:Fredoka,sans-serif;font-size:18px;margin:0 0 4px}.results .total{font-family:JetBrains Mono,monospace;font-size:42px;font-weight:500;color:var(--mint-deep);margin:6px 0 20px}.results .total span{font-size:15px;font-family:Work Sans,sans-serif;color:var(--ink-soft);font-weight:400;margin-left:6px}.results .raw-count{font-size:13px;color:var(--ink-soft);margin:-14px 0 12px}.cell-counts{display:flex;gap:10px;margin-bottom:20px}.cell-counts .stat{flex:1;background:var(--bg);border-radius:10px;padding:10px 12px;text-align:center}.cell-counts .stat .n{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:500;color:var(--ink)}.cell-counts .stat .l{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.multiplier-row{margin-top:18px}.multiplier-row label{font-size:13px;font-weight:500;display:block;margin-bottom:6px}.multiplier-row .auto-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.multiplier-row .auto-toggle input[type=checkbox]{width:auto;margin:0}#manualMultiplierWrap{margin-top:12px}.multiplier-row input{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--ink);background:var(--card)}.multiplier-row input:focus{outline:none;border-color:var(--mint-deep)}.multiplier-hint{font-size:12px;color:var(--ink-soft);margin-top:6px;line-height:1.4}.diff-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.diff-row:last-child{border-bottom:none}.diff-label{text-transform:capitalize;font-weight:500}.diff-bar-track{flex:1;height:6px;background:var(--line);border-radius:3px;margin:0 14px;overflow:hidden}.diff-bar-fill{height:100%;background:var(--mint-deep);border-radius:3px}.diff-pct{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink-soft);min-width:42px;text-align:right}.confidence-note{margin-top:16px;font-size:13px;color:var(--ink-soft);padding:10px 14px;background:var(--bg);border-radius:10px}.confidence-note.low{background:#fff3ee;color:#7a3b22}.error-box{margin-top:18px;padding:14px 16px;background:#fff3ee;border:1px solid var(--coral);border-radius:12px;font-size:14px;color:#7a3b22}footer{z-index:1;margin-top:40px;font-size:13px;color:var(--ink-soft);text-align:center}footer a{color:var(--ink-soft)}@media (prefers-reduced-motion: no-preference){.card{animation:rise .5s ease-out}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}