:root{--navy: #0D1B2A;--navy-light: #152336;--navy-card: #1A2B3D;--navy-border: rgba(255,255,255,.08);--orange: #E25822;--orange-dim: rgba(226,88,34,.15);--green: #22C55E;--green-dim: rgba(34,197,94,.12);--amber: #F59E0B;--amber-dim: rgba(245,158,11,.12);--red: #EF4444;--white: #FFFFFF;--text-primary: rgba(255,255,255,.95);--text-secondary: rgba(255,255,255,.5);--text-muted: rgba(255,255,255,.25);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--navy);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100dvh;display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top)}.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(72px + var(--safe-bottom))}h1{font-size:22px;font-weight:600;color:var(--text-primary)}h2{font-size:17px;font-weight:600;color:var(--text-primary)}h3{font-size:14px;font-weight:500;color:var(--text-primary)}p{font-size:13px;color:var(--text-secondary);line-height:1.5}.card{background:var(--navy-card);border:.5px solid var(--navy-border);border-radius:16px;padding:16px}.btn-primary{background:var(--orange);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:600;width:100%;cursor:pointer;transition:opacity .15s;letter-spacing:.2px}.btn-primary:active{opacity:.85;transform:scale(.99)}.btn-ghost{background:var(--navy-border);color:var(--text-secondary);border:.5px solid var(--navy-border);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer}input,select,textarea{background:#ffffff0d;border:.5px solid var(--navy-border);border-radius:12px;color:var(--text-primary);font-size:15px;padding:14px 16px;width:100%;outline:none;transition:border-color .15s;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--orange)}input::placeholder{color:var(--text-muted)}select option{background:var(--navy-card)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-green{background:var(--green-dim);color:var(--green)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-muted{background:#ffffff0f;color:var(--text-secondary)}.divider{height:.5px;background:var(--navy-border);margin:12px 0}.spinner{width:32px;height:32px;border:2px solid var(--navy-border);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{display:flex;background:var(--navy-light);border-top:.5px solid var(--navy-border);padding-bottom:var(--safe-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 4px 8px;font-size:10px;color:var(--text-muted);cursor:pointer;gap:3px;transition:color .15s;border:none;background:none}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--orange)}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff14}.progress-ring-fill{fill:none;stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h2{font-size:15px}.section-header a{font-size:12px;color:var(--orange);text-decoration:none}.toast{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--green);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:500;z-index:999;animation:fadeInOut 2.5s ease forwards;white-space:nowrap}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(8px)}15%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}