.bottom-nav[data-v-f957c117]{position:sticky;bottom:12px;margin:0 32px 24px;background:var(--surface);border-radius:24px;padding:10px 16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;box-shadow:0 20px 40px #00000073}.nav-item[data-v-f957c117]{display:grid;place-items:center;gap:4px;padding:8px 6px;border-radius:16px;color:var(--muted);font-size:.75rem;font-weight:600}.nav-item.active[data-v-f957c117]{background:var(--surface-2);color:var(--text)}.nav-item.primary[data-v-f957c117]{background:var(--accent);color:var(--accent-contrast)}.icon[data-v-f957c117]{width:22px;height:22px;display:inline-block;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.icon[data-icon=home][data-v-f957c117]{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 3 3 10v11h6v-7h6v7h6V10z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 3 3 10v11h6v-7h6v7h6V10z"/></svg>')}.icon[data-icon=compass][data-v-f957c117]{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm3.5 6.5-2 5-5 2 2-5 5-2Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm3.5 6.5-2 5-5 2 2-5 5-2Z"/></svg>')}.icon[data-icon=plus][data-v-f957c117]{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M11 5h2v14h-2zM5 11h14v2H5z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M11 5h2v14h-2zM5 11h14v2H5z"/></svg>')}.icon[data-icon=chat][data-v-f957c117]{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M4 4h16v12H7l-3 3V4z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M4 4h16v12H7l-3 3V4z"/></svg>')}.icon[data-icon=user][data-v-f957c117]{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm-7 8a7 7 0 0 1 14 0z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm-7 8a7 7 0 0 1 14 0z"/></svg>')}@media(max-width:720px){.bottom-nav[data-v-f957c117]{margin:0 16px 20px}}:root{font-family:Inter,SF Pro Text,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f5f5f5;background-color:#303030;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #303030;--surface: #404040;--surface-2: #2a2a2a;--surface-3: #3a3a3a;--text: #f5f5f5;--muted: #b0b0b0;--accent: #60f0ff;--accent-contrast: #0b0b0b;--border: #4a4a4a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}#app{min-height:100vh}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:24px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px 0;flex-wrap:wrap;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;font-weight:700}.brand-text p{margin:0;font-weight:600}.brand-text span{font-size:.85rem;color:var(--muted)}.header-links{display:flex;gap:16px;font-size:.95rem;flex-wrap:wrap}.header-links a{padding:8px 12px;border-radius:999px;background:var(--surface-2);transition:all .2s ease}.header-links a.router-link-active,.header-links a:hover{background:var(--accent);color:var(--accent-contrast)}.realtime-badge{padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--surface-2);color:var(--muted)}.realtime-badge.connected{background:#60f0ff2e;color:var(--accent)}.realtime-badge.connecting{background:#ffd27533;color:#ffd275}.realtime-badge.error{background:#ff7a7a33;color:#ff7a7a}.app-main{padding:0 32px 24px}.screen-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.screen-card{background:var(--surface);border-radius:20px;padding:16px;box-shadow:0 20px 45px #00000059;display:flex;flex-direction:column;gap:12px}.screen-card h2{margin:0;font-size:1.1rem}.screen-card img{width:100%;border-radius:16px;object-fit:contain;background:var(--surface-2)}.screen-note{color:var(--muted);font-size:.9rem;margin:0}.page-intro{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.page-intro h1{margin:0;font-size:2rem}.page-intro p{margin:0;color:var(--muted)}@media(max-width:720px){.app-header,.app-main{padding-left:16px;padding-right:16px}}