:root{--bg:#0a0d1a;--bg2:#141a33;--text:#f2f2f5;--muted:#9aa0b8;--green:#14f195;--purple:#9945ff;--red:#ff5c7a}*{box-sizing:border-box}body,html{margin:0;background:radial-gradient(circle at 50% 0,var(--bg2),var(--bg) 60%) fixed;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:var(--green)}main{max-width:680px;margin:0 auto;padding:48px 16px 64px}h1{font-size:2.4rem;margin:0 0 8px;letter-spacing:-.02em}.sub{color:var(--muted);margin:0 0 32px}.bar{height:4px;width:160px;border-radius:2px;margin:12px 0 20px;background:linear-gradient(90deg,var(--purple),var(--green))}form{display:flex;gap:8px;flex-wrap:wrap}input{flex:1 1 280px;padding:14px 16px;border-radius:10px;border:1px solid #2a3155;background:#0f1426;color:var(--text);font-size:1rem;font-family:ui-monospace,monospace}.btn,button{padding:14px 20px;border-radius:10px;border:0;background:var(--green);color:#06120c;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:wait}.btn.ghost{background:transparent;color:var(--text);border:1px solid #2a3155}.error{color:var(--red);margin-top:12px}.card{background:#0f1426;border:1px solid #222a4a;border-radius:16px;padding:24px;margin:24px 0}.title{font-size:1.6rem;font-weight:800;margin:0 0 12px}.roast{line-height:1.6;font-size:1.08rem;white-space:pre-wrap}.score{font-size:3rem;font-weight:800;color:var(--green)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px}.stat{background:#0b1020;border-radius:12px;padding:12px 14px}.stat .k{color:var(--muted);font-size:.8rem}.stat .v{font-size:1.15rem;font-weight:700;margin-top:4px;word-break:break-word}.pos{color:var(--green)}.neg{color:var(--red)}.actions{display:flex;gap:8px;flex-wrap:wrap}.foot{color:var(--muted);font-size:.85rem;margin-top:40px}.loading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.spinner{width:44px;height:44px;border-radius:50%;margin-bottom:8px;border:4px solid #222a4a;border-top:4px solid var(--green);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}