*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#0a0a0a;-webkit-font-smoothing:antialiased;background:#f7f7f7;font-family:Inter,sans-serif}::-webkit-scrollbar{width:0}:root{--k:#0a0a0a;--w:#fff;--of:#f7f7f7;--br:#e5e5e5;--mu:#8e8e93;--ac:#e8ff00;--re:#ff3b30;--gr:#34c759;--bl:#007aff}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.8px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-family:Inter,sans-serif;font-weight:700;transition:all .18s;display:inline-flex}.btn-dark{color:#fff;background:#0a0a0a;padding:14px 28px;font-size:.8rem}.btn-dark:hover{background:#222;transform:translateY(-1px)}.btn-dark:disabled{cursor:not-allowed;background:#c7c7cc;transform:none}.btn-accent{color:#0a0a0a;background:#e8ff00;padding:14px 28px;font-size:.82rem;font-weight:800}.btn-accent:hover{background:#d4e800;transform:translateY(-1px)}.btn-accent:disabled{color:#999;cursor:not-allowed;background:#f0f0c0;transform:none}.btn-outline{color:#0a0a0a;background:#fff;border:1.5px solid #e5e5e5;padding:13px 22px;font-size:.8rem;font-weight:600}.btn-outline:hover{border-color:#0a0a0a}.btn-sm{border-radius:8px!important;padding:8px 14px!important;font-size:.72rem!important}.btn-xs{border-radius:6px!important;padding:5px 10px!important;font-size:.65rem!important}.inp{color:#0a0a0a;background:#f7f7f7;border:1.5px solid #e5e5e5;border-radius:10px;outline:none;width:100%;padding:13px 15px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .15s}.inp:focus{background:#fff;border-color:#0a0a0a}.inp::placeholder{color:#c7c7cc}.inp-dark{color:#fff;background:#1c1c1e;border:1.5px solid #2c2c2e;border-radius:10px;outline:none;width:100%;padding:13px 15px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .15s}.inp-dark:focus{border-color:#e8ff00}.inp-dark::placeholder{color:#48484a}.card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 10px;font-size:.65rem;font-weight:700;display:inline-flex}.badge-green{color:#1a7a35;background:#e8fff0}.badge-yellow{color:#8c6d00;background:#fff9e8}.badge-gray{color:#6b6b6b;background:#f2f2f7}.badge-accent{color:#0a0a0a;background:#e8ff00}.badge-blue{color:#05c;background:#eef5ff}.badge-red{color:#c00;background:#fff0f0}.section-header{letter-spacing:2px;text-transform:uppercase;color:#8e8e93;margin-bottom:12px;font-size:.62rem;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:.22s forwards fadeUp}.slide-in{animation:.2s slideIn}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}.spinner-dark{border:2px solid #e5e5e5;border-top-color:#0a0a0a}.pulse{animation:1.5s ease-in-out infinite pulse}.nav-item{color:#8e8e93;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:11px 14px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;transition:all .12s;display:flex}.nav-item:hover{color:#0a0a0a;background:#f2f2f7}.nav-item.active{color:#0a0a0a;background:#f2f2f7;font-weight:700}.bottom-nav{padding:8px 0 max(8px, env(safe-area-inset-bottom));z-index:100;background:#fff;border-top:1px solid #e5e5e5;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;color:#8e8e93;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-family:Inter,sans-serif;font-size:.58rem;font-weight:500;display:flex}.bottom-nav-item.active{color:#0a0a0a;font-weight:700}.bottom-nav-icon{font-size:1.2rem;line-height:1}.score-input{text-align:center;color:#0a0a0a;background:#f7f7f7;border:2px solid #e5e5e5;border-radius:10px;outline:none;width:72px;padding:10px 0;font-family:Barlow,sans-serif;font-size:2rem;font-weight:900}.score-input:focus{background:#fff;border-color:#0a0a0a}@media (width<=768px){.desktop-only,.sidebar{display:none!important}.main-content{padding-bottom:80px!important}.bottom-nav{display:flex}}@media (width>=769px){.bottom-nav,.mobile-only{display:none!important}}