.desktop-only.svelte-12qhfyh{display:none!important}.mobile-only.svelte-12qhfyh{display:flex!important}@media(min-width:768px){.desktop-only.svelte-12qhfyh{display:flex!important}.mobile-only.svelte-12qhfyh{display:none!important}}.app-container.svelte-12qhfyh{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at top right,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(168,85,247,.05) 0%,transparent 40%)}.app-header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin:8px 12px 0;border-radius:var(--radius-lg);z-index:100}@media(min-width:768px){.app-header.svelte-12qhfyh{padding:12px 24px;margin:16px 24px 0;border-radius:var(--radius-xl)}}.header-left.svelte-12qhfyh{display:flex;align-items:center;gap:32px}.logo.svelte-12qhfyh{font-size:1.1rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}@media(min-width:768px){.logo.svelte-12qhfyh{font-size:1.25rem}}.nav-menu.svelte-12qhfyh{display:flex;gap:8px}.nav-link.svelte-12qhfyh{text-decoration:none;padding:8px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all var(--transition-normal)}.nav-link.svelte-12qhfyh:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.nav-link.active.svelte-12qhfyh{color:#fff;background:var(--accent-primary);box-shadow:0 4px 12px var(--accent-glow)}.header-right.svelte-12qhfyh{display:flex;align-items:center;gap:20px}.header-mobile-right.svelte-12qhfyh{align-items:center;gap:10px}.hamburger-btn.svelte-12qhfyh{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;cursor:pointer;background:none;border:none}.hamburger-line.svelte-12qhfyh{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition-normal),opacity var(--transition-fast)}.hamburger-line.open.svelte-12qhfyh:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-line.open.svelte-12qhfyh:nth-child(2){opacity:0}.hamburger-line.open.svelte-12qhfyh:last-child{transform:translateY(-7px) rotate(-45deg)}.status-badge.svelte-12qhfyh{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mode-paper.svelte-12qhfyh{background:var(--warning-bg);color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.mode-live.svelte-12qhfyh{background:var(--success-bg);color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.connection-status.svelte-12qhfyh{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);background:var(--bg-elevated);padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle)}.status-dot.svelte-12qhfyh{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected.svelte-12qhfyh{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-dot.disconnected.svelte-12qhfyh{background:var(--danger-color);box-shadow:0 0 8px var(--danger-color)}.username.svelte-12qhfyh{color:var(--text-secondary);font-size:.85rem;font-weight:500}.logout-btn.svelte-12qhfyh{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 14px;border-radius:20px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.logout-btn.svelte-12qhfyh:hover{color:var(--danger-color);border-color:#ef44444d;background:var(--danger-bg)}.menu-backdrop.svelte-12qhfyh{position:fixed;inset:0;background:#00000080;z-index:199}.mobile-menu.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:var(--bg-elevated);border-left:1px solid var(--border-subtle);z-index:200;transform:translate(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;padding:calc(24px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));gap:4px;overflow-y:auto}.mobile-menu.open.svelte-12qhfyh{transform:translate(0)}@media(min-width:768px){.mobile-menu.svelte-12qhfyh,.menu-backdrop.svelte-12qhfyh{display:none!important}}.mobile-menu-header.svelte-12qhfyh{margin-bottom:12px}.mobile-menu-title.svelte-12qhfyh{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mobile-nav-link.svelte-12qhfyh{display:flex;align-items:center;text-decoration:none;padding:14px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:1rem;font-weight:500;min-height:48px;transition:all var(--transition-fast)}.mobile-nav-link.svelte-12qhfyh:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.mobile-nav-link.active.svelte-12qhfyh{color:#fff;background:var(--accent-primary)}.mobile-menu-divider.svelte-12qhfyh{height:1px;background:var(--border-subtle);margin:12px 0}.mobile-menu-info.svelte-12qhfyh{display:flex;flex-direction:column;gap:12px;padding:0 16px}.mobile-username.svelte-12qhfyh{color:var(--text-secondary);font-size:.9rem;font-weight:500}.mobile-logout-form.svelte-12qhfyh{margin-top:auto}.mobile-logout-btn.svelte-12qhfyh{width:100%;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-family:inherit;cursor:pointer;min-height:48px;background:none;transition:all var(--transition-fast)}.mobile-logout-btn.svelte-12qhfyh:hover{color:var(--danger-color);border-color:#ef44444d;background:var(--danger-bg)}.main-content.svelte-12qhfyh{flex:1;overflow-y:auto;padding:var(--spacing-page)}