:root{--bg:#0c1428;--bg-card:#131d36;--border:#ffffff14;--text:#e5e7eb;--text-dim:#94a3b8;--accent:#0d9488;--accent2:#14b8aa;--accent-bg:#14b8a61f;--green:#22c55e;--amber:#f59e0b}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;height:100vh;margin:0 auto;display:flex}.app-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex}.app-logo{color:var(--accent2);letter-spacing:.3px;font-size:18px;font-weight:700}.app-beta-badge{background:var(--accent-bg);color:var(--accent2);text-transform:uppercase;border:1px solid #14b8a64d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.app-main{flex:1;padding:16px;overflow-y:auto}.tab-content h2{color:var(--text);margin:0 0 12px;font-size:22px}.tab-content p{color:var(--text-dim);line-height:1.5}.bottom-nav{border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0;display:flex}.bottom-nav-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px 8px;transition:color .15s;display:flex}.bottom-nav-btn:hover{color:var(--text)}.bottom-nav-btn.active{color:var(--accent2)}.bottom-nav-icon{font-size:20px}.bottom-nav-label{font-size:11px;font-weight:500}