*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--color-primary: #22c55e;--color-secondary: #3b82f6;--color-danger: #ef4444;--text-primary: #ffffff;--text-muted: #94a3b8;--text-disabled: #64748b;--topbar-height: 60px;--bottombar-height: 40px;--content-padding: 1rem;--border-radius: 12px}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#app{width:100%;height:100dvh;height:100vh;overflow:hidden;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}@supports (height: 100dvh){#app{height:100dvh}}:fullscreen #app,:-webkit-full-screen #app{height:100vh!important;padding-top:0;padding-bottom:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a2e;color:inherit;cursor:pointer;transition:background-color .2s,transform .1s}button:hover:not(:disabled){background-color:#2d3a5c}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}*{-webkit-tap-highlight-color:transparent}.no-select{user-select:none;-webkit-user-select:none}.screen{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-gradient);overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;height:var(--topbar-height);padding:0 var(--content-padding);flex-shrink:0}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:.5rem;min-width:80px}.top-bar-center{flex:1;text-align:center;font-size:1.25rem;font-weight:600}.main-content{flex:1;padding:var(--content-padding);overflow:hidden;display:flex;flex-direction:column}.btn{border-radius:var(--border-radius);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:#16a34a}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:#2563eb}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--text-disabled)}.btn-ghost:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.card{background:#ffffff0d;border:2px solid transparent;border-radius:var(--border-radius);padding:1rem;transition:all .2s}.card.selected{border-color:var(--color-secondary);background:#3b82f61a}.card:hover:not(.selected){background:#ffffff14}.grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3x2{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.bottom-bar[data-v-1b973e74]{position:fixed;bottom:0;left:0;right:0;height:40px;z-index:9999;display:flex;align-items:center;gap:.75rem;padding:0 .75rem;background:#000000b3;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;color:#fffc}.spacer[data-v-1b973e74]{flex:1}.bar-btn[data-v-1b973e74]{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bar-btn[data-v-1b973e74]:hover{background:#3b82f699;border-color:#3b82f6}.bar-item[data-v-1b973e74]{display:flex;align-items:center;gap:.4rem}.profile-info[data-v-1b973e74]{max-width:150px}.profile-dot[data-v-1b973e74]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.profile-name[data-v-1b973e74]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-status[data-v-1b973e74]{padding:.25rem .5rem;border-radius:4px;background:#ffffff0d}.connection-status.connected[data-v-1b973e74]{color:#22c55e}.connection-status.offline[data-v-1b973e74]{color:#f59e0b}.connection-status.local[data-v-1b973e74],.connection-status.unknown[data-v-1b973e74]{color:#6b7280}.status-icon[data-v-1b973e74]{font-size:.7rem}.status-label[data-v-1b973e74]{font-size:.75rem}.version[data-v-1b973e74]{font-family:monospace;font-size:.75rem;color:#fff6}@media(max-width:600px){.bottom-bar[data-v-1b973e74]{height:36px;padding:0 .5rem;gap:.5rem}.bar-btn[data-v-1b973e74]{width:28px;height:28px;font-size:.95rem}.profile-info[data-v-1b973e74]{max-width:100px}.profile-name[data-v-1b973e74]{font-size:.8rem}.status-label[data-v-1b973e74]{display:none}}.app[data-v-e033788e]{width:100%;height:100%;overflow:hidden;position:relative;padding-bottom:40px}@media(max-width:600px){.app[data-v-e033788e]{padding-bottom:36px}}