:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#183b3b;background:#f4f7f3;line-height:1.6;--green:#08675d;--muted:#526b6b}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #d8e4dd;padding:18px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:850;font-size:24px;color:var(--green)}small,.muted{color:var(--muted)}main{max-width:1120px;margin:auto;padding:32px 20px}h1{font-size:clamp(28px,4vw,44px);line-height:1.16;margin:12px 0 20px}h2{font-size:23px}h3{font-size:18px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;text-transform:uppercase;color:var(--green)}.hero{max-width:730px;margin-bottom:28px}.grid{display:grid;grid-template-columns: minmax(0,1.7fr) minmax(270px,1fr);gap:24px}.card{background:white;border:1px solid #dbe5df;border-radius:20px;padding:25px;margin-bottom:20px}.notice{background:#fff5d9;border:1px solid #ecd596;border-radius:12px;padding:14px;color:#624d17}.pill{background:#e2efe8;border-radius:20px;padding:4px 12px;font-size:13px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.row>*{max-width:100%}button,select,input,textarea{font:inherit}button,select{min-height:46px;border-radius:10px;border:1px solid #bad0c7;padding:9px 14px;background:white;color:#18453e}button{cursor:pointer;font-weight:650}button.primary{background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #bc7600;outline-offset:3px}input:not([type=checkbox]),textarea{width:100%;padding:10px;border:1px solid #a9bfb6;border-radius:8px}label{display:block;margin:8px 0}.phrase{display:block;width:100%;text-align:left;margin:9px 0;border:1px solid #dce6df;padding:14px}.phrase.active{border:2px solid var(--green);background:#edf7f0}.kk{display:block;font-size:22px;font-weight:650}.ru{display:block;font-size:15px;font-weight:400;color:var(--muted)}.controls{border-top:1px solid #e3ebe6;padding-top:16px}.current{font-size:28px;font-weight:700;padding:20px 0}audio{width:100%;margin:12px 0}summary{cursor:pointer;font-weight:700}footer{text-align:center;color:var(--muted);padding:24px}#status,#recStatus{min-height:28px}a{color:var(--green)}.steps{padding-left:20px}.steps li{padding:5px} [hidden]{display:none!important}@media(max-width:760px){.grid{grid-template-columns:1fr}main{padding:20px 12px}.card{padding:18px}header{padding:14px}.brand{font-size:20px}.current{font-size:24px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}