*{box-sizing:border-box}:root{--ink:#0e243d;--green:#007f60;--line:#d4e2e7}body{margin:0;font:16px/1.55 'Segoe UI',Arial,sans-serif;background:#f2f7f9;color:var(--ink)}header{padding:18px 5%;background:white;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}a{color:var(--green);text-underline-offset:4px}.brand{font-size:27px;font-weight:800;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{font-size:13px;font-weight:500;border-left:1px solid var(--line);padding-left:18px}nav{display:flex;gap:12px;padding:15px 5%;background:white;flex-wrap:wrap}nav a{padding:10px 16px;border-radius:6px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}nav a.active{background:var(--ink);color:white}.notice{padding:14px 5%;background:#dff5eb;display:flex;align-items:center;gap:16px;font-size:13px;flex-wrap:wrap}.notice button{margin-left:auto;background:white;color:var(--ink);font-size:13px;padding:9px 13px}main{max-width:1300px;margin:auto;padding:35px 5% 70px}h1{font-size:38px;letter-spacing:-1.3px;line-height:1.15;margin:10px 0 15px}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 18px}h3{font-size:18px;margin:0 0 12px}p{color:#516477;margin:0 0 18px}.page-head{margin-bottom:30px}.page-head small{color:var(--green);font-size:12px;font-weight:bold;letter-spacing:1.5px}.grid{display:grid;grid-template-columns:1fr 1.1fr;gap:25px}.panel{padding:26px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.panel.dark{background:linear-gradient(135deg,#0e243d,#145955);color:white}.panel.dark p{color:#c7ddd9}label{display:block;font-size:14px;font-weight:600;margin:15px 0 7px}input,textarea,select{font:inherit;width:100%;border:1px solid #b8cdd5;border-radius:6px;padding:11px 12px;background:white;color:var(--ink)}textarea{min-height:130px;resize:vertical}button,.btn{font:600 14px 'Segoe UI',Arial;border:0;background:var(--green);color:white;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;border-radius:6px;padding:11px 17px;min-height:44px;text-decoration:none}button:hover,.btn:hover{filter:brightness(.93)}button.secondary{background:#edf4f7;color:var(--ink);border:1px solid var(--line)}button.danger{background:#fff0ed;color:#9d3323;border:1px solid #e4bcb5}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-block;font-size:12px;padding:4px 9px;background:#e7f5ed;color:#00664e;border-radius:20px}.item{border:1px solid var(--line);border-radius:8px;padding:17px;margin:12px 0}.item h3{margin:6px 0}.item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.item .actions{margin-top:10px}.item button{font-size:12px;padding:8px 12px}.empty{padding:30px;text-align:center;background:#f4f8fa;border-radius:8px;color:#607584}.hint{font-size:13px;color:#607584}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.stat{background:white;padding:20px;border:1px solid var(--line);border-radius:8px;font-size:14px}.stat b{display:block;font-size:30px;color:var(--green)}.team{border-top:1px solid var(--line);padding:18px 0}.members{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.member{background:#edf5f7;padding:5px 9px;font-size:13px;border-radius:5px}.member button{background:transparent;color:#637c87;padding:0 7px;min-height:30px}.scoreboard{display:flex;gap:12px;flex-wrap:wrap}.scoreboard div{padding:15px;border:1px solid #668b85;border-radius:8px;flex:1;min-width:100px}.scoreboard b{display:block;font-size:28px}.question{font-size:24px;line-height:1.4;margin:25px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{background:#f3f7fa;color:var(--ink);justify-content:start;text-align:left;border:1px solid var(--line)}.choice.selected{background:#d3f6e6;border:2px solid var(--green)}.feedback{padding:15px;background:#e9f5ee;border-radius:7px;margin-top:20px;color:#145440}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:500px;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{background:#f0f6f8}.progress{height:6px;background:#dfebee;border-radius:6px;margin-top:6px}.progress span{display:block;height:100%;background:var(--green);border-radius:6px}.role-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.role-picker button[aria-pressed=true]{background:var(--ink)}.toast{position:fixed;bottom:20px;right:20px;max-width:calc(100vw - 40px);background:var(--ink);color:white;padding:14px 22px;border-radius:8px;box-shadow:0 8px 25px #0002;display:none}.toast.visible{display:block}.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:3px solid #1d9f82;outline-offset:4px}.student-choice{display:flex;align-items:center;gap:10px;margin:10px 0;font-weight:400}.student-choice input{width:20px;height:20px}.student-choice small{margin-left:auto;color:#607584}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.steps span{padding:5px 10px;background:#eaf3f7;font-size:13px;border-radius:5px}.steps span.current{background:var(--green);color:white}.activity{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:800px){.grid,.role-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.brand span{display:none}header{padding:15px 20px;font-size:13px}nav{padding:12px 20px;gap:5px}nav a{font-size:13px;padding:10px}.notice{padding:15px 20px}.notice button{margin-left:0}main{padding:30px 20px}h1{font-size:32px}.panel{padding:20px}.stats{gap:7px}.stat{padding:14px 10px;font-size:12px}.stat b{font-size:24px}.choices{grid-template-columns:1fr}.question{font-size:21px}}.grid>*{min-width:0}.panel{min-width:0}.table-scroll{max-width:100%}.item{overflow-wrap:anywhere}