:root{--green-50:#f3fbf1;--green-100:#e5f5df;--green-200:#c7e8bd;--green-400:#7eb96a;--green-600:#407a36;--green-800:#243f22;--ink:#1f2b1d;--muted:#66735f;--red:#cf3d3d;--shadow:0 16px 40px rgba(32,65,34,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Trebuchet MS",Arial,sans-serif;background:linear-gradient(135deg,var(--green-50),#fff 48%,var(--green-100));color:var(--ink);min-height:100vh}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:rgba(255,255,255,.75);border-right:1px solid rgba(64,122,54,.15);padding:24px 18px;position:sticky;top:0;height:100vh;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand__icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:white;font-weight:800;background:linear-gradient(135deg,var(--green-400),var(--green-600));box-shadow:var(--shadow)}.brand__title{font-size:20px;font-weight:800}.brand__subtitle{font-size:13px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:8px}.nav button{border:0;background:transparent;text-align:left;padding:12px 14px;border-radius:16px;font-weight:700;color:var(--muted);cursor:pointer;transition:.2s}.nav button:hover,.nav button.active{background:var(--green-100);color:var(--green-800)}.main{padding:28px;max-width:1120px;width:100%;margin:0 auto}.screen{display:none;animation:fade .25s ease}.screen--active{display:block}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:calc(100vh - 56px);border-radius:32px;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.42),transparent 30%),linear-gradient(145deg,#cfe9c7,#eff9ec);display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:48px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:before{content:"ВПР";position:absolute;font-size:260px;font-weight:900;color:rgba(64,122,54,.08);letter-spacing:-16px;right:-20px;bottom:-40px}.hero__content,.hero__card{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--green-600);margin:0 0 10px;font-size:13px}h1{font-size:clamp(38px,6vw,76px);line-height:.95;margin:0 0 18px;color:var(--green-800)}h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 14px}.hero__text{font-size:20px;line-height:1.5;max-width:600px;color:#395133}.hero__link{position:absolute;right:28px;bottom:24px;text-align:right;font-weight:800;color:rgba(36,63,34,.75);z-index:1}.notebook{width:min(360px,100%);aspect-ratio:3/4;margin:auto;border-radius:26px;background:#fffefa;box-shadow:0 22px 50px rgba(32,65,34,.2);padding:42px;position:relative;transform:rotate(-3deg)}.notebook:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:8px;background:#cae8bf}.notebook__line{height:18px;border-bottom:3px solid #cfe0c6;margin-bottom:22px}.notebook__line.short{width:70%}.notebook__title{font-size:72px;font-weight:900;color:var(--green-600);text-align:center;margin-top:30px}.notebook__tag{text-align:center;font-weight:900;background:var(--green-100);border-radius:999px;padding:10px;color:var(--green-800)}.task-head{margin:10px 0 18px;max-width:900px}.task-head p{font-size:18px;line-height:1.5;color:var(--muted)}.card{background:rgba(255,255,255,.86);border:1px solid rgba(64,122,54,.16);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-bottom:22px}.btn{border:0;border-radius:16px;padding:14px 18px;font-weight:900;cursor:pointer;transition:.2s;font-size:16px}.btn--primary{background:linear-gradient(135deg,var(--green-400),var(--green-600));color:white;box-shadow:0 8px 20px rgba(64,122,54,.22)}.btn--primary:hover{transform:translateY(-1px)}.btn--ghost{background:var(--green-100);color:var(--green-800)}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.spelling-text{font-size:20px;line-height:2.1}.spelling-text p{margin:0 0 16px}.spell-word{display:inline-flex;align-items:baseline;padding:1px 4px;margin:0 2px;border-radius:9px;background:rgba(229,245,223,.6)}.spell-word.correct{background:#d9f7d0;color:#1f6e1c}.spell-word.wrong{background:#ffe2df;color:#9d1e1e}.spell-input{width:42px;min-width:36px;height:30px;border:2px solid var(--green-200);border-radius:10px;text-align:center;font-size:18px;font-weight:800;margin:0 2px;background:white}.spell-input.multi{width:52px}.feedback{margin-top:18px;display:grid;gap:10px}.notice{padding:14px 16px;border-radius:16px;background:var(--green-50);border:1px solid var(--green-200)}.notice.error{background:#fff3f2;border-color:#ffc5be}.notice.good{background:#f0fff0;border-color:#bdebb8}.orthogram-table{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid rgba(36,63,34,.18);border-radius:20px;overflow:hidden}.orthogram-table div{padding:14px;border-bottom:1px solid rgba(36,63,34,.12)}.orthogram-table div:nth-child(odd){font-weight:900;background:var(--green-50);border-right:1px solid rgba(36,63,34,.12)}.orthogram-table .repeat{background:#fff5d5!important}.steps,.form-grid,.syntax-form{display:grid;gap:16px}.step,.field{display:grid;grid-template-columns:240px minmax(220px,1fr);gap:14px;align-items:center;padding:14px;border-radius:18px;background:var(--green-50)}.step label,.field label{font-weight:900}select{width:100%;padding:12px;border-radius:14px;border:2px solid var(--green-200);font-size:16px;background:white}select.correct{border-color:#6fc765;background:#f3fff0}select.wrong{border-color:#e17373;background:#fff4f4}.result-box{margin-top:18px;background:#fbfff9;border-left:6px solid var(--green-400);padding:18px;border-radius:16px;line-height:1.6;display:none}.result-box.show{display:block}.accent{color:var(--green-600)}.sentence-source{font-size:22px!important;color:var(--ink)!important;background:var(--green-50);border-radius:16px;padding:14px 16px}.syntax-diagram{margin-top:28px;border:2px solid #222;padding:18px;border-radius:4px;background:white;overflow-x:auto}.syntax-diagram.hidden{display:none}.diagram-wrap{min-width:920px;height:340px;position:relative}.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.arc{fill:none;stroke:#111;stroke-width:3;marker-end:url(#arrow)}.arrows marker path{fill:#111}.q{font-family:Georgia,serif;font-size:28px;font-style:italic}.words{position:absolute;left:30px;right:30px;bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-family:Georgia,serif;font-size:28px}.w{display:inline-block;white-space:nowrap}.subject{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.predicate{border-bottom:6px double #111;padding-bottom:2px}.predicate-chain{outline:2px solid rgba(64,122,54,.25);border-radius:50%;padding:2px 7px 4px}.definition{text-decoration:underline wavy #111 2px;text-underline-offset:5px}.object{text-decoration:underline dashed #111 3px;text-underline-offset:6px}.circumstance{border-bottom:3px dashed #111;padding-bottom:4px;position:relative}.circumstance:after{content:"";display:block;border-bottom:3px dotted #111;margin-top:3px}.diagram-note{font-family:Georgia,serif;font-size:20px;font-style:italic;color:#222}.member-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.legend-line{display:inline-block;width:34px;vertical-align:middle;margin-right:6px}.subject-l{border-bottom:3px solid #111}.predicate-l{border-bottom:6px double #111}.definition-l{border-bottom:3px wavy #111}.object-l{border-bottom:3px dashed #111}.circumstance-l{border-bottom:3px dotted #111}.finish{min-height:60vh;display:grid;place-items:center;text-align:center}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(64,122,54,.15)}.nav{display:grid;grid-template-columns:repeat(2,1fr)}.main{padding:18px}.hero{min-height:auto;grid-template-columns:1fr;padding:32px 22px 84px}.hero:before{font-size:150px}.hero__link{left:22px;right:22px;text-align:left}.step,.field{grid-template-columns:1fr}.orthogram-table{grid-template-columns:1fr}.orthogram-table div:nth-child(odd){border-right:0}}@media(max-width:520px){.card{padding:18px}.spelling-text{font-size:18px;line-height:2.3}.nav{grid-template-columns:1fr}.btn{width:100%}.notebook{display:none}}.repeat-list{margin-bottom:16px}.repeat-note ul{margin:8px 0 0 22px}.muted{color:var(--muted);margin-top:-4px}.syntax-members{display:grid;gap:12px;margin-top:12px}.syntax-member{display:grid;grid-template-columns:190px minmax(160px,.8fr) minmax(220px,1fr);gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--green-50)}.syntax-member__prompt{font-size:18px}.syntax-word-input{width:100%;padding:12px;border-radius:14px;border:2px solid var(--green-200);font-size:16px;background:white}.syntax-word-input.correct,.syntax-role-select.correct{border-color:#6fc765;background:#f3fff0}.syntax-word-input.wrong,.syntax-role-select.wrong{border-color:#e17373;background:#fff4f4}@media(max-width:700px){.syntax-member{grid-template-columns:1fr}}
.subtask-title{margin:22px 0 8px;color:var(--green-800)}
.phonetic-card{background:#fbfff9;border:1px solid rgba(64,122,54,.18);border-radius:20px;padding:16px;box-shadow:0 8px 22px rgba(32,65,34,.06)}
.phonetic-card__head{font-size:20px;font-weight:900;margin-bottom:14px;color:var(--green-800)}
.letter-badge,.sound-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:6px 10px;border-radius:12px;background:var(--green-100);border:1px solid var(--green-200);font-family:Georgia,serif;font-size:24px;color:var(--ink);margin:0 4px}.sound-badge{background:#fff;font-size:22px}
.phonetic-card__grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.mini-field{display:grid;gap:6px}.mini-field span{font-weight:800;color:var(--muted);font-size:14px}
@media(max-width:760px){.phonetic-card__grid{grid-template-columns:1fr}.phonetic-card__head{font-size:18px}.letter-badge,.sound-badge{font-size:20px}}