:root{--bg: #0E1118;--surface: #141820;--card: #1A2030;--card2: #1F2638;--border: #252D40;--border2: #2E3850;--blue: #4F7EF0;--blue-dim: rgba(79,126,240,.13);--blue-glow: rgba(79,126,240,.28);--green: #2DD48A;--green-dim: rgba(45,212,138,.12);--amber: #F5A623;--amber-dim: rgba(245,166,35,.12);--violet: #9B7FEA;--violet-dim: rgba(155,127,234,.12);--red: #EF5656;--red-dim: rgba(239,86,86,.13);--t1: #ECF0FA;--t2: #8A93B0;--t3: #454E6A;--font-sans: "Inter", -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--t1);font-family:var(--font-sans);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}button{cursor:pointer;border:none;background:none;font-family:var(--font-sans)}input,textarea{font-family:var(--font-sans);background:var(--card);border:1px solid var(--border);color:var(--t1);border-radius:12px;padding:12px 14px;font-size:15px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--blue)}.page{padding:0 0 90px;min-height:100dvh}.page-header{padding:56px 20px 20px;display:flex;align-items:flex-start;justify-content:space-between}.page-title{font-family:var(--font-display);font-size:26px;font-weight:900;color:var(--t1)}.page-sub{font-size:13px;color:var(--t2);margin-top:3px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:74px;background:#0e1118f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:flex-start;padding-top:10px;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;cursor:pointer;transition:opacity .15s}.tab-item:active{opacity:.6}.tab-icon{font-size:20px}.tab-label{font-size:10px;font-weight:600;color:var(--t3)}.tab-item.active .tab-label{color:var(--blue)}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px}.btn-primary{width:100%;background:var(--blue);border-radius:18px;padding:20px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:900;color:#fff;box-shadow:0 8px 24px var(--blue-glow);transition:transform .15s,opacity .15s}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--card);border:1px solid var(--border2);border-radius:16px;padding:16px;font-size:15px;font-weight:700;color:var(--t2);display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.btn-secondary:active{background:var(--border)}.section-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--t3);text-transform:uppercase;margin-bottom:10px}.score-bar-track{height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef565666}50%{box-shadow:0 0 0 16px #ef565600}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s ease forwards}::-webkit-scrollbar{display:none}*{scrollbar-width:none}