:root{--bg: #0a0a0f;--surface: #15151f;--surface-2: #1e1e2b;--text: #f5f5f7;--muted: #9a9aae;--accent: #ff2d55;--accent-2: #ffd233;--line: rgba(255, 255, 255, .08);--nav-h: 60px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}img{display:block}.app-shell{max-width:480px;margin:0 auto;height:100vh;height:100dvh;position:relative;background:var(--bg);overflow:hidden}.page{position:absolute;inset:0 0 var(--nav-h) 0;overflow-y:auto}.navbar{position:absolute;left:0;right:0;bottom:0;height:var(--nav-h);display:flex;background:#0c0c12f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:50}.navbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}.navbar a.active{color:var(--text)}.navbar a.active .ico{color:var(--accent)}.navbar .ico{width:24px;height:24px}.btn{background:var(--accent);color:#fff;border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px}.btn:disabled{opacity:.5}.btn-ghost{background:var(--surface-2);color:var(--text)}.center-msg{padding:40px 24px;text-align:center;color:var(--muted)}.spinner{width:34px;height:34px;margin:30px auto;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}