.nav[data-v-d751b99f]{display:flex;align-items:center;gap:16px;padding:0 24px;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-brand[data-v-d751b99f]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--text-primary);letter-spacing:-.3px;text-decoration:none}.nav-links[data-v-d751b99f]{display:flex;gap:4px;flex:1;margin-left:8px}.nav-link[data-v-d751b99f]{padding:6px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);transition:all var(--transition);text-decoration:none}.nav-link[data-v-d751b99f]:hover,.nav-link.router-link-active[data-v-d751b99f]{color:var(--text-primary);background:var(--bg-card)}.nav-auth[data-v-d751b99f]{display:flex;align-items:center;gap:12px}.nav-username[data-v-d751b99f]{font-size:14px;color:var(--text-secondary)}.btn-primary[data-v-d751b99f]{padding:7px 16px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background var(--transition)}.btn-primary[data-v-d751b99f]:hover{background:var(--accent-hover)}.btn-ghost[data-v-d751b99f]{padding:7px 12px;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);font-size:14px;transition:all var(--transition)}.btn-ghost[data-v-d751b99f]:hover{color:var(--text-primary);background:var(--bg-card)}.app[data-v-b5e4a476]{display:flex;flex-direction:column;min-height:100vh}.app-content[data-v-b5e4a476]{flex:1;display:flex;flex-direction:column}:root{--bg-primary: #0d0d1a;--bg-secondary: #13131f;--bg-card: #1a1a2e;--bg-card-hover: #1f1f38;--border: #2a2a4a;--border-active: #4f8ef7;--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #555570;--accent: #4f8ef7;--accent-hover: #6aa3ff;--accent-glow: rgba(79, 142, 247, .3);--success: #4ecdc4;--success-glow: rgba(78, 205, 196, .3);--warning: #ffd166;--danger: #ff6b6b;--cell-path: #4f8ef7;--cell-empty: #1a1a2e;--cell-checkpoint: #ffd166;--cell-locked: #4ecdc4;--radius: 8px;--radius-sm: 4px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit;border:none;outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes completionBurst{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}@keyframes checkpointLock{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}