:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#203b36;background:#f5f7f1;font-size:17px;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px max(20px,calc((100% - 1040px)/2));border-bottom:1px solid #dfe7da;background:white}a{color:#215c52;text-decoration:none;font-weight:800}header span{font-size:.85rem}main{max-width:1040px;margin:auto;padding:24px 20px}.hero{padding:32px 0 24px;background:radial-gradient(ellipse at right,#dceacb,transparent 65%)}.eyebrow{font-size:.72rem;letter-spacing:.13em;font-weight:800;color:#53745d}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.12;margin:15px 0;letter-spacing:-.04em}h1 em{display:block;color:#326b55;font-style:normal}h2{font-size:1.4rem;line-height:1.35;margin:8px 0 20px}h3{font-size:1.1rem}p{margin:12px 0}.badges,.skills{display:flex;gap:8px;flex-wrap:wrap}.badges span,.skills span{background:#e6edde;border-radius:10px;padding:5px 12px;font-size:.8rem}.skills span{display:flex;gap:14px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}button{font:inherit;line-height:1.35;border:1px solid #b7cbbb;border-radius:12px;background:#fff;color:#254f40;min-height:46px;padding:12px 16px;cursor:pointer;font-weight:700}button:hover{background:#edf3e7}button:focus-visible,a:focus-visible,input:focus-visible,svg:focus-visible{outline:3px solid #c28524;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary{background:#245f4d;color:white;border-color:#245f4d}.primary:hover{background:#184737}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}article{background:white;border:1px solid #dfe7da;border-radius:22px;padding:26px;margin-bottom:20px;box-shadow:0 5px 18px #21352605}.number{color:#758b64;font-size:.8rem;font-weight:800}.cards article{display:flex;flex-direction:column}.cards button{margin-top:auto}.muted,.hint{color:#586b60;font-size:.85rem}.hint{background:#f1f5eb;padding:12px;border-radius:10px}.progress{display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:.85rem}progress{width:100%;height:9px;accent-color:#2d7552;margin:12px 0 20px}.question>svg,article>svg,#drawing{display:block;max-width:390px;width:100%;margin:12px auto}svg{max-width:100%;height:auto;background:#fcfcf7;border-radius:15px}#drawing svg{width:100%;touch-action:manipulation;cursor:crosshair}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.controls button{flex:1}.choice{display:flex;gap:12px;align-items:center;padding:14px;background:#fafbf7;border:1px solid #dce4d5;border-radius:12px;margin:10px 0;cursor:pointer}.choice:has(:checked){border-color:#367b58;background:#eaf4e8}input[type=radio],input[type=checkbox]{accent-color:#2d7552;width:21px;height:21px;flex-shrink:0}input[type=text]{max-width:100%;width:250px;display:block;margin-top:8px;font:inherit;padding:12px;border:2px solid #b3c9b4;border-radius:10px}label{display:block;margin:10px 0}.feedback{padding:18px;border-radius:13px;margin-top:18px}.feedback p:last-child{margin-bottom:0}.good{background:#eef7ea;border-left:5px solid #3a8457}.bad{background:#fff5e5;border-left:5px solid #c98727}.feedback svg{max-width:320px;display:block;margin:10px auto}.score{font-size:3rem;color:#28624c;font-weight:800}.score small{font-size:1.2rem;color:#61776b}.history button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;margin:12px 0}.history small{display:block;font-weight:400}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:12px 8px;text-align:left;border-bottom:1px solid #dfe7da}ol{padding-left:24px}li{padding:5px 0}footer{text-align:center;color:#627366;font-size:.8rem;padding:30px 16px}#storage:not(:empty){background:#fff1cd;padding:16px;border-radius:12px}[hidden]{display:none!important}@media(max-width:600px){.cards{grid-template-columns:1fr;gap:0}main{padding:16px 14px}article{padding:20px 16px}header{padding:14px;font-size:.85rem}.hero{padding:18px 0}nav button{font-size:.8rem;flex:1;padding:10px 8px}h2{font-size:1.23rem}.controls button{font-size:.83rem;padding:10px}.history button{font-size:.85rem}th,td{padding:8px 5px}}@media print{header,nav,footer,.hero,.controls,.no-print,#storage,button{display:none!important}body{background:white;font-size:11pt}main{max-width:none;padding:0}article{box-shadow:none;break-inside:avoid;border:1px solid #ccc;padding:14px;margin-bottom:12px}.copy[hidden]{display:none!important}.feedback{background:white}svg{max-height:180px}h2{font-size:18pt}}