:root{font:15px/1.75 Arial,sans-serif;color:#d9eee4;background:#102e2c;--mint:#cee9c9;--ink:#214e42}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#4c8d7650,transparent 65%),#102e2c}header{height:160px;display:grid;grid-template-columns:260px 1fr 300px;align-items:center;padding:20px 3.5%;border-bottom:1px solid #bbe2c52a}header nav,.profile{display:flex;align-items:center;gap:12px}.profile{justify-content:center}.creator{text-align:center;text-decoration:none;color:#e2f3e8}.creator>span{display:grid;place-items:center;margin:auto;width:85px;height:85px;border:1px solid #c5edd05c;border-radius:50%;box-shadow:0 0 35px #a8f0d01a;font-size:27px}.creator small{display:block;margin-top:16px;font-size:10px;letter-spacing:3px}a,button,summary{touch-action:manipulation}header nav a,button,summary{background:var(--mint);color:#214c40;border:1px solid #b2d1b5;border-radius:8px;min-height:44px;padding:8px 13px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}.workspace{display:grid;grid-template-columns:230px minmax(360px,1fr) 300px;gap:24px;padding:20px;height:calc(100dvh - 160px)}.rail,.monitor{border:1px solid #a9d5bd38;border-radius:15px;padding:20px;box-shadow:inset 0 0 20px #aadac410;display:flex;flex-direction:column;min-height:0}.rail h1{font-size:15px;line-height:1.5;text-align:center}.course-logo,#avatar{display:grid;place-items:center;border:1px solid #c7e5d06b;border-radius:50%;background:radial-gradient(circle,#5e8b79,#153b35);font-size:22px;color:#d7f5dd}.course-logo{width:62px;height:62px;margin:0 auto 10px}#avatar{width:44px;height:44px;font-size:14px}.caption{font-size:10px;color:#b3ccbe;line-height:1.6}.rail>.caption{text-align:center;margin-top:0}.rail nav{display:grid;gap:8px;margin:20px 0}.rail nav button{text-align:left;background:transparent;border-color:transparent;color:#cce1d4}.rail nav button[aria-current=page]{background:#c5e4ce14;border-color:#c5e4ce5c}.rail>details{margin-top:auto}.rail>details summary{background:transparent;color:#d8eadd}.paging{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:11px}.paging button{background:transparent;color:#cee6d7;border-color:#c2e4d033;min-height:36px}main{min-height:0;border:1px solid #b7e5c638;border-radius:18px;padding:12px;box-shadow:0 0 25px #a9efc710,inset 0 0 30px #83d4ab10;perspective:1200px}#sheet{height:100%;overflow:auto;background:linear-gradient(135deg,#f2f6e9,#dfeadf);color:var(--ink);border-radius:10px;box-shadow:0 0 15px #c6edc52b;padding:clamp(22px,3vw,46px)}.sheet-header{display:flex;gap:14px;align-items:center;border-bottom:1px solid #46775b40;margin:-10px 0 28px;padding-bottom:20px}.sheet-header button{margin-left:auto;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#3c715b}.sheet-header h2{font-size:21px;color:#2d654b;line-height:1.4;margin:8px 0}h3{font-size:26px;color:#2b624a;line-height:1.3}#sheet p{max-width:70ch}textarea{width:100%;min-height:120px;border:1px solid #547d68;border-radius:8px;padding:12px;font:inherit;color:#244c3d;background:#ffffffb3}.page-controls{display:flex;justify-content:space-between;gap:8px;margin-top:36px;padding-top:20px;border-top:1px solid #46775b40}.page-controls span{font-size:11px;align-self:center}.monitor-top{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid #bbd8c52a}.guide{font-size:36px;color:#d0efc9}.monitor-top strong{font-size:10px;letter-spacing:1px}.monitor-top small{display:block;font-size:11px;color:#bed4c7}#context{font-size:12px}#discussion{overflow:auto;padding-right:3px;flex:1}#discussion p{font-size:13px}#discussion textarea{min-height:140px;background:#c4e2d110;color:#e1f2e4;border-color:#a6c6b04a}#discussion button{margin-top:10px}.monitor>.caption{margin-top:auto;padding-top:20px}.profile details{position:relative}.profile details>p,.profile details>button{max-width:230px}.paused summary{background:#c47070;color:#fff}.notice{border-left:3px solid #56876b;padding-left:16px;font-size:13px}.sheet-turn{animation:sheetTurn .45s ease-out;transform-origin:left center}@keyframes sheetTurn{from{opacity:.4;transform:rotateY(-12deg)}to{opacity:1;transform:none}}[hidden]{display:none!important}:focus-visible{outline:3px solid #c8a363;outline-offset:4px}@media(max-width:1050px){header{grid-template-columns:220px 1fr 230px}.workspace{grid-template-columns:200px minmax(300px,1fr) 240px;gap:12px;padding:12px}.rail,.monitor{padding:14px}.sheet-header{flex-wrap:wrap}}@media(max-width:800px){header{height:auto;grid-template-columns:1fr 1fr;padding:16px;gap:15px}.creator{grid-column:1/-1;grid-row:1}.creator>span{width:65px;height:65px}.profile{justify-content:end}.workspace{height:auto;display:flex;flex-direction:column}.rail nav{grid-template-columns:1fr 1fr}.rail>details{margin-top:12px}main{min-height:480px}#sheet{height:auto;min-height:450px}.monitor{min-height:340px}}@media(prefers-reduced-motion:reduce){.sheet-turn{animation:none}}