@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/_vinext_fonts/geist-8ac0455e797f/geist-98bbbccb.woff2") format("woff2")}
:root{--navy:#04101f;--navy2:#07192e;--panel:#0a1b2f;--panel2:#0d233c;--blue:#1677ff;--blue2:#0b5fd7;--gold:#ffbf21;--white:#fff;--muted:#91a5bd;--line:#1f4e7f;--soft:#102944}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#020a13,#061321 45%,#07182b);color:#fff;font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.site-header{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #0d69d9;background:#030d19;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-logo{width:54px;height:54px;object-fit:contain}.brand-name{font-weight:900;font-size:19px;letter-spacing:.04em}.brand-sub{font-size:8px;letter-spacing:.16em;color:#41a2ff;margin-top:3px}.top-nav{display:flex;gap:8px;align-items:center}.top-nav a{color:#fff;text-decoration:none;font-size:11px;font-weight:800;padding:12px 14px;border-radius:7px}.top-nav a:hover{background:#0c2138}.top-nav .active{background:#096ee8;border:1px solid #1681ff}.den-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 78px)}.help-rail{background:linear-gradient(180deg,#06101d,#061422);border-right:1px solid #147ef1;padding:24px 16px 30px;position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto}.rail-title{border:1px solid #147ef1;background:linear-gradient(180deg,#0e4a8d,#072c55);padding:13px 12px;text-align:center;font-size:16px;font-weight:900;border-radius:8px 8px 0 0}.help-grid{border:1px solid #147ef1;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}.help-card{width:100%;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid #294761;background:#081523;color:#fff;text-align:left;padding:13px 10px;transition:.18s}.help-card:last-child{border-bottom:0}.help-card:hover,.help-card.active{background:#102b48}.help-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 5px 14px rgba(0,0,0,.25)}.help-icon.blue{background:linear-gradient(#3196ff,#0961cd)}.help-icon.green{background:linear-gradient(#64d66d,#259442)}.help-icon.orange{background:linear-gradient(#ff9d31,#f26a00)}.help-icon.purple{background:linear-gradient(#be63ef,#7632ba)}.help-icon.red{background:linear-gradient(#ff5a62,#c82933)}.help-icon.gold{background:linear-gradient(#ffd146,#e4a900)}.help-card strong{display:block;font-size:13px}.help-card small{display:block;font-size:11px;margin-top:2px;color:#62a9ff;font-weight:800}.help-card:nth-child(2) small{color:#6ce270}.help-card:nth-child(3) small{color:#ff9c34}.help-card:nth-child(4) small{color:#d878ff}.help-card:nth-child(5) small{color:#ff6868}.help-card:nth-child(6) small{color:#ffd13e}.guide-card{margin-top:18px;border:1px solid #147ef1;border-radius:8px;padding:14px 12px;background:#071625}.guide-card strong{display:block;color:#46a4ff;font-size:12px}.guide-card p{font-size:10px;line-height:1.55;color:#d0d9e5;margin:8px 0 0}.rail-paw{text-align:center;font-size:72px;opacity:.25;margin-top:24px}.rail-motto{text-align:center;color:#0c58a6;font-weight:900;font-size:20px;font-style:italic}.den-main{min-width:0}.den-banner{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:center;padding:18px 26px 14px;border-bottom:1px solid #155fae;background:radial-gradient(circle at 50% 0,rgba(13,118,255,.16),transparent 48%),#03101d}.banner-brand{display:flex;align-items:center;gap:17px}.banner-brand img{width:122px;height:122px;object-fit:contain}.banner-brand h1{margin:0;font-size:clamp(48px,6.2vw,86px);line-height:.9;letter-spacing:-.04em;font-weight:950}.banner-brand h1 span{color:#0f7dff;text-shadow:0 0 24px rgba(22,119,255,.25)}.banner-brand p{margin:8px 0 0;color:var(--gold);font-size:22px;font-weight:900;font-style:italic}.promise-card{border:1px solid #41566d;border-radius:11px;padding:16px 18px;background:rgba(3,12,22,.74)}.promise-card h2{margin:0 0 9px;color:var(--gold);font-size:16px}.promise-card p{margin:5px 0;font-size:10.5px;color:#f0f4f8}.coach-zone{padding:18px 26px 0}.coach-intro{text-align:center}.coach-intro h2{margin:0;color:var(--gold);font-size:19px;letter-spacing:.02em}.coach-intro p{margin:5px 0 0;font-size:14px;color:#e1e8f0}.subject-strip{margin:18px 0 12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.subject-label{font-size:10px;color:#8ea4bd;font-weight:800;margin-right:3px}.subject-card{border:1px solid #294a6b;background:#0a1b2d;color:#dbe7f4;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:10px}.subject-card strong{font-size:10px}.subject-card:hover,.subject-card.active{border-color:#1881ff;background:#0b3b70;color:#fff;box-shadow:0 0 0 2px rgba(22,119,255,.1)}.workspace{border:1px solid #28455f;border-radius:13px;background:linear-gradient(180deg,#071729,#06131f);overflow:visible;padding-bottom:15px}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 18px 6px;gap:20px}.workspace-kicker{font-size:9px;color:#4ba0ff;font-weight:900}.workspace h2{margin:4px 0 3px;font-size:14px}.workspace-head p{margin:0;color:#7f95ac;font-size:10px}.ghost-btn{border:1px solid #35536f;border-radius:8px;background:#0b1b2c;color:#c7d3df;padding:7px 10px;font-size:9px;font-weight:800}.selected-strip{padding:2px 18px 9px;display:flex;gap:7px;flex-wrap:wrap}.selected-strip span{border:1px solid #294761;background:#0b1d30;border-radius:999px;padding:5px 8px;color:#7690aa;font-size:8px}.selected-strip strong{color:#dce7f2}.messages{height:145px;overflow:auto;padding:8px 18px 4px}.message{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.message.student{justify-content:flex-end}.avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#1078ff;display:grid;place-items:center;font-weight:900}.avatar img{display:none}.bubble{max-width:min(72%,620px);padding:11px 13px;border:1px solid #244565;background:#0d2238;border-radius:6px 14px 14px 14px}.student .bubble{order:1;background:#0f5fd8;border-radius:14px 6px 14px 14px}.bubble strong{font-size:9px;color:#6fb4ff}.bubble p{margin:4px 0 0;font-size:11px;line-height:1.5;white-space:pre-wrap}.quick-actions{display:flex;gap:7px;padding:2px 18px 7px;flex-wrap:wrap}.quick-actions button{border:1px solid #31526f;border-radius:8px;background:#0b1b2c;color:#d7e0ea;font-size:9px;padding:7px 9px;font-weight:800}.quick-actions button:hover{border-color:#1780ff}.start-cue{text-align:right;margin:0 36px -4px 0;color:#1680ff;font-size:24px;font-weight:950;font-style:italic;transform:rotate(-4deg)}.turn-label{display:inline-block;position:relative;z-index:3;margin:0 0 -14px 22px;padding:8px 14px;border-radius:11px;background:var(--gold);color:#05101c;font-size:11px;font-weight:950;box-shadow:0 5px 16px rgba(0,0,0,.3)}.composer{margin:0 18px;min-height:126px;display:flex;align-items:center;gap:10px;padding:18px 18px;border:4px solid var(--gold);outline:3px solid #117cff;border-radius:22px;background:#fff;box-shadow:0 0 0 6px rgba(3,14,26,.9),0 0 32px rgba(22,119,255,.25)}.composer:focus-within{box-shadow:0 0 0 6px rgba(3,14,26,.9),0 0 38px rgba(255,191,33,.28)}textarea{flex:1;resize:none;border:0;outline:0;background:#fff;color:#162232;min-height:80px;font-size:16px;line-height:1.5;padding:5px}textarea::placeholder{color:#a1a8b0}.send-btn{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:14px;background:#137cff;color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(22,119,255,.28)}.send-btn:disabled{opacity:.45}.ask-note{text-align:center;margin:14px 18px 2px;color:#fff;font-size:12px}.ask-note strong{font-size:13px}.composer-note{text-align:center;color:#6f8297;font-size:8px;padding:3px 18px 0}.learning-library{margin:18px 26px 0;border:1px solid #147ef1;border-radius:11px;background:#061523;padding:17px}.library-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.library-top h2{margin:0;color:#e8f3ff;font-size:14px}.library-top p{margin:3px 0 0;color:#a7b7c8;font-size:9px}.resource-search{display:flex;gap:6px;min-width:270px}.resource-search input{flex:1;min-width:0;border:1px solid #31526f;border-radius:7px;background:#0a1a2a;color:#fff;padding:8px 9px;font-size:9px}.primary-btn{border:0;border-radius:7px;background:#1677ff;color:#fff;padding:0 11px;font-size:9px;font-weight:800}.resource-filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.filter{border:1px solid #31526f;border-radius:7px;background:#0b1b2c;color:#b3c3d4;padding:7px 9px;font-size:9px;font-weight:800}.filter.active{background:#1677ff;color:#fff;border-color:#1677ff}.resource-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.resource-item{min-height:112px;text-decoration:none;color:#fff;border:1px solid #244565;border-radius:8px;background:#09192a;padding:10px;display:flex;flex-direction:column}.resource-item:hover{border-color:#1881ff;transform:translateY(-1px)}.resource-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.resource-emoji{font-size:22px}.resource-type{font-size:6px;color:#5ba8ff;font-weight:900;letter-spacing:.08em}.resource-item strong{font-size:10px;margin-top:6px}.resource-item span{font-size:8px;color:#9db0c3;line-height:1.45;margin-top:3px;flex:1}.resource-item em{font-size:7px;color:#66adff;font-style:normal;font-weight:900;margin-top:6px}.empty{grid-column:1/-1;padding:22px;border:1px dashed #31526f;border-radius:8px;text-align:center;color:#8da1b6;font-size:9px}.success-strip{margin:18px 26px 26px;border:1px solid #147ef1;border-radius:10px;background:#061523;display:grid;grid-template-columns:170px repeat(4,1fr);align-items:stretch;overflow:hidden}.success-strip>strong{display:grid;place-items:center;background:#0d63c7;color:#fff;font-size:12px;letter-spacing:.05em}.success-strip>span{padding:11px 12px;border-left:1px solid #244565;font-size:10px}.success-strip b{display:block;margin-bottom:3px}.success-strip small{display:block;color:#8ea2b8;line-height:1.4;font-size:8px}footer{display:flex;justify-content:center;gap:18px;align-items:center;padding:14px 20px;border-top:1px solid #0f589d;background:#061a31;color:#7c98b6;font-size:10px}footer strong{color:#fff}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.typing{display:inline-flex;gap:4px;align-items:center;height:20px}.typing i{width:5px;height:5px;background:#7e9ab7;border-radius:50%;animation:bounce 1s infinite alternate}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{to{transform:translateY(-5px);background:#fff}}
@media(max-width:1100px){.den-layout{grid-template-columns:190px minmax(0,1fr)}.banner-brand img{width:92px;height:92px}.den-banner{grid-template-columns:minmax(0,1fr) 280px}.resource-results{grid-template-columns:repeat(3,1fr)}.top-nav a{padding:10px 8px}.success-strip{grid-template-columns:130px repeat(4,1fr)}}
@media(max-width:820px){.site-header{height:auto;padding:12px 16px;align-items:flex-start}.top-nav{display:none}.den-layout{display:block}.help-rail{position:static;height:auto;border-right:0;border-bottom:1px solid #147ef1;padding:12px 14px}.rail-title{border-radius:8px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);border:0;gap:7px;margin-top:8px}.help-card{border:1px solid #244565!important;border-radius:8px;padding:8px}.help-icon{width:34px;height:34px;flex-basis:34px;font-size:15px}.guide-card,.rail-paw,.rail-motto{display:none}.den-banner{grid-template-columns:1fr;padding:16px}.promise-card{display:none}.coach-zone{padding:14px}.banner-brand h1{font-size:48px}.banner-brand p{font-size:16px}.subject-strip{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.subject-card,.subject-label{flex:0 0 auto}.learning-library,.success-strip{margin-left:14px;margin-right:14px}.resource-results{grid-template-columns:repeat(2,1fr)}.success-strip{grid-template-columns:1fr 1fr}.success-strip>strong{grid-column:1/-1;padding:9px}.success-strip>span{border-top:1px solid #244565}.start-cue{font-size:18px}.composer{min-height:110px}}
@media(max-width:560px){.help-grid{grid-template-columns:repeat(2,1fr)}.banner-brand img{width:70px;height:70px}.banner-brand h1{font-size:39px}.coach-intro h2{font-size:14px}.coach-intro p{font-size:11px}.workspace-head{padding:12px}.selected-strip{padding:0 12px 7px}.messages{padding-left:12px;padding-right:12px}.bubble{max-width:86%}.quick-actions{padding-left:12px;padding-right:12px}.composer{margin:0 12px;border-width:3px;outline-width:2px;padding:12px}.turn-label{margin-left:16px}.start-cue{margin-right:16px}.resource-results{grid-template-columns:1fr}.library-top{align-items:stretch;flex-direction:column}.resource-search{min-width:0;width:100%}.success-strip{grid-template-columns:1fr}.success-strip>strong{grid-column:auto}.success-strip>span{border-left:0}.brand-name{font-size:15px}}

.speech-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px solid rgba(111,180,255,.18)}
.speech-controls button{border:1px solid #31526f;border-radius:7px;background:#081929;color:#d7e7f7;padding:5px 8px;font:inherit;font-size:8px;font-weight:900;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.speech-controls button:hover:not(:disabled),.speech-controls button:focus-visible{border-color:#1780ff;background:#0d2b49;color:#fff}
.speech-controls button:focus-visible{outline:2px solid #ffbf21;outline-offset:2px}
.speech-controls button:disabled{opacity:.42;cursor:not-allowed}
.speech-controls.speaking [data-speech-action="play"]{background:#137cff;border-color:#137cff;color:#fff;opacity:1}
.speech-controls.paused [data-speech-action="pause"]{background:#ffbf21;border-color:#ffbf21;color:#04101f}
@media(max-width:560px){.speech-controls{gap:5px}.speech-controls button{padding:6px 7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.speech-controls button{transition:none}}

.resource-section-title{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:9px 2px 4px;border-bottom:1px solid #244565;color:#fff}.resource-section-title strong{font-size:12px;color:#eaf4ff}.resource-section-title span{font-size:8px;color:#8fa7bf;text-align:right}.resource-section-title.video-title{border-bottom-color:#bb8710}.resource-section-title.video-title strong{color:#ffcf47}.video-item{border-color:#6f5519;background:linear-gradient(180deg,#11243a,#0a1928)}.video-item:hover{border-color:#ffbf21}.video-duration{display:inline-block;width:max-content;margin-top:6px;padding:3px 6px;border-radius:999px;background:#5b4208;color:#ffda75;font-size:7px}.video-item em{color:#ffcf47}
@media(max-width:560px){.resource-section-title{align-items:flex-start;flex-direction:column}.resource-section-title span{text-align:left}}

.tutorial-bubble{max-width:min(82%,720px)}.tutorial-link{margin-top:10px;padding:12px;border:1px solid #ffbf21;border-radius:10px;background:linear-gradient(135deg,#102d4b,#0a1c30);color:#fff;text-decoration:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.tutorial-link:hover,.tutorial-link:focus-visible{border-color:#fff;box-shadow:0 0 0 3px rgba(255,191,33,.18)}.tutorial-play{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffbf21;color:#061321;font-size:15px}.tutorial-link b{display:block;font-size:11px}.tutorial-link small{display:block;margin-top:3px;color:#9fc2e7;font-size:8px}.tutorial-link em{color:#ffcf47;font-size:8px;font-style:normal;font-weight:900}.tutorial-check{margin-top:10px!important;padding-top:9px;border-top:1px solid #294761;color:#eaf4ff}.tutorial-check b{color:#ffcf47}@media(max-width:560px){.tutorial-link{grid-template-columns:34px 1fr}.tutorial-link em{grid-column:2}.tutorial-bubble{max-width:94%}}

.tutorial-alternatives{margin-top:8px;padding:9px 10px;border:1px solid #294761;border-radius:8px;background:#081929;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tutorial-alternatives>span{color:#a9bad0;font-size:8px;font-weight:800}.tutorial-alternatives a{border:1px solid #35648e;border-radius:999px;padding:5px 8px;color:#9dcbff;text-decoration:none;font-size:8px;font-weight:850}.tutorial-alternatives a:hover,.tutorial-alternatives a:focus-visible{border-color:#ffbf21;color:#fff;background:#123557}