@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#09090b;--card:#12121a;--border:#ffffff0d;--text:#fff;--text-muted:#a1a1aa;--primary:#a855f7}.app-content{flex:1;overflow-y:auto}.iframe-wrapper{border:1px solid var(--border);background:#000;border-radius:12px;flex:1;margin:0 16px;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:0}:root{--primary:#9d7cff;--bg:#09090b;--card:#141417;--border:#232327;--text:#fff;--text-muted:#a1a1aa;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;max-width:480px;height:100vh;margin:0 auto;display:flex;position:relative}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#09090bcc;padding:20px 24px}.app-header h1{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:14px;font-weight:600}.app-content{flex:1;padding:24px 24px 100px;overflow-y:auto}.hero{margin-bottom:32px}.hero h2{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:700}.hero p{color:var(--text-muted);font-size:15px}.status-row{color:#10b981;align-items:center;gap:8px;margin-top:16px;font-size:12px;font-weight:500;display:flex}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.menu-grid{flex-direction:column;gap:12px;display:flex}.menu-item{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.menu-item:active{background:#1c1c21;transform:scale(.98)}.menu-item-left{align-items:center;gap:16px;display:flex}.menu-icon{width:32px;height:32px;color:var(--primary);background:#9d7cff1a;border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex}.menu-text h3{margin-bottom:2px;font-size:15px;font-weight:600}.menu-text p{color:var(--text-muted);font-size:13px}.chevron{color:var(--border);font-size:18px}.router-container{flex-direction:column;height:calc(100vh - 160px);display:flex}.iframe-wrapper{border:1px solid var(--border);background:#000;border-radius:12px;flex:1;overflow:hidden}iframe{border:none;width:100%;height:100%}.nav-bar{background:var(--bg);border-top:1px solid var(--border);width:100%;height:72px;padding:0 12px;display:flex;position:absolute;bottom:0}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-item span{font-size:11px;font-weight:500}.fade-in{animation:.3s ease-out fadeIn}