:root{color-scheme:dark;--bg: #06111f;--panel: rgba(9, 18, 33, .74);--panel-soft: rgba(9, 18, 33, .48);--panel-border: rgba(128, 214, 255, .16);--text: #f6f8ff;--muted: #98abca;--cyan: #89f7ff;--blue: #6c85ff;--rose: #ff9cbc;--shadow: 0 24px 64px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 18%,rgba(137,247,255,.16),transparent 18%),radial-gradient(circle at 78% 15%,rgba(108,133,255,.15),transparent 18%),linear-gradient(180deg,#040b15,#081423)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}#app,.screen-shell,.single-screen{height:100%}.screen-shell{padding:18px}.single-screen{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:18px 22px 12px;border:1px solid rgba(255,255,255,.06);border-radius:30px;background:#050c17bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.top-copy{text-align:center}.auth-modal-backdrop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#02081294;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card{position:relative;width:min(340px,28vw);padding:16px;border-radius:22px;border:1px solid rgba(128,214,255,.16);background:#091221bd;box-shadow:0 18px 48px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-card-modal{width:min(420px,100%);padding:22px}.auth-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff14;color:var(--text);cursor:pointer;font-size:1.25rem}.auth-pill{position:absolute;top:24px;left:24px;z-index:5;display:flex;align-items:center;gap:10px;max-width:min(380px,32vw);padding:10px 12px;border-radius:999px;border:1px solid rgba(128,214,255,.16);background:#091221bd;color:var(--text);box-shadow:0 18px 48px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.84rem}.auth-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-pill button{flex:0 0 auto;border:0;border-radius:999px;padding:7px 10px;background:#ffffff14;color:var(--text);cursor:pointer;font:inherit}.auth-copy{display:grid;gap:7px}.auth-label{margin:0;color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.auth-copy strong{line-height:1.35}.auth-copy p:not(.auth-label),.auth-status{margin:0;color:var(--muted);line-height:1.45;font-size:.9rem}.auth-form{display:grid;gap:10px;margin-top:12px}.auth-input{width:100%;min-height:42px;padding:0 13px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;color:var(--text);font:inherit}.auth-button{min-height:42px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--cyan),#d7ffff 58%,#a9b8ff);color:#031018;cursor:pointer;font:inherit;font-weight:700}.auth-button:disabled{cursor:not-allowed;opacity:.62}.auth-button-secondary{width:100%;margin-top:12px;background:#ffffff12;color:var(--text);box-shadow:inset 0 0 0 1px #ffffff14}.auth-status{margin-top:10px}.eyebrow{margin:0 0 8px;color:var(--cyan);text-transform:uppercase;letter-spacing:.24em;font-size:.74rem}h1{margin:0;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:1}.subcopy{margin:10px auto 0;max-width:54ch;color:var(--muted)}.center-stage{display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:8px 0 0}.animated-orb{position:relative;display:grid;place-items:center;width:min(50vh,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.92),rgba(255,255,255,.14) 17%,transparent 30%),radial-gradient(circle at 60% 38%,rgba(108,133,255,.7),transparent 46%),radial-gradient(circle at 50% 54%,#89f7ffe6,#12314eb8 58%,#040c14fa);box-shadow:0 0 60px #89f7ff42,0 0 130px #6c85ff2e;animation:pulse 5.8s ease-in-out infinite}.animated-orb.state-speaking{box-shadow:0 0 80px #89f7ff5c,0 0 160px #6c85ff42;animation-duration:2.4s}.animated-orb.state-listening{box-shadow:0 0 75px #89f7ff57,0 0 150px #89f7ff33;animation-duration:2.8s}.animated-orb.state-connecting{animation-duration:1.8s}.ring{position:absolute;border-radius:50%;border:1px solid rgba(137,247,255,.24)}.ring-a{inset:-32px;animation:rotate 11s linear infinite}.ring-b{inset:-64px;border-color:#6c85ff2e;animation:rotateReverse 16s linear infinite}.voice-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;opacity:0;transition:opacity .18s ease}.voice-layer-agent{transform:translateY(-42%)}.voice-layer-user{transform:translateY(42%)}.animated-orb.state-speaking .voice-layer-agent,.animated-orb.state-listening .voice-layer-user{opacity:1}.voice-bar{width:6px;height:28px;border-radius:999px;transform-origin:center}.voice-bar-agent{background:linear-gradient(180deg,#fffffffa,#89f7ff52);transform:scaleY(var(--bar-scale, .5));transition:transform 80ms linear,opacity 80ms linear}.voice-bar-user{background:linear-gradient(180deg,#6c85fff2,#ffffff42);transform:scaleY(var(--bar-scale, .4));transition:transform 80ms linear,opacity 80ms linear}.start-button,.control-button,.course-card-button{border:0;font:inherit}.start-button,.control-button,.course-card-button,.course-link{cursor:pointer}.start-button{position:relative;z-index:2;min-width:124px;min-height:124px;border-radius:50%;background:#071220d1;color:var(--text);font-family:Syne,sans-serif;font-size:1.1rem;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 36px #00000059;transition:transform .18s ease,box-shadow .18s ease}.animated-orb.state-speaking .start-button{box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 50px #89f7ff3d}.animated-orb.state-listening .start-button{box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 46px #6c85ff38}.start-button:hover,.control-button:hover,.course-card-button:hover,.course-link:hover{transform:translateY(-1px)}.center-caption,.copyright-line{color:var(--muted)}.center-caption{margin:0;text-align:center}.error-caption{margin:10px 0 0;text-align:center;color:var(--rose)}.control-row{display:flex;gap:12px;margin-top:18px}.control-button{min-height:46px;padding:0 18px;border-radius:999px;background:#ffffff0f;color:var(--text);box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .18s ease}.control-button:disabled,.start-button:disabled{cursor:not-allowed;opacity:.6}.control-button-danger{background:#ff78a01f;box-shadow:inset 0 0 0 1px #ff78a038}.debug-panel{margin-top:14px;display:grid;gap:4px;justify-items:center;color:var(--muted);font-size:.82rem}.left-rail,.right-rail{position:absolute;top:110px;bottom:58px;width:min(330px,28vw);transition:opacity .22s ease,transform .22s ease}.left-rail{left:22px;opacity:.16;transform:translate(-18px)}.right-rail{right:22px;opacity:.18;transform:translate(18px)}.left-rail.is-visible,.right-rail.is-visible{opacity:1;transform:translate(0)}.rail-card{height:100%;min-height:0;padding:20px;border-radius:24px;border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(137,247,255,.45) transparent}.rail-card::-webkit-scrollbar{width:10px}.rail-card::-webkit-scrollbar-track{background:transparent}.rail-card::-webkit-scrollbar-thumb{background:#89f7ff59;border-radius:999px}.left-rail:not(.is-visible) .rail-card,.right-rail:not(.is-visible) .rail-card{background:var(--panel-soft)}.rail-label,.rail-section span,.transcript-role,.step-copy span{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.rail-label{margin:0 0 16px}.transcript-stream,.step-list,.course-card-list{display:grid;gap:14px}.transcript-bubble,.transcript-placeholder,.step-card,.selected-course-card,.empty-course-state{border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff09}.transcript-bubble{padding:14px}.transcript-bubble-agent{border-color:#89f7ff2e}.transcript-bubble-user{border-color:#6c85ff2e}.transcript-bubble p,.transcript-placeholder,.selected-course-card p,.rail-section p{margin:8px 0 0;line-height:1.55;color:var(--text)}.transcript-placeholder,.empty-course-state{padding:16px;color:var(--muted)}.step-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px}.step-card.is-complete{border-color:#89f7ff38;background:#89f7ff0f}.step-index{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#89f7ff1f;color:var(--text);font-weight:700}.step-copy strong,.rail-section strong,.selected-course-card strong{display:block;margin-top:6px;line-height:1.45}.rail-section+.rail-section{margin-top:18px}.course-card-button{width:100%;padding:14px 15px;text-align:left;color:var(--text);border-radius:18px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.course-card-button strong,.course-card-button small{display:block}.course-card-button small{margin-top:8px;color:var(--muted)}.course-card-button.is-selected{background:#89f7ff14;box-shadow:inset 0 0 0 1px #89f7ff38}.selected-course-card{padding:16px}.course-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:14px;padding:0 14px;border-radius:999px;text-decoration:none;color:#031018;background:linear-gradient(135deg,var(--cyan),#d7ffff 58%,#a9b8ff);transition:transform .18s ease}.rail-section-quiet strong{color:var(--muted);font-weight:500}.copyright-line{margin:0;text-align:center;font-size:.9rem}@keyframes pulse{0%,to{transform:scale(.985)}50%{transform:scale(1.02)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes agentBars{0%,to{transform:scaleY(.48);opacity:.46}50%{transform:scaleY(1.7);opacity:1}}@keyframes userBars{0%,to{transform:scaleY(.38);opacity:.4}50%{transform:scaleY(1.45);opacity:.95}}@media(max-width:1180px){.left-rail,.right-rail{width:min(290px,30vw)}.animated-orb{width:min(44vh,400px)}.auth-card{width:min(300px,29vw)}.auth-pill{max-width:min(300px,30vw)}}@media(max-width:980px){html,body{overflow:auto}.single-screen{height:auto;min-height:100%;overflow:visible;padding-bottom:22px}.left-rail,.right-rail{position:static;width:100%;transform:none;opacity:1}.screen-shell{padding:12px}.center-stage{order:1}.auth-card{width:100%}.auth-pill{position:static;order:2;max-width:100%}.left-rail{order:3}.right-rail{order:4}.rail-card{height:auto;max-height:none}.animated-orb{width:min(72vw,420px)}}