:root{--green:rgb(38,79,14);--ink:#151814;--muted:#6d736a;--paper:#f5f5ef;--white:#fff;--line:#dfe3da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.student-shell{max-width:720px;margin:auto;padding:28px 18px}.brand{display:flex;align-items:center;gap:13px;margin-bottom:25px}.brand b{font-size:28px;letter-spacing:-1px;color:var(--green)}.brand span{font-size:11px;font-weight:800;letter-spacing:1.7px;border-left:1px solid #aaa;padding-left:13px}.card,.panel,.feedback-panel{background:var(--white);border-radius:4px;padding:30px;box-shadow:0 12px 35px #1720120d}.eyebrow{color:var(--green);font-size:12px;font-weight:900;letter-spacing:1.7px;margin-bottom:12px}h1{font-size:38px;line-height:1.05;margin:0 0 12px;letter-spacing:-1.3px}h2{margin:0 0 8px}.lead,.muted,.explain{color:var(--muted);line-height:1.5}.topic{height:260px;margin:28px 0;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column}.topic .emoji{font-size:84px}.topic strong{font-size:23px;margin-top:8px}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vote-buttons button{border:0;padding:18px;font-size:31px;cursor:pointer}.vote-buttons span{display:block;font-size:14px;font-weight:800;margin-top:5px}.skip{background:#eceee9}.watch{background:var(--green);color:#fff}.progress{height:5px;background:#e5e8e1;margin-top:22px}.progress i{display:block;height:100%;background:var(--green)}footer{text-align:center;color:#888;font-size:12px;padding:18px}.personal-rec{text-align:center;background:var(--green);color:#fff;padding:35px;margin:25px 0}.personal-rec div{font-size:80px}.personal-rec strong{font-size:30px}.feedback-title{margin-top:30px}.loading,.thanks{text-align:center;padding:70px 10px}.loading:first-letter,.thanks>div{font-size:64px;color:var(--green)}.dashboard{max-width:1400px;margin:auto;padding:30px 45px}.dash-head{display:flex;justify-content:space-between;align-items:start}.tabs button,.reset{border:1px solid var(--green);background:white;color:var(--green);padding:10px 15px;font-weight:800;cursor:pointer;margin-left:7px}.join-view{min-height:72vh;display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center}.join-view h1{font-size:66px}.join-view p{font-size:23px;color:var(--muted)}.qr img{width:100%;max-width:390px;background:white;padding:20px}.join-url{font-weight:700;color:var(--green);margin-top:22px}.hidden{display:none!important}.hero-row{display:flex;justify-content:space-between;gap:30px;margin:15px 0 25px}.hero-row h1{font-size:48px}.numbers{display:flex;gap:12px}.numbers div{background:var(--green);color:white;min-width:145px;padding:20px;text-align:center}.numbers strong{display:block;font-size:42px}.numbers span{font-size:12px;text-transform:uppercase;letter-spacing:1px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.barrow{margin:17px 0}.barlabel{display:flex;justify-content:space-between;font-size:17px}.bar{height:14px;background:#e8ebe4;margin:6px 0}.bar i,.recrow div i{display:block;height:100%;background:var(--green)}.barrow small{color:var(--muted)}.recrow{display:grid;grid-template-columns:150px 1fr 35px;align-items:center;gap:10px;margin:14px 0}.recrow div{height:14px;background:#e8ebe4}.feedback-panel{margin-top:18px;border-left:8px solid var(--green)}.feedback-panel div{display:flex;justify-content:space-between;font-size:20px}.feedback-panel strong{color:var(--green)}.feedback-panel p{color:var(--muted);margin-bottom:0}.teaching{margin:20px 0;padding:18px 0;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:18px}.teaching b{color:var(--green);margin-right:20px}.teaching span{background:white;padding:9px 12px}.reset{margin:0}.results-view{padding-bottom:30px}@media(max-width:800px){h1{font-size:31px}.topic{height:230px}.dashboard{padding:20px}.join-view,.grid{grid-template-columns:1fr}.join-view h1{font-size:44px}.qr img{max-width:280px}.hero-row{display:block}.numbers{margin-top:20px}.numbers div{min-width:0;flex:1}.feedback-panel div{display:block}.recrow{grid-template-columns:120px 1fr 28px}}