:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233f3b;background:#f5f7f4;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:88px;background:#fff;border-bottom:1px solid #e1e8e2;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:29px;font-weight:850;color:#214e46;text-decoration:none;letter-spacing:-1px}.brand span{color:#bd7235}.brand small{font-size:12px;display:block;letter-spacing:2px;font-weight:400;margin-top:4px}.badge,.tag{font-size:12px;background:#e5eee7;color:#376758;padding:7px 11px;border-radius:20px}.shell{max-width:1250px;margin:auto;display:grid;grid-template-columns:180px 1fr;gap:36px;padding:36px 24px}nav{display:flex;flex-direction:column;gap:10px}button,input,select{font:inherit}button{border:0;border-radius:12px;padding:13px 20px;cursor:pointer;background:#e8efea;color:#234d43;min-height:45px}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #c18440;outline-offset:3px}button:disabled{cursor:default;opacity:.7}nav button{background:transparent;text-align:left;font-size:14px}nav button:hover{background:#e2ece5}.primary{background:#18675b;color:white}.secondary{background:white;border:1px solid #d5dfd8}.hero{background:#193f37;color:#fff;border-radius:24px;padding:40px;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;color:#b9d4c4}h1{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:18px 0}p{line-height:1.8;color:#60736c}.hero p{color:#c6d8ce;max-width:520px}.hero button{background:#e4b976;color:#243e32;margin-top:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.card{background:white;border:1px solid #e2e8e1;border-radius:18px;padding:24px}.metric{font-size:30px;font-weight:700;margin:8px 0}.label{color:#6d7e75;font-size:13px}h2{font-size:23px;margin:26px 0 16px}h3{font-size:17px}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.bar{height:7px;background:#edf1eb;border-radius:8px;overflow:hidden}.bar span{display:block;background:#6b9982;height:100%}.notice{font-size:13px;color:#876637;background:#fbf2df;border-radius:10px;padding:12px 16px;line-height:1.7}.muted{font-size:13px;color:#718179}.option{display:block;text-align:left;width:100%;background:#fff;border:1px solid #d7e1da;margin:12px 0;padding:18px;white-space:pre-wrap}.option.chosen{border:2px solid #18675b;background:#e7f2ed}.option.correct{border:2px solid #18675b}.option.incorrect{border:2px solid #bb6c54}.question{white-space:pre-wrap;font-size:22px;line-height:1.6;margin:28px 0}.feedback{padding:18px;background:#e8f1e8;border-radius:12px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}input,select{max-width:100%;border:1px solid #d2ddd4;border-radius:10px;padding:12px;background:white;color:#233f3b}input[type=search]{width:100%}.listitem{border-bottom:1px solid #edf0eb;padding:18px 0;line-height:1.7}.timer{font-variant-numeric:tabular-nums;font-weight:700;color:#a45c28}footer{text-align:center;padding:24px;font-size:12px;color:#7f8b82}a{color:#18675b}.empty{padding:50px 20px;text-align:center}.big{font-size:52px;font-weight:750}progress{width:100%;accent-color:#18675b;height:8px}pre{white-space:pre-wrap} @media(max-width:760px){header{height:76px;padding:0 20px}.brand{font-size:25px}.shell{display:block;padding:18px 16px}nav{flex-direction:row;overflow:auto;margin-bottom:20px;gap:5px}nav button{white-space:nowrap;padding:10px 14px}.hero{padding:28px 24px}h1{font-size:31px}.grid{gap:8px}.card{padding:17px}.metric{font-size:26px}.split{grid-template-columns:1fr}.badge{font-size:10px}.question{font-size:20px}h2{font-size:21px}}
.table-scroll{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;min-width:650px}td,th{text-align:left;padding:12px;border:1px solid #dce5dd}th{background:#edf3ed;font-weight:500}td input{width:190px}input[type=file]{max-width:260px;font-size:13px}
textarea{display:block;width:100%;max-width:100%;border:1px solid #c8d8cd;border-radius:12px;padding:16px;margin:12px 0 20px;font:15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4;background:#fcfdfb;color:#23443b}#python-result{max-height:450px;overflow:auto;line-height:1.8;overflow-wrap:anywhere}