:root{color-scheme:light;--ink:#172b3d;--muted:#71808d;--paper:#f6f5f0;--line:#dfe4e2;--teal:#1b776e;--teal-dark:#155a55;--lime:#d9f27a;--green:#347b50;--red:#a45f4a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 88% 7%,rgba(217,242,122,.22),transparent 28%),var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.shell{max-width:1160px;min-height:100vh;margin:auto;padding:24px 32px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--lime);font:700 18px Georgia,serif}.brand b,.brand small{display:block}.brand b{font-size:13px;letter-spacing:.07em}.brand small{margin-top:4px;color:var(--muted);font-size:11px}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:white;color:#3d5c5a;font-size:10px;font-weight:700;letter-spacing:.09em}.pill i,.live i{width:8px;height:8px;border-radius:50%;background:#55ab78;box-shadow:0 0 0 3px #55ab7824}.home{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center;min-height:calc(100vh - 170px);padding:24px 3% 46px}.eyebrow{margin:0 0 16px;color:var(--teal);font-size:11px;font-weight:700;letter-spacing:.13em}.hero h1,.panel h1{margin:0 0 18px;font:400 clamp(46px,7vw,78px)/.98 Georgia,serif;letter-spacing:-.04em}.hero h1 em{color:var(--teal)}.intro{max-width:550px;color:#5d6d78;font-size:17px;line-height:1.65}.joinbox{max-width:560px;margin-top:32px}.joinbox label{display:block;margin-bottom:9px;color:#74838d;font-size:10px;font-weight:700;letter-spacing:.13em}.joinrow{display:flex;gap:10px}.joinrow input{min-width:0;flex:1;padding:14px 16px;border:1px solid #cdd7d4;border-radius:9px;background:white;font-weight:700;letter-spacing:.1em;outline:none}.joinrow input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1b776e1c}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:8px;padding:13px 17px;font-size:14px;font-weight:700;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--teal);color:white}.primary:hover:not(:disabled){background:var(--teal-dark)}.secondary{background:#e6ece9;color:var(--ink)}.quiet{border:1px solid var(--line);background:transparent;color:#65747e}.button span{font-size:18px}.notice{margin:12px 0 0;color:#885a41;font-size:13px}.privacy{margin-top:12px;color:#8a9599;font-size:12px}.side{position:relative;overflow:hidden;min-height:370px;padding:36px;border-radius:18px;background:var(--ink);color:white;box-shadow:0 24px 50px #172b3d1a}.orbit{position:absolute;top:-18px;right:-12px;display:grid;place-items:center;width:165px;height:165px;border:1px solid #ffffff30;border-radius:50%;color:var(--lime);font:italic 42px Georgia,serif}.orbit:before,.orbit:after{position:absolute;inset:15px;border:1px solid #ffffff24;border-radius:50%;content:""}.orbit:after{inset:34px}.side .eyebrow{position:relative;margin-top:106px;color:var(--lime)}.side h2{position:relative;margin:0 0 13px;font:400 35px/1.05 Georgia,serif}.side p:not(.eyebrow){position:relative;color:#c3d0d4;font-size:14px;line-height:1.6}.rule{height:1px;margin:22px 0 16px;background:#ffffff29}.textbutton{padding:0;border:0;background:none;color:var(--lime);font-size:13px;font-weight:700}.panel{max-width:920px;min-height:calc(100vh - 170px);margin:auto;padding:32px 3% 48px}.panel h1{font-size:clamp(40px,5vw,62px)}.startcard{max-width:720px;margin:8vh auto;padding:42px;border:1px solid var(--line);border-radius:17px;background:white;box-shadow:0 16px 42px #172b3d0b}.startcard h1{font-size:clamp(40px,6vw,62px)}.large{margin-top:10px;padding:16px 22px}.hosttop{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.hosttop h1{margin:0;font-size:40px}.hosttop .eyebrow{margin-bottom:7px}.room{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px 23px;border-radius:13px;background:var(--ink);color:white}.roomlabel{color:#b7c7cc;font-size:10px;font-weight:700;letter-spacing:.12em}.roomcode{display:block;margin-top:5px;color:var(--lime);font:700 32px Georgia,serif;letter-spacing:.16em}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.room .secondary{background:#ffffffeb}.room .quiet{border-color:#ffffff32;color:#d6e0e2}.question,.history,.student{padding:24px;border:1px solid var(--line);border-radius:14px;background:white}.meta{display:flex;justify-content:space-between;gap:10px;color:#78908c;font-size:10px;font-weight:700;letter-spacing:.12em}.question h2{margin:17px 0 18px;font:400 28px/1.25 Georgia,serif}.scorestrip{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:12px 14px;border-radius:9px;background:#f2f5f2;color:#64747a;font-size:12px}.scorestrip strong{margin-right:4px;color:var(--ink);font-size:17px}.good{color:var(--green)!important}.bad{color:var(--red)!important}.results{display:grid;gap:16px}.resultlabel{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px;color:#344a58;font-size:13px;line-height:1.4}.resultlabel strong{flex:none;color:var(--teal)}.resultlabel small{color:#849199;font-weight:400}.track{height:9px;overflow:hidden;border-radius:99px;background:#edf1ef}.fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),#86b39b);transition:width .35s}.hostfooter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.hostfooter p{margin:0;color:#849199;font-size:12px}.history{margin-top:15px;padding:18px 21px}.historylist{margin-top:10px}.historyrow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf0ee;color:#6c7a80;font-size:12px}.historyrow>span:last-child{display:flex;gap:17px;flex-wrap:wrap}.historyrow b{font-size:12px}.studentwrap{display:flex;justify-content:center;padding-top:7vh}.student{width:min(100%,680px);padding:32px}.student h1{margin:18px 0 8px;font:400 clamp(30px,5vw,43px)/1.15 Georgia,serif;letter-spacing:-.02em}.studenthelp{margin-bottom:21px;color:#7b898e;font-size:14px}.live{display:flex;align-items:center;gap:7px;color:var(--teal)}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 15px;border:1px solid #dce4e2;border-radius:10px;background:white;color:#304654;text-align:left;font-size:15px;line-height:1.45}.choice:hover:not(:disabled){border-color:var(--teal);background:#f8fbf8}.letter{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #d7e1de;border-radius:50%;color:#6a7c82;font-size:12px;font-weight:700}.check{margin-left:auto;font-size:19px;font-weight:700}.choice.correct,.choice.reveal{border-color:#5d9e76;background:#edf7ef;color:#27553a}.choice.incorrect{border-color:#d8aa93;background:#fff7f1;color:#76523f}.choice.chosen{border-color:#5c9c8c;background:#edf6f3}.feedback{margin-top:16px;padding:15px 17px;border-left:3px solid #7fae87;border-radius:9px;background:#f0f7f1;color:#33563e}.feedback strong{font-size:13px}.feedback p{margin:5px 0 0;font-size:14px;line-height:1.5}.feedback.gentle{border-color:#d1a27a;background:#fbf5ef;color:#6c513b}.feedback.neutral{border-color:#57978c;background:#eef7f5;color:#315c56}.scorecard{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;margin-top:12px;padding:13px 15px;border:1px solid #d9e7de;border-radius:10px;background:#f5faf5}.scorecard span:first-child{color:#557b62;font-size:10px;font-weight:700;letter-spacing:.11em}.scorecard strong{grid-column:2;grid-row:1/span 2;color:#2f7549;font:700 26px Georgia,serif}.scorecard strong small{color:#8a9e8f;font:400 16px Georgia,serif}.scorecard span:last-child{color:#77867e;font-size:12px}.finalscore{display:grid;gap:5px;margin:21px 0;padding:22px;border-radius:12px;background:#edf7ef}.finalscore span{color:#557b62;font-size:10px;font-weight:700;letter-spacing:.11em}.finalscore strong{color:#2f7549;font:700 45px Georgia,serif}.finalscore strong small{color:#8a9e8f;font:400 25px Georgia,serif}.finalscore p{margin:0;color:#77867e;font-size:13px}.response-note{margin:16px 0 0;color:#939d9f;font-size:11px;text-align:center}.complete{margin-top:16px;padding:26px;border-radius:13px;background:#e9f0e9}.complete h2{margin:0 0 8px;font:400 28px Georgia,serif}.complete p{color:#62746f;line-height:1.5}.footer{display:flex;justify-content:space-between;gap:12px;padding:21px 3%;border-top:1px solid #e1e5e1;color:#9aa3a2;font-size:9px;font-weight:700;letter-spacing:.13em}.hidden{display:none!important}@media(max-width:760px){.shell{padding:19px 18px 0}.home{grid-template-columns:1fr;gap:24px;padding:25px 0 38px}.side{min-height:315px;padding:29px}.side .eyebrow{margin-top:83px}.orbit{width:140px;height:140px}.panel{padding:16px 0 36px}.startcard{margin:4vh auto;padding:27px 21px}.hosttop{align-items:flex-start;flex-direction:column}.hosttop h1{font-size:34px}.room,.hostfooter{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .button{flex:1}.question,.history,.student{padding:20px 16px}.studentwrap{padding-top:3vh}.footer{font-size:8px}}@media(max-width:430px){.joinrow{flex-direction:column}.joinrow .button{width:100%}.pill{font-size:9px}.footer span:last-child{text-align:right}}
.view-tabs{display:flex;gap:7px;width:max-content;max-width:100%;margin:0 auto 16px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}.view-tabs button{padding:9px 15px;border:0;border-radius:999px;background:transparent;color:#6f7e83;font-size:12px;font-weight:700}.view-tabs button.selected{background:var(--ink);color:#fff}.shared-slides{position:relative;overflow:hidden;min-height:570px;padding:30px 34px 22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fbfcf8 100%);box-shadow:0 17px 45px #172b3d0b}.slide-topline{display:flex;justify-content:space-between;gap:12px;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.12em}.slide-content{max-width:850px;margin:40px auto 24px}.slide-content h2{margin:0;white-space:pre-line;font:400 clamp(34px,5vw,55px)/1.08 Georgia,serif;letter-spacing:-.03em}.slide-subtitle{max-width:760px;margin:12px 0 22px;color:#6b7a80;font-size:16px;line-height:1.55}.slide-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:23px}.slide-item{min-height:90px;padding:16px 18px;border:1px solid #e1e8e4;border-radius:12px;background:#fff}.slide-item>span,.slide-prompts>div>span{color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.1em}.slide-item p{margin:8px 0 0;color:#334a56;font-size:15px;line-height:1.45}.slide-prompts{display:grid;gap:10px;margin-top:19px}.slide-prompts>div{padding:14px 16px;border-left:3px solid #d9f27a;border-radius:0 9px 9px 0;background:#f3f6f1}.slide-prompts p{margin:6px 0 0;color:#344c57;font-size:14px;line-height:1.45}.slide-note{margin:18px 0 0;color:#638176;font-size:12px;font-weight:700;line-height:1.5}.slide-controls{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-top:24px;padding-top:17px;border-top:1px solid #e6ebe7;color:#889693;font-size:11px}.slide-nav-buttons{display:flex;gap:8px}.slide-nav-buttons .button{padding:10px 13px;font-size:12px}.slide-progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:#e9eeea}.slide-progress span{display:block;height:100%;background:var(--teal);transition:width .25s ease}.activity-container,.slide-container{min-width:0}@media(max-width:700px){.shared-slides{min-height:500px;padding:23px 18px 20px}.slide-content{margin-top:32px}.slide-items{grid-template-columns:1fr;gap:8px}.slide-item{min-height:0;padding:13px 14px}.slide-controls{align-items:flex-start;flex-direction:column}.slide-nav-buttons{width:100%}.slide-nav-buttons .button{flex:1}.view-tabs{margin-bottom:13px}}
.studentwrap{flex-direction:column;justify-content:flex-start;align-items:center}.studentwrap>.shared-slides,.studentwrap>.slide-container,.studentwrap>.activity-container{width:min(100%,920px)}