:root{--navy:#252624;--ink:#242a21;--muted:#687061;--line:#dce2d6;--bg:#f4f6f1;--blue:#4a7218;--orange:#6f7f4c;--green:#4a7218;--ask:#f8f7f1;--teach:#f1f7e9;--test:#f3f5ef}
body{background:radial-gradient(circle at 88% 8%,#dce8cc 0,transparent 27%),var(--bg)}
.app{grid-template-columns:260px 1fr}.app>aside{background:linear-gradient(155deg,#30312f 0%,#1f201f 72%);padding:24px 22px;box-shadow:18px 0 45px #20221d14}
.brand{width:176px;height:176px;margin:0 auto 30px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 36px #0004;display:block;transition:transform .3s ease,box-shadow .3s ease}.brand:hover{transform:translateY(-2px);box-shadow:0 20px 46px #0005}.brand img{width:100%;height:100%;display:block;object-fit:contain}
.app>aside>p{color:#d9dfd2;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.step{border-radius:12px;color:#d7ddd0;transition:background .2s ease,transform .2s ease}.step.active{background:linear-gradient(135deg,#557f20,#3f6512);box-shadow:0 10px 24px #16200766;transform:translateX(3px)}.step i{border-color:#87917c}.step.active i,.step.done i{color:#456b18}
.workspace>header{height:96px;background:#ffffffdd;backdrop-filter:blur(15px);padding:18px 40px}.workspace h1{font-size:26px;color:#272b25}#branch{border-color:#cfd8c6;border-radius:999px;padding:9px 15px;background:#f7faf4;color:#456b18}
main{width:min(980px,calc(100% - 56px));margin-top:34px}main>h2{font-size:28px;letter-spacing:-.035em}.panel{border-color:#dfe4da;border-radius:18px;padding:26px;box-shadow:0 12px 32px #33402a0b}.kind{margin:-26px -26px 21px;border-radius:17px 17px 0 0;padding:12px 18px;background:linear-gradient(135deg,#557f20,#3f6512)}
input[type=text],select,textarea{border-radius:11px;border-color:#ccd5c3;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:#557f20;box-shadow:0 0 0 4px #557f2024}.choices input,.check input{accent-color:#4a7218}
.workspace>footer{left:260px;background:#ffffffea;backdrop-filter:blur(14px);padding:16px 40px}.workspace button{border-radius:999px;background:linear-gradient(135deg,#557f20,#3f6512);padding:12px 24px;box-shadow:0 8px 20px #38560f25;transition:transform .2s ease,box-shadow .2s ease}.workspace button:hover{transform:translateY(-1px);box-shadow:0 11px 25px #38560f35}.workspace button.secondary{color:#456b18;border-color:#557f20;box-shadow:none}.success{border-radius:22px;box-shadow:0 18px 50px #33402a12}
@media(max-width:760px){.app{display:block}.app>aside{padding:12px 14px;display:flex;align-items:center;gap:12px}.brand{width:58px;height:58px;margin:0;border-radius:12px;flex:0 0 auto}.app>aside nav{flex:1}.workspace>footer{left:0}.panel{border-radius:15px}.workspace>header{height:auto;padding:12px 14px}}
.start-again{display:inline-flex;margin-top:12px;padding:12px 20px;border-radius:999px;background:#4a7218;color:#fff;text-decoration:none;font-weight:800}
.header-actions{display:flex;align-items:center;gap:12px}.workspace .logout-button{border:1px solid #aab99b;background:#fff;color:#456b18;box-shadow:none;padding:9px 16px}.workspace .logout-button:hover{box-shadow:none}@media(max-width:560px){.header-actions{gap:7px}.workspace .logout-button{padding:8px 12px}.header-actions strong{display:none}}
.kind{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#4a7218}.ask-kind{color:#384631}.test-kind{color:#795315}.test-panel{border-color:#ded5bd}.test-instruction{color:#6d6251}.message-option{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;background:#f6f2e8;border:1px solid #e4dcc8;border-radius:12px;padding:13px 15px;margin:10px 0}.message-option b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#8a6425;color:#fff}.message-option span{font-weight:700;color:#403827}