:root{--bg: #0b0e17;--panel: rgba(255, 255, 255, .04);--panel-border: rgba(255, 255, 255, .08);--text: #e8ecf4;--muted: #8b93a7;--accent: #6ee7ff;--danger: #ff6b7a;--ok: #7dffa8}*{box-sizing:border-box}body{margin:0;font-family:Inter,SF Pro Text,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;letter-spacing:.04em;color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger);border:1px solid rgba(255,107,122,.35);background:#ff6b7a14;padding:.5rem .75rem;border-radius:8px}.notice{color:var(--ok);border:1px solid rgba(125,255,168,.35);background:#7dffa814;padding:.5rem .75rem;border-radius:8px}.hint{color:var(--muted);font-size:.85rem;margin:.25rem 0 0}button{background:var(--accent);color:#06222b;border:0;border-radius:8px;padding:.55rem 1.1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:#ff6b7a26;color:var(--danger);border:1px solid rgba(255,107,122,.4)}input,select{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:.5rem .75rem;width:100%;font-size:.95rem}input:focus,select:focus{outline:1px solid var(--accent)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--panel-border)}th{color:var(--muted);font-weight:600}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card h2{margin:.25rem 0}.subtitle{color:var(--muted);margin-top:0}.field{margin-bottom:.9rem}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.auth-card button{width:100%;margin-top:.5rem}.auth-switch{text-align:center;color:var(--muted);margin-bottom:0}.auth-switch a,.nav-link{color:var(--accent)}.console-shell{max-width:1080px;margin:0 auto;padding:0 1rem 3rem}.console-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--panel-border);margin-bottom:1.5rem}.console-nav{display:flex;gap:1rem;flex:1}.nav-link{text-decoration:none;padding:.25rem .5rem;border-radius:6px}.nav-link.active{border-bottom:2px solid var(--accent)}.console-user{display:flex;align-items:center;gap:.75rem}.user-email{color:var(--muted);font-size:.9rem}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.page-head h1{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.stat{margin-bottom:0}.stat-label{color:var(--muted);font-size:.85rem;margin:0 0 .35rem}.stat-value{font-size:1.6rem;font-weight:700;margin:0}.inline-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.inline-form .field{flex:1;min-width:200px;margin-bottom:.5rem}.chat-panel{display:flex;flex-direction:column;gap:1rem}.chat-settings{display:flex;gap:1rem}.chat-settings .field{margin-bottom:0}.grow{flex:1}.chat-transcript{min-height:220px;max-height:420px;overflow-y:auto;background:#00000040;border:1px solid var(--panel-border);border-radius:8px;padding:1rem}.chat-msg{margin:0 0 .75rem}.chat-msg.user strong{color:var(--accent)}.chat-msg.assistant strong{color:var(--ok)}.chat-input-row{display:flex;gap:1rem;align-items:flex-end}.chat-input-row .field{flex:1;margin-bottom:0}.console-ws{display:flex;align-items:center}.ws-selector{display:flex;align-items:center;gap:.5rem}.ws-selector label{font-size:.85rem;margin-right:.25rem}.ws-create{display:flex;gap:.5rem}.ws-create input{width:140px;padding:.35rem .5rem}.project-form{display:flex;flex-direction:column;gap:.5rem;max-width:480px}.project-form label{font-size:.85rem;color:var(--muted)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--panel-border);font-size:.75rem;color:var(--accent)}.badge-archived{color:var(--muted)}:root{--guide-accent: #6ee7ff;--guide-accent-soft: rgba(110, 231, 255, .35);--guide-accent-glow: rgba(110, 231, 255, .65);--guide-dim: rgba(8, 11, 20, .62);--guide-hud-bg: rgba(11, 14, 23, .92);--guide-hud-border: rgba(110, 231, 255, .4);--guide-success: #7dffa8;--guide-error: #ffb86b;--guide-cursor: #ffd86b;--guide-paused-bg: rgba(11, 14, 23, .88)}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}.guide-overlay__edge{position:absolute;background:var(--guide-dim)}.guide-overlay--full .guide-overlay__full{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--guide-dim)}.guide-spotlight{position:fixed;z-index:9100;border:1.5px solid var(--guide-accent);border-radius:6px;box-shadow:0 0 24px #6ee7ff73,inset 0 0 12px #6ee7ff40;pointer-events:none;animation:guide-spotlight-in .32s cubic-bezier(.22,.61,.36,1) both}.guide-spotlight[data-status=ERROR]{border-color:var(--guide-error);box-shadow:0 0 24px #ffb86b73,inset 0 0 12px #ffb86b40}.guide-spotlight__corner{position:absolute;width:14px;height:14px;border-color:var(--guide-accent);border-style:solid;border-width:0}.guide-spotlight__corner--tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.guide-spotlight__corner--tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.guide-spotlight__corner--bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.guide-spotlight__corner--br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.guide-spotlight__sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(110,231,255,.35) 50%,transparent 60%,transparent 100%);background-size:220% 220%;background-position:0% 0%;animation:guide-sweep 6s linear infinite;mix-blend-mode:screen}@keyframes guide-sweep{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes guide-spotlight-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.guide-cursor{position:fixed;z-index:9300;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,216,107,.65))}.guide-cursor__ring{fill:none;stroke:var(--guide-cursor);stroke-width:1.2;animation:guide-cursor-pulse 2s ease-in-out infinite;transform-origin:16px 16px}.guide-cursor__dot{fill:var(--guide-cursor)}@keyframes guide-cursor-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.4);opacity:.4}}.guide-hud{position:fixed;z-index:9200;width:320px;background:var(--guide-hud-bg);border:1px solid var(--guide-hud-border);border-radius:10px;padding:16px;color:#eaf3ff;font-family:Inter,system-ui,sans-serif;box-shadow:0 12px 36px #0000008c,0 0 24px #6ee7ff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guide-hud__header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.guide-hud__counter{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--guide-accent)}.guide-hud__title{font-size:16px;font-weight:600;margin:0;line-height:1.25}.guide-hud__body{font-size:13px;line-height:1.45;margin:0 0 8px;color:#d3dcec}.guide-hud__body[data-state=SUCCESS]{color:var(--guide-success)}.guide-hud__body[data-state=ERROR],.guide-hud__body[data-state=EXPLAIN]{color:var(--guide-error)}.guide-hud__verb{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--guide-accent);margin:0 0 12px}.guide-hud__verb[data-state=VERIFYING]{color:var(--guide-accent)}.guide-hud__verb[data-state=ERROR]{color:var(--guide-error)}.guide-hud__verb[data-state=SUCCESS]{color:var(--guide-success)}.guide-hud__welcome-cta{display:flex;gap:8px;margin-top:12px}.guide-controls{display:flex;gap:6px;margin-top:8px}.guide-control{flex:1;padding:6px 10px;border:1px solid var(--guide-hud-border);background:transparent;color:#d3dcec;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.guide-control:hover:not(:disabled){background:#6ee7ff1f;color:#fff}.guide-control:disabled{opacity:.4;cursor:not-allowed}.guide-control--next{border-color:var(--guide-accent);color:var(--guide-accent)}.guide-control--next:hover:not(:disabled){background:#6ee7ff33}.guide-hud-mobile{position:fixed;z-index:9200;left:0;right:0;bottom:0;padding:16px;background:var(--guide-hud-bg);border-top:1px solid var(--guide-hud-border);border-radius:14px 14px 0 0;color:#eaf3ff;font-family:Inter,system-ui,sans-serif;box-shadow:0 -8px 24px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guide-hud-mobile__counter{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--guide-accent)}.guide-hud-mobile__title{font-size:16px;margin:4px 0 8px}.guide-hud-mobile__body{font-size:14px;margin:0 0 8px;color:#d3dcec}.guide-hud-mobile__gesture{font-size:12px;margin:0 0 8px;color:var(--guide-accent);font-style:italic}.guide-hud-mobile__verb{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--guide-accent);margin:0 0 8px}.guide-paused-badge{position:fixed;z-index:9400;top:16px;right:16px;padding:8px 12px;border:1px solid var(--guide-hud-border);border-radius:999px;background:var(--guide-paused-bg);color:var(--guide-accent);font-size:12px;cursor:pointer;font-family:Inter,system-ui,sans-serif}.guide-paused-badge:focus-visible{outline:2px solid var(--guide-accent);outline-offset:2px}.guide-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-beam{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9050}.guide-beam line{stroke:var(--guide-accent);stroke-width:1;stroke-dasharray:4 4;opacity:.5}@media (prefers-reduced-motion: reduce){.guide-spotlight__sweep,.guide-cursor__ring,.guide-spotlight{animation:none!important;transition:opacity .2s ease!important}.guide-cursor__ring{opacity:.7}}@media (forced-colors: active){.guide-hud,.guide-hud-mobile,.guide-paused-badge{border:2px solid CanvasText;background:Canvas;color:CanvasText;forced-color-adjust:none}.guide-spotlight{border:2px solid Highlight}.guide-control{border:2px solid ButtonText;color:ButtonText}.guide-control--next{border-color:Highlight;color:Highlight}.guide-overlay__edge{background:Canvas;opacity:.6}}