:root{--bg1: #F5F8F5;--bg2: #FFFFFF;--bg3: #EEF3EE;--bg4: #E0E8E0;--bdr: #D0DAD0;--t1: #1A2E1A;--t2: #5A6E5A;--t3: #8A9E8A;--acc: #6CB973;--acc2: #EE741D;--green: #6CB973;--red: #E5453A;--orange: #EE741D;--purple: #7C5CBF;--blue: #2D9CDB;--teal: #00A384;--pink: #E8607A;--gold: #FFD700;--font: "Comfortaa", "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;--shadow-sm: 0 1px 3px rgba(26,46,26,.06);--shadow-md: 0 4px 12px rgba(26,46,26,.08);--shadow-lg: 0 8px 24px rgba(26,46,26,.1);--shadow-green: 0 4px 16px rgba(108,185,115,.2)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--bg1);color:var(--t1);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--t3)}input,textarea,select,button{font-family:inherit}textarea:focus,input:focus{outline:none;border-color:var(--acc)!important;box-shadow:0 0 0 3px #6cb97326}.card{background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}.input{width:100%;background:var(--bg1);border:1px solid var(--bdr);border-radius:10px;padding:12px;color:var(--t1);font-size:13px;resize:vertical;transition:border-color .15s,box-shadow .15s}.btn{padding:10px 24px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--acc);color:#fff}.btn-primary:hover{background:#5daa65;box-shadow:var(--shadow-green)}.btn-green{background:var(--green);color:#fff}.btn-purple{background:var(--purple);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--bdr);color:var(--t2)}.btn-ghost:hover{border-color:var(--acc);color:var(--acc);background:#6cb9730d}.badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;display:inline-block}.label{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.mono{font-family:var(--mono)}.score-bar{height:6px;border-radius:3px;background:var(--bg4);overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease-in-out infinite}