:root{--black: #050608;--deep: #090c10;--surface: #10101a;--panel: #111820;--border: rgba(0, 229, 255, .16);--text: #edf2f8;--muted: #7f93a5;--cyan: #00e5ff;--teal: #00ffc8;--gold: #e8b84b;--max-width: 900px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Syne,sans-serif;background:radial-gradient(circle at top right,rgba(0,229,255,.08),transparent 40%),var(--black);color:var(--text)}.router-page{min-height:100vh;padding:28px 16px 56px}.router-shell{width:min(100%,var(--max-width));margin:0 auto}.router-header{margin-bottom:20px}.router-kicker{margin:0 0 10px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.router-header h1{margin:0;font-family:Orbitron,monospace;font-size:clamp(28px,5vw,46px);line-height:1.05}.router-subtitle{margin:12px 0 0;color:var(--muted);max-width:640px}.state-text{padding:12px 14px;border-radius:10px;border:1px solid rgba(0,229,255,.2);background:#00e5ff0d;font-family:Space Mono,monospace;font-size:13px}.state-error{border-color:#ff4d6d66;background:#ff4d6d14;color:#ffc0cf}.app-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.app-item{border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--border)}.app-toggle{width:100%;border:0;background:transparent;color:inherit;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;padding:14px 16px;cursor:pointer}.app-meta{min-width:0}.app-name{display:block;font-weight:700;font-size:17px}.app-desc{display:block;margin-top:3px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.app-arrow{font-size:24px;line-height:1;font-family:Space Mono,monospace}.app-panel{border-top:1px solid rgba(255,255,255,.08);padding:14px 16px 16px;display:grid;gap:12px}.app-link{color:var(--text);text-decoration:none;font-family:Space Mono,monospace;font-size:13px;overflow-wrap:anywhere}.app-link:hover{text-decoration:underline}.qr-image{width:min(220px,100%);border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#fff;padding:8px}.flavor-website{border-color:#e8b84b59;background:linear-gradient(180deg,#e8b84b12,#10101a)}.flavor-website .app-name,.flavor-website .app-arrow{color:var(--gold)}.flavor-ai{border-color:#00ffc857;background:linear-gradient(180deg,#00ffc814,#0d1117)}.flavor-ai .app-name,.flavor-ai .app-arrow{color:var(--teal)}@media(max-width:640px){.router-page{padding:16px 10px 36px}.app-toggle{padding:13px 12px}.app-panel{padding:12px}}