:root{--bg: #0f172a;--card: #1e293b;--accent: #38bdf8;--pos: #22c55e;--neg: #ef4444;--text: #e2e8f0;--muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.app{width:100%;max-width:640px}.app h1{font-size:1.6rem;margin-bottom:.25rem}.app .subtitle{color:var(--muted);margin-bottom:1.5rem;font-size:.95rem}.card{background:var(--card);border-radius:14px;padding:1.5rem;box-shadow:0 10px 30px #00000059}textarea{width:100%;min-height:110px;resize:vertical;background:#0b1220;border:1px solid #334155;border-radius:10px;color:var(--text);padding:.85rem;font-size:1rem;line-height:1.4}textarea:focus{outline:none;border-color:var(--accent)}button{margin-top:1rem;width:100%;padding:.85rem;border:none;border-radius:10px;background:var(--accent);color:#06283d;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}button:disabled{opacity:.55;cursor:not-allowed}.result{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #334155}.badge{display:inline-block;padding:.4rem .9rem;border-radius:999px;font-weight:700;font-size:1.05rem}.badge.positive{background:#22c55e26;color:var(--pos)}.badge.negative{background:#ef444426;color:var(--neg)}.bar{margin-top:1rem;height:10px;width:100%;background:#0b1220;border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px}.bar>span.positive{background:var(--pos)}.bar>span.negative{background:var(--neg)}.meta{margin-top:.6rem;font-size:.9rem;color:var(--muted)}.tokens{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.tokens span{background:#0b1220;border:1px solid #334155;border-radius:6px;padding:.2rem .5rem;font-size:.8rem;color:var(--muted)}.error{margin-top:1rem;color:var(--neg);font-size:.9rem}.footer{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding:1rem 0;font-size:.85rem;color:var(--muted)}.footer a{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);text-decoration:none;transition:color .15s ease}.footer a:hover{color:var(--accent)}