*{box-sizing:border-box}:root{--good: #16a34a;--neutral: #d97706;--bad: #dc2626;--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:24px 16px 48px}header{text-align:center;margin-bottom:24px}h1{margin:0 0 4px;font-size:1.8rem}header p{margin:0;color:var(--muted);font-size:.95rem}.input-box{display:flex;gap:8px;margin-bottom:20px}.input-box input{flex:1;padding:14px 16px;font-size:1.15rem;letter-spacing:1px;border-radius:12px;border:1px solid #334155;background:var(--card);color:var(--text);outline:none}.input-box input:focus{border-color:#3b82f6}.input-box button{padding:0 18px;border-radius:12px;border:1px solid #334155;background:#334155;color:var(--text);cursor:pointer;font-size:.95rem}.card{background:var(--card);border:1px solid #334155;border-radius:16px;padding:18px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:1.05rem;color:#cbd5e1}.summary{text-align:center}.num{font-size:2rem;font-weight:700;letter-spacing:3px;margin-bottom:12px}.grid{display:flex;justify-content:center;gap:10px}.stat{padding:6px 14px;border-radius:999px;font-size:.9rem;font-weight:600}.stat.good{background:#16a34a2e;color:#4ade80}.stat.neutral{background:#d977062e;color:#fbbf24}.stat.bad{background:#dc26262e;color:#f87171}.total-row{display:flex;align-items:center;gap:14px}.total-num{font-size:2.4rem;font-weight:700;min-width:64px;text-align:center;background:var(--bg);border-radius:12px;padding:8px}.meaning{display:flex;align-items:center;gap:10px;font-size:1.02rem;flex-wrap:wrap}.badge{padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge.good{background:var(--good);color:#fff}.badge.neutral{background:var(--neutral);color:#fff}.badge.bad{background:var(--bad);color:#fff}.digits{display:flex;flex-wrap:wrap;gap:8px}.digit{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;background:var(--bg);border-radius:10px}.pairs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pair-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg);border-radius:10px}.pair-num{font-weight:700;font-size:1.05rem;min-width:36px}.pair-meaning{color:#cbd5e1;font-size:.95rem}.notes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.note{padding:10px 14px;border-radius:10px;font-size:.95rem;border:1px solid}.note.good{background:#16a34a1f;border-color:#16a34a80;color:#86efac}.note.warn{background:#d977061f;border-color:#d9770680;color:#fde68a}.note.bad{background:#dc26261f;border-color:#dc262680;color:#fca5a5}.empty{text-align:center;color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:.85rem;margin-top:16px}