*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:#000;font-family:-apple-system,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-height:64px;--bg:#000;--bg2:#1c1c1e;--bg3:#2c2c2e;--bg4:#3a3a3c;--border:#ffffff14;--accent:#0a84ff;--accent-text:#409cff;--text:#fff;--text-dim:#ebebf5cc;--text-faint:#ebebf560;--red:#ff453a;--yellow:#ffd60a;--green:#30d158;--purple:#bf5af2;--orange:#ff9f0a}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1{letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.2}h2{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.3}h3{letter-spacing:-.01em;font-size:17px;font-weight:600}h4{font-size:15px;font-weight:600}a{color:#409cff;text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{color:#fff;box-sizing:border-box;appearance:none;background:#2c2c2e;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px}input::placeholder,textarea::placeholder{color:#ebebf560}input:focus,textarea:focus,select:focus{border-color:#0a84ff99;box-shadow:0 0 0 3px #0a84ff26}textarea{resize:vertical;min-height:80px}select option{color:#fff;background:#2c2c2e}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}button:disabled{opacity:.4;cursor:not-allowed}.card{background:#1c1c1e;border:1px solid #ffffff14;border-radius:14px;margin-bottom:12px;padding:16px}.section-label{color:#ebebf599;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.separator{background:#ffffff14;border:none;height:1px;margin:0}.badge{border-radius:9999px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.pill-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:none;border-radius:20px;padding:5px 13px;font-size:13px;font-weight:500;transition:background .15s}.pill-btn:hover{background:#ffffff21}.pill-btn.danger{color:#ff453a}.pill-btn.danger:hover{background:#ff453a26}.btn-primary{color:#fff;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;background:#0a84ff;border:none;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.btn-primary:hover{background:#0071e3}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:#409cff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;padding:9px 16px;font-size:15px;font-weight:500;transition:background .15s}.btn-ghost:hover{background:#ffffff0d}.btn-danger{color:#ff453a;cursor:pointer;background:#ff453a26;border:1px solid #ff453a40;border-radius:10px;padding:9px 16px;font-size:15px;font-weight:600;transition:background .15s}.btn-danger:hover{background:#ff453a40}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;padding-bottom:var(--safe-bottom);background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.modal-overlay{align-items:center}}.modal-sheet{background:#1c1c1e;border:1px solid #ffffff1a;border-radius:20px 20px 0 0;width:100%;max-width:540px;max-height:90vh;padding:24px 20px;overflow-y:auto;box-shadow:0 -4px 40px #0009}@media (width>=600px){.modal-sheet{border-radius:20px;box-shadow:0 20px 60px #000c}}.modal-handle{background:#fff3;border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.nav-bar{height:calc(var(--nav-height) + var(--safe-bottom));-webkit-backdrop-filter:blur(20px);padding-top:8px;padding-bottom:var(--safe-bottom);z-index:100;background:#1c1c1ee6;border-top:1px solid #ffffff14;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.page{max-width:700px;margin:0 auto;padding:20px 16px 8px}.page-header{margin-bottom:20px}.list-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:none}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.empty-state{color:#ebebf560;text-align:center;padding:24px 0;font-size:14px;font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff1a;border-top-color:#0a84ff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.fade-in{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.scroll-x{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.text-accent{color:#409cff}.text-dim{color:#ebebf5cc}.text-faint{color:#ebebf560}.text-red{color:#ff453a}.text-green{color:#30d158}.text-yellow{color:#ffd60a}.text-orange{color:#ff9f0a}.text-purple{color:#bf5af2}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}