:root{--canvas:#f4f8ff;--panel:#ffffffeb;--panel-strong:#fff;--ink:#1a2a3f;--muted:#5a6b82;--line:#5da5fa38;--accent:#2f74c0;--accent-deep:#245d9e;--brand-blue:#5da5fa;--accent-soft:#5da5fa1f;--warm:#5da5fa;--warm-soft:#5da5fa29;--shadow:0 22px 60px #2f6aa829}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:radial-gradient(circle at 0 0,#5da5fa29,#0000 30%),radial-gradient(circle at 100% 0,#5da5fa29,#0000 24%),linear-gradient(#f7faff 0%,#e8f0ff 100%);margin:0;font-family:Georgia,Times New Roman,serif}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh;position:relative}.backdrop-gradient{pointer-events:none;background-image:linear-gradient(#5da5fa0d 1px,#0000 1px),linear-gradient(90deg,#5da5fa0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000059,#0000 88%);mask-image:linear-gradient(#00000059,#0000 88%)}.content-grid{z-index:1;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:1.5rem;max-width:1380px;margin:0 auto;padding:2rem;display:grid;position:relative}.course-panel,.chat-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.course-panel{border-radius:30px;flex-direction:column;gap:1.4rem;padding:1.75rem;display:flex}.brand-logo{border-radius:12px;width:132px;height:auto;margin-bottom:.25rem;display:block}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700}.course-panel h1,.chat-toolbar h2{margin:.2rem 0 0;font-size:clamp(2rem,4vw,3.3rem);font-weight:700;line-height:.95}.strapline{color:var(--muted);margin:0;font-size:1.05rem}.summary{margin:0;font-size:1rem;line-height:1.6}.status-row{flex-wrap:wrap;gap:.75rem;display:flex}.status-pill,.streaming-indicator{border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .72rem;font-family:Arial,sans-serif;font-size:.76rem;font-weight:700;display:inline-flex}.status-pill{color:var(--accent);background:var(--accent-soft)}.status-pill.muted{color:var(--muted);background:#5568631a}.streaming-indicator{color:#245d9e;background:var(--warm-soft)}.detail-block{gap:.7rem;display:grid}.detail-block h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-family:Arial,sans-serif;font-size:.95rem}.detail-list{gap:0;margin:0;padding-left:1.1rem;line-height:1.5;display:grid}.detail-list li{padding:.55rem 0}.detail-list li+li{border-top:1px solid #5da5fa2e}.sounds-intro{color:var(--ink);margin:0;font-size:.98rem;line-height:1.55}.sounds-closing{color:var(--accent-deep);margin:0;font-size:.98rem;font-style:italic;line-height:1.55}.bio-block{gap:.7rem;display:grid}.bio-block h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-family:Arial,sans-serif;font-size:.95rem}.bio-card{background:var(--accent-soft);border:1px solid #5da5fa2e;border-radius:20px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.bio-photo{object-fit:cover;object-position:68% 22%;border:2px solid var(--brand-blue);border-radius:50%;flex:none;width:84px;height:84px}.bio-text{color:var(--ink);margin:0;font-size:.95rem;line-height:1.55}@media (max-width:520px){.bio-card{text-align:center;flex-direction:column;align-items:center}}.chat-panel{border-radius:34px;flex-direction:column;min-height:82vh;padding:1.4rem;display:flex}.chat-toolbar{justify-content:space-between;align-items:flex-end;gap:1rem;padding:.5rem .5rem 1rem;display:flex}.course-select{color:var(--muted);gap:.35rem;font-family:Arial,sans-serif;font-size:.78rem;display:grid}.course-select select{border:1px solid var(--line);background:var(--panel-strong);min-width:180px;color:var(--ink);border-radius:14px;padding:.7rem .85rem}.intro-pitch{background:var(--accent-soft);border:1px solid #5da5fa2e;border-radius:20px;gap:.7rem;margin:0 .5rem .9rem;padding:1.2rem 1.3rem;display:grid}.intro-pitch p{color:var(--ink);margin:0;font-size:1rem;line-height:1.65}.intro-pitch .intro-lead{color:var(--accent-deep);font-size:1.08rem;font-weight:700}.auth-panel{background:#5da5fa0f;border:1px solid #5da5fa2e;border-radius:18px;gap:.45rem;margin:0 .5rem .8rem;padding:1rem;display:grid}.login-form{grid-template-columns:1fr;gap:.85rem;display:grid}.forgot-password-flow{gap:1rem;display:grid}.auth-copy{gap:.25rem;font-family:Arial,sans-serif;display:grid}.auth-copy strong{color:var(--ink);font-size:.94rem}.auth-copy span,.login-form label span{color:var(--muted);font-size:.8rem}.login-form label{gap:.35rem;font-family:Arial,sans-serif;display:grid}.login-form input{border:1px solid var(--line);background:var(--panel-strong);width:100%;min-width:0;color:var(--ink);border-radius:14px;padding:.95rem 1rem}.login-form button,.auth-signed-in button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5da5fa,#2f74c0);border:none;border-radius:14px;width:100%;min-height:46px;padding:.8rem 1.05rem;font-family:Arial,sans-serif;font-weight:700}.login-form button:disabled{cursor:not-allowed;opacity:.45}.auth-signed-in{color:var(--muted);justify-content:space-between;align-items:center;gap:.65rem;font-family:Arial,sans-serif;font-size:.84rem;display:flex}.secondary-button.compact{padding:.55rem .85rem!important}.auth-error{color:#7b2424;text-align:left;margin:0;font-family:Arial,sans-serif;font-size:.78rem}.auth-notice{color:var(--accent);margin:0;font-family:Arial,sans-serif;font-size:.8rem}.chat-log{flex:auto;align-content:start;gap:1rem;min-height:0;padding:.5rem;display:grid;overflow:auto}.chat-log:has(.empty-state){flex:none;overflow:visible}.empty-state{background:#ffffffb8;border:1px dashed #5da5fa38;border-radius:24px;gap:1rem;padding:1.5rem;display:grid}.empty-state h3{margin:0;font-size:1.35rem}.empty-state p{color:var(--muted);margin:0;line-height:1.6}.suggestion-row{flex-wrap:wrap;gap:.75rem;display:flex}.suggestion-chip{color:var(--ink);cursor:pointer;background:#fffffff5;border:1px solid #5da5fa38;border-radius:999px;padding:.8rem 1rem;transition:transform .16s,border-color .16s,box-shadow .16s}.suggestion-chip:hover{border-color:#5da5fa73;transform:translateY(-1px);box-shadow:0 12px 24px #5da5fa24}.message-card{border:1px solid var(--line);background:#ffffffb3;border-radius:24px;gap:.9rem;padding:1rem 1.05rem;display:grid}.message-card.user{background:#5da5fa14}.message-card.assistant{background:#ffffffdb}.message-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;font-family:Arial,sans-serif;font-size:.78rem;display:flex}.message-card p{white-space:pre-wrap;margin:0;font-size:1rem;line-height:1.65}.citation-block{gap:.65rem;display:grid}.citation-block-heading{color:var(--muted);justify-content:space-between;gap:.75rem;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;display:flex}.citation-block-heading span:last-child{font-weight:500}.citation-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.citation-card{color:var(--ink);cursor:pointer;text-align:left;background:#e8f0ffeb;border:1px solid #5da5fa47;border-radius:18px;gap:.55rem;padding:.9rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.citation-card:hover,.citation-card:focus-visible{border-color:#5da5fa8c;transform:translateY(-1px);box-shadow:0 14px 26px #5da5fa26}.citation-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.citation-heading{color:var(--ink);gap:.25rem;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;display:grid}.citation-heading span{color:var(--accent)}.citation-action{color:var(--accent-deep);font-family:Arial,sans-serif;font-size:.76rem;font-weight:700}.citation-modal-backdrop{z-index:10;background:#1a2a3f57;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.citation-modal{border:1px solid var(--line);background:var(--panel-strong);width:min(680px,100%);max-height:min(760px,100vh - 2rem);box-shadow:var(--shadow);border-radius:24px;gap:1rem;padding:1.2rem;display:grid;overflow:auto}.citation-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.citation-modal h2,.citation-modal h3{margin:.2rem 0 0}.citation-modal h2{font-size:1.4rem;line-height:1.15}.citation-modal h3{color:var(--muted);font-family:Arial,sans-serif;font-size:.9rem}.citation-details{gap:.75rem;margin:0;display:grid}.citation-details div{border-top:1px solid #5da5fa2e;gap:.25rem;padding:.75rem 0;display:grid}.citation-details dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700}.citation-details dd{overflow-wrap:anywhere;margin:0;line-height:1.45}.citation-mapped-sections ul{margin:.5rem 0 0;padding-left:1.1rem;line-height:1.55}.citation-modal-quote{border-left:4px solid var(--brand-blue);background:var(--accent-soft);color:var(--ink);border-radius:14px;margin:0;padding:1rem;line-height:1.6}.composer{gap:.85rem;padding:1rem .5rem .2rem;display:grid}.composer-label{color:var(--muted);font-family:Arial,sans-serif;font-size:.84rem}.composer textarea{resize:vertical;width:100%;min-height:120px;color:var(--ink);background:#ffffffeb;border:1px solid #13231f29;border-radius:20px;padding:1rem 1.05rem;line-height:1.6}.composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.composer button{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#5da5fa,#2f74c0);border:none;border-radius:999px;padding:.95rem 1.3rem;font-family:Arial,sans-serif;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}.composer button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #5da5fa38}.composer button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{color:var(--ink)!important;box-shadow:none!important;background:#ffffffe0!important;border:1px solid #13231f24!important}.error-banner{color:#7b2424;background:#9d35351a;border:1px solid #9d35352e;border-radius:16px;margin:0;padding:.85rem 1rem;font-family:Arial,sans-serif;font-size:.88rem}@media (max-width:980px){.content-grid{grid-template-columns:1fr;padding:1rem}.chat-panel{min-height:auto}.chat-toolbar{flex-direction:column;align-items:start}.course-select,.course-select select{width:100%}.auth-panel{width:100%;margin-inline:0}.auth-signed-in{justify-content:space-between}}