:root{--bg-primary:#0a0f1d;--bg-secondary:#141e36;--bg-card:rgba(20,30,54,0.78);--bg-card-hover:rgba(28,42,74,0.88);--bg-input:#121a2e;--bg-accent-glass:rgba(56,189,248,0.16);--border-subtle:rgba(255,255,255,0.14);--border-focus:#38bdf8;--border-card:rgba(255,255,255,0.18);--border-card-active:rgba(56,189,248,0.55);--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#38bdf8;--accent-primary:#38bdf8;--accent-primary-hover:#0284c7;--accent-secondary:#818cf8;--accent-emerald:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--accent-info:#38bdf8;--btn-primary-bg:linear-gradient(135deg,#10b981,#059669);--btn-primary-text:#ffffff;--pill-active-text:#062419;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 4px 14px rgba(0,0,0,0.35);--shadow-md:0 8px 24px rgba(0,0,0,0.45);--shadow-lg:0 16px 36px rgba(0,0,0,0.65);--shadow-glow:0 0 20px rgba(16,185,129,0.35);--shadow-glow-indigo:0 0 20px rgba(129,140,248,0.3);--safe-bottom:env(safe-area-inset-bottom,16px);--base-font-size:15px}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body,html{max-width:100vw;overflow-x:hidden;background-color:#0a0f1d;background-image:radial-gradient(at 0 0,rgba(56,189,248,.2) 0,transparent 55%),radial-gradient(at 100% 0,rgba(129,140,248,.22) 0,transparent 55%),radial-gradient(at 50% 100%,rgba(16,185,129,.16) 0,transparent 55%),radial-gradient(at 80% 50%,rgba(168,85,247,.14) 0,transparent 55%);background-attachment:scroll;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--base-font-size);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:-webkit-fill-available}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#253147;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}.app-container{max-width:540px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;padding-bottom:calc(85px + var(--safe-bottom));background:transparent}.top-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(11,15,25,.85);border-bottom:1px solid var(--border-subtle);padding:clamp(8px,2.5vw,12px) clamp(10px,3vw,14px);width:100%;box-sizing:border-box;justify-content:space-between}.bottom-nav,.top-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center}.bottom-nav{position:fixed;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:516px;background:rgba(19,27,46,.88);border:1px solid rgba(255,255,255,.12);border-radius:20px;justify-content:space-around;padding:8px 10px;box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 1px rgba(255,255,255,.2);z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);font-size:11px;font-weight:700;padding:6px 14px;border-radius:14px;transition:all .2s ease}.nav-item.active{color:#38bdf8;background:rgba(56,189,248,.14);box-shadow:0 0 12px rgba(56,189,248,.2)}.nav-item svg{width:20px;height:20px}.card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);transition:border-color .2s,transform .15s,box-shadow .2s}.card-active,.card:hover{border-color:var(--border-card-active,var(--border-card))}.card-interactive:active{transform:scale(.985)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-weight:700;font-size:15px;min-height:48px;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center}.btn-primary{background:var(--btn-primary-bg,linear-gradient(135deg,#10b981 0,#059669 100%));color:var(--btn-primary-text,#062419);box-shadow:var(--shadow-glow,0 4px 14px rgba(16,185,129,.35))}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 6px rgba(0,0,0,.3)}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:active{background:#27354f;transform:scale(.97)}.btn-accent{background:var(--btn-primary-bg,linear-gradient(135deg,#6366f1 0,#4f46e5 100%));color:#ffffff;box-shadow:var(--shadow-glow,0 4px 14px rgba(99,102,241,.35))}.btn-danger{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-icon{width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--radius-md);display:flex;justify-content:center}.badge,.btn-icon{align-items:center}.badge{display:inline-flex;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.02em}.badge-emerald,.badge-theme{background:var(--badge-emerald-bg,rgba(16,185,129,.15));color:var(--badge-emerald-text,#34d399);border:1px solid var(--badge-emerald-border,rgba(16,185,129,.3))}.badge-indigo{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-amber{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.accent-text,.text-accent{color:var(--text-accent,#00f5a0)!important}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.input-field:focus,.input-number-touch:focus{border-color:var(--border-focus,var(--accent-primary));box-shadow:0 0 0 3px var(--bg-accent-glass)}.input-number-touch{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 8px;color:var(--text-primary);font-size:18px;font-weight:700;font-family:var(--font-mono);text-align:center;min-width:60px;height:48px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:99990;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:85vh;overflow-y:auto;padding:24px;margin:auto;box-shadow:0 20px 40px rgba(0,0,0,.8);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pulse-glow{animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(16,185,129,.2)}50%{box-shadow:0 0 25px rgba(16,185,129,.5)}}@keyframes spin{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}.animate-spin,[style*="animation: spin"],[style*="animation:spin"],svg.lucide-spin{will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@keyframes loadingProgress{0%{left:0;width:30%}50%{width:60%}to{left:70%;width:30%}}.app-main{flex:1 1;padding:16px 16px 24px;width:100%;display:flex;flex-direction:column}@media (max-width:480px){:root{--base-font-size:clamp(13px,3.8vw,15px)}.app-container{width:100%;max-width:100vw}.app-main{padding:12px 10px 20px}.card{padding:clamp(12px,3.5vw,18px)!important}.nowrap-mobile{flex-wrap:nowrap!important;white-space:nowrap!important}}@media (max-width:380px){:root{--base-font-size:13.5px}.app-main{padding:10px 8px 18px}.top-header{padding:7px 8px}}@media (max-width:345px){:root{--base-font-size:12.8px}.app-main{padding:8px 6px 16px}}