/* Cub Coach reference dashboard. Visual layout only. */
:root{--navy:#020914;--navy2:#06111f;--panel:#071522;--panel2:#0a1d31;--blue:#1685ff;--blue2:#075fd3;--gold:#ffc329;--line:#173d63;--muted:#9eb2c8;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;padding:8px!important;background:#121a1d!important;color:#fff!important;font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif!important}.cub-frame{max-width:1180px!important;margin:0 auto!important;border:2px solid #0f5fae!important;border-radius:18px!important;background:#03101d!important;overflow:hidden!important;box-shadow:0 22px 60px rgba(0,0,0,.45)!important}.cub-shell{display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;min-height:900px!important}
.help-rail{position:relative!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:100%!important;padding:14px 13px 18px!important;background:linear-gradient(180deg,#03101c,#041522)!important;border-right:1px solid #17528a!important;overflow:visible!important}.rail-brand{text-align:center!important;padding:2px 4px 12px!important}.rail-brand img{width:160px!important;height:132px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))!important}.rail-nav{display:grid!important;gap:8px!important}.rail-nav-item{display:flex!important;align-items:center!important;gap:10px!important;min-height:43px!important;padding:9px 11px!important;border:1px solid #214666!important;border-radius:9px!important;background:#071624!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}.rail-nav-item span{width:24px!important;text-align:center!important;font-size:17px!important}.rail-nav-item.active,.rail-nav-item:hover{background:linear-gradient(180deg,#1685ff,#0863d4)!important;border-color:#3da0ff!important;box-shadow:0 8px 20px rgba(7,97,210,.28)!important}.return-academy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:28px 5px 22px!important;min-height:86px!important;padding:12px!important;border:3px solid var(--gold)!important;border-radius:14px!important;background:linear-gradient(180deg,#1685ff,#075fd3)!important;color:#fff!important;text-decoration:none!important;text-align:center!important;font-size:18px!important;line-height:1.08!important;font-weight:950!important;box-shadow:0 6px 0 #c28a00,0 13px 26px rgba(0,0,0,.28)!important}.return-academy span{display:block!important;margin-top:7px!important;color:#ffe06e!important;font-size:10px!important;font-weight:800!important}.promise-card{margin-top:auto!important;border:1px solid #176ac0!important;border-radius:12px!important;background:linear-gradient(180deg,#061624,#04111d)!important;padding:18px 13px 20px!important;text-align:center!important;box-shadow:inset 0 0 24px rgba(15,91,163,.08)!important}.promise-paw{width:48px!important;height:48px!important;margin:-42px auto 10px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:2px solid #1685ff!important;background:#08223d!important;font-size:22px!important}.promise-card h2{margin:0 0 14px!important;color:var(--gold)!important;font-size:14px!important}.promise-card p{margin:9px 0!important;color:#fff!important;font-size:11px!important;line-height:1.45!important}.promise-card strong{display:block!important;margin-top:14px!important;color:#1685ff!important;font-size:18px!important;line-height:1.2!important;font-style:italic!important}
.den-main{min-width:0!important;background:linear-gradient(180deg,#03101d,#061522)!important}.den-banner{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;align-items:center!important;min-height:190px!important;padding:18px 22px!important;border-bottom:1px solid #174e82!important;background:radial-gradient(circle at 78% 45%,rgba(22,133,255,.22),transparent 25%),linear-gradient(120deg,#03101d,#071a2b)!important;overflow:hidden!important}.banner-brand{display:block!important}.banner-brand h1{margin:0!important;font-size:clamp(50px,6.5vw,78px)!important;line-height:.82!important;letter-spacing:-.05em!important;font-weight:950!important}.banner-brand h1 span{display:block!important;color:#1685ff!important;text-shadow:0 0 24px rgba(22,133,255,.22)!important}.banner-brand p{margin:10px 0 0!important;color:var(--gold)!important;font-size:20px!important;font-weight:950!important;font-style:italic!important}.hero-cubs{height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:#1685ff!important;font-size:34px!important;letter-spacing:2px!important;background:radial-gradient(circle,rgba(22,133,255,.22),transparent 65%)!important}.hero-cubs span:nth-child(2){color:var(--gold)!important;font-size:26px!important}
.coach-zone{padding:14px 18px 20px!important}.workspace{border:0!important;border-radius:0!important;background:transparent!important;min-height:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important}.turn-label{display:inline-block!important;position:relative!important;z-index:3!important;margin:0 0 -13px 12px!important;padding:7px 14px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffd347,#ffbb17)!important;color:#07111d!important;font-size:11px!important;font-weight:950!important;box-shadow:0 7px 18px rgba(0,0,0,.28)!important}.composer{display:flex!important;align-items:center!important;gap:10px!important;min-height:125px!important;margin:0!important;padding:18px 18px!important;border:3px solid var(--blue)!important;outline:0!important;border-radius:19px!important;background:#fff!important;box-shadow:0 0 0 2px rgba(255,195,41,.95),0 10px 28px rgba(0,0,0,.28)!important}.composer textarea{flex:1!important;min-height:78px!important;border:0!important;outline:0!important;resize:none!important;background:#fff!important;color:#142130!important;font-size:17px!important;line-height:1.45!important;padding:4px!important}.composer textarea::placeholder{color:#7f8996!important}.composer .voice-btn{width:42px!important;height:42px!important;flex:0 0 42px!important;border:2px solid #1685ff!important;background:#fff!important;color:#1685ff!important}.send-btn{width:48px!important;height:48px!important;flex:0 0 48px!important;border:0!important;border-radius:50%!important;background:linear-gradient(180deg,#1685ff,#075fd3)!important;color:#fff!important;font-size:23px!important;box-shadow:0 9px 20px rgba(8,101,218,.32)!important}.voice-status{margin:5px 0 0!important;font-size:9px!important;min-height:12px!important;color:#b8c9da!important}.results-wrap{margin-top:10px!important}.messages{height:130px!important;overflow:auto!important;padding:6px 2px 2px!important}.message{display:flex!important;gap:9px!important;align-items:flex-start!important;margin-bottom:8px!important}.avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;background:#1685ff!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:900!important}.bubble{max-width:78%!important;padding:10px 12px!important;border:1px solid #214969!important;border-radius:9px 14px 14px 14px!important;background:#0a2238!important}.bubble strong{font-size:11px!important;color:#79bdff!important}.bubble p{margin:4px 0 0!important;font-size:13px!important;line-height:1.5!important;color:#fff!important}.student .bubble{background:#0c65d4!important}.quick-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;padding:2px 0!important}.quick-actions button{border:1px solid #31516d!important;border-radius:999px!important;background:#071827!important;color:#fff!important;font-size:11px!important;font-weight:750!important;padding:7px 11px!important}.workspace-head,.selected-strip{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.help-section{margin-top:10px!important}.section-heading{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:10px!important;margin:2px 0 10px!important}.section-heading span{height:1px!important;background:linear-gradient(90deg,transparent,#1685ff)!important}.section-heading span:last-child{background:linear-gradient(90deg,#1685ff,transparent)!important}.section-heading h2{margin:0!important;color:#fff!important;font-size:17px!important;letter-spacing:.03em!important}.help-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;border:0!important;overflow:visible!important}.help-card{display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:112px!important;padding:14px!important;border:1px solid #1b456b!important;border-radius:13px!important;background:linear-gradient(180deg,#081827,#061421)!important;color:#fff!important;text-align:left!important;box-shadow:0 9px 20px rgba(0,0,0,.15)!important}.help-card:hover,.help-card.active{border-color:#1685ff!important;background:linear-gradient(180deg,#0b2946,#081c31)!important;transform:translateY(-1px)!important}.help-icon{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:21px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 7px 16px rgba(0,0,0,.28)!important}.help-icon.blue{background:linear-gradient(#3196ff,#0961cd)!important}.help-icon.green{background:linear-gradient(#64d66d,#259442)!important}.help-icon.orange{background:linear-gradient(#ff9d31,#f26a00)!important}.help-icon.purple{background:linear-gradient(#be63ef,#7632ba)!important}.help-icon.red{background:linear-gradient(#ff5a62,#c82933)!important}.help-icon.gold{background:linear-gradient(#ffd146,#e4a900)!important}.help-card strong{display:block!important;font-size:18px!important;line-height:1!important}.help-card small{display:block!important;margin-top:4px!important;font-size:14px!important;font-weight:900!important;color:#54a7ff!important}.help-card:nth-child(2) small{color:#69db72!important}.help-card:nth-child(3) small{color:#ffac3b!important}.help-card:nth-child(4) small{color:#d77cff!important}.help-card:nth-child(5) small{color:#ff6b6b!important}.help-card:nth-child(6) small{color:#ffd247!important}.help-card em{display:block!important;margin-top:9px!important;color:#eef5fb!important;font-size:12px!important;line-height:1.4!important;font-style:normal!important;font-weight:550!important}.prompt-section{margin-top:14px!important;padding:16px 18px 18px!important;border:1px solid #236194!important;border-radius:13px!important;background:#071827!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.prompt-title{color:#3b9cff!important;font-size:18px!important;font-weight:950!important;letter-spacing:.01em!important}.prompt-section p{margin:5px 0 13px!important;color:#e3edf7!important;font-size:12px!important;line-height:1.45!important}.coach-starters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important}.coach-starter{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:46px!important;padding:10px 14px!important;border:1.5px solid #2688dc!important;border-radius:999px!important;background:#091d30!important;color:#fff!important;font-size:13px!important;font-weight:850!important;line-height:1.2!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.coach-starter:hover,.coach-starter:focus-visible{background:#0d2b47!important;border-color:#57afff!important}.coach-starter span{color:#5eb5ff!important;font-size:20px!important;font-weight:900!important}.subject-strip{display:none!important}.cub-frame footer{display:flex!important;justify-content:center!important;gap:28px!important;align-items:center!important;padding:11px 14px!important;border-top:1px solid #16508a!important;background:#06172a!important;color:#b5c7d8!important;font-size:10px!important}.cub-frame footer strong{color:#fff!important}.learning-library{max-width:1180px!important;margin:18px auto 36px!important;border:1px solid #147ef1!important;border-radius:16px!important;background:#061523!important;color:#fff!important;overflow:hidden!important}.learning-library>summary{cursor:pointer!important;list-style:none!important;padding:18px 22px!important;font-size:16px!important;font-weight:900!important;background:linear-gradient(110deg,#071829,#082542)!important}.library-inner{padding:20px!important}
@media(max-width:900px){body{padding:0!important}.cub-frame{border-radius:0!important;border-left:0!important;border-right:0!important}.cub-shell{grid-template-columns:210px minmax(0,1fr)!important}.rail-brand img{width:132px!important}.den-banner{grid-template-columns:1fr 120px!important;min-height:160px!important}.banner-brand h1{font-size:55px!important}.hero-cubs{height:110px!important}.help-card{min-height:104px!important}.return-academy{font-size:15px!important}}
@media(max-width:700px){.cub-shell{display:block!important}.help-rail{padding:10px 12px 14px!important;border-right:0!important;border-bottom:1px solid #17528a!important}.rail-brand img{width:110px!important;height:88px!important}.rail-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rail-nav-item{font-size:12px!important}.return-academy{margin:14px 0!important;min-height:62px!important;font-size:15px!important}.promise-card{display:none!important}.den-banner{grid-template-columns:1fr!important;min-height:auto!important;padding:14px 16px!important}.hero-cubs{display:none!important}.banner-brand h1{font-size:46px!important}.banner-brand p{font-size:15px!important}.coach-zone{padding:12px 10px 18px!important}.composer{min-height:106px!important;padding:12px!important}.composer textarea{min-height:60px!important;font-size:15px!important}.messages{height:145px!important}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.help-card{min-height:102px!important;padding:11px!important}.help-icon{width:42px!important;height:42px!important;flex-basis:42px!important}.help-card strong{font-size:15px!important}.help-card small{font-size:12px!important}.help-card em{font-size:11px!important}.coach-starters{grid-template-columns:1fr!important}.coach-starter{font-size:13px!important;min-height:46px!important}.prompt-title{font-size:17px!important}.prompt-section p{font-size:12px!important}.cub-frame footer{gap:10px!important;flex-wrap:wrap!important;font-size:9px!important}}
@media(max-width:470px){.rail-nav{grid-template-columns:1fr!important}.rail-brand img{width:96px!important;height:76px!important}.banner-brand h1{font-size:40px!important}.help-grid{grid-template-columns:1fr!important}.help-card{min-height:92px!important}.section-heading h2{font-size:14px!important}.composer .voice-btn{width:40px!important;height:40px!important;flex-basis:40px!important}.send-btn{width:44px!important;height:44px!important;flex-basis:44px!important}.messages{height:160px!important}.prompt-section{padding:14px!important}.coach-starter{font-size:12px!important;padding:10px 12px!important}}
/* Mobile clarity + engagement repair */
@media(max-width:700px){
  .help-section{margin-top:14px!important}
  .section-heading{margin-bottom:14px!important}
  .section-heading h2{font-size:19px!important;line-height:1.2!important}
  .help-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .help-card{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:start!important;column-gap:12px!important;min-height:150px!important;padding:15px 14px!important;border-width:1.5px!important;border-radius:16px!important;background:linear-gradient(180deg,#0a1c2e,#061420)!important;box-shadow:0 12px 24px rgba(0,0,0,.22)!important}
  .help-card>span:last-child{display:block!important;min-width:0!important;overflow:visible!important}
  .help-icon{width:54px!important;height:54px!important;flex-basis:54px!important;font-size:24px!important}
  .help-card strong{display:block!important;font-size:18px!important;line-height:1.12!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;margin:1px 0 0!important}
  .help-card small{display:block!important;font-size:15px!important;line-height:1.18!important;margin:5px 0 0!important;white-space:normal!important}
  .help-card em{display:block!important;font-size:12px!important;line-height:1.42!important;margin-top:10px!important;color:#f0f6fc!important}
  .prompt-section{margin-top:16px!important;padding:18px 16px 18px!important;border:1.5px solid #2d83c7!important;border-radius:16px!important;background:linear-gradient(180deg,#092039,#061522)!important;box-shadow:0 12px 24px rgba(0,0,0,.18)!important}
  .prompt-title{font-size:21px!important;line-height:1.15!important;color:#39a5ff!important;text-shadow:0 0 16px rgba(57,165,255,.2)!important}
  .prompt-section p{font-size:14px!important;line-height:1.45!important;margin:7px 0 14px!important;color:#f1f6fb!important}
  .coach-starters{grid-template-columns:1fr!important;gap:10px!important}
  .coach-starter{min-height:54px!important;padding:12px 16px!important;border:2px solid #2a92e9!important;border-radius:16px!important;background:linear-gradient(180deg,#0b2742,#081b2f)!important;font-size:15px!important;line-height:1.3!important;font-weight:850!important;text-align:left!important;box-shadow:0 7px 16px rgba(0,0,0,.18)!important}
  .coach-starter span{font-size:23px!important;margin-left:10px!important;flex:0 0 auto!important}
}
@media(max-width:430px){
  .help-grid{grid-template-columns:1fr!important}
  .help-card{grid-template-columns:58px minmax(0,1fr)!important;min-height:128px!important;padding:16px!important}
  .help-icon{width:58px!important;height:58px!important;font-size:25px!important}
  .help-card strong{font-size:20px!important}
  .help-card small{font-size:16px!important}
  .help-card em{font-size:13px!important}
  .coach-starter{font-size:15px!important;min-height:56px!important}
}