@font-face{font-family:BIZ;src:url('assets/BIZUDGothic-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:BIZ;src:url('assets/BIZUDGothic-Bold.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#263c36;background:#f8f9f5;font-family:BIZ,sans-serif;font-size:14px;line-height:1.7}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:#286354}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e7a657;outline-offset:4px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid #dde5dc}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#294e42;font-weight:700;font-size:16px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.12em;color:#688176}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#2d675b;color:white;font-size:25px}.badge{background:#e9efe7;border:1px solid #dce6d7;border-radius:50px;padding:5px 13px;color:#536c5b;font-size:11px}main{padding:0 32px}.intro{padding:58px 0 50px;position:relative;min-height:350px}.eyebrow{font-size:11px;letter-spacing:.1em;color:#648474;font-weight:700;margin:0 0 12px}h1{font-size:35px;line-height:1.6;letter-spacing:.01em;font-weight:700;margin:13px 0 18px}p{margin:0 0 12px}.lead{color:#6b7a72;line-height:1.95;font-size:13px}.steps{display:flex;gap:16px;align-items:center;margin-top:28px;font-size:11px}.steps b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e4eee4;margin-right:7px;color:#2d675b}.steps i{font-style:normal;color:#b0baae}.paper-art{position:absolute;right:65px;top:60px;width:235px;height:242px;background:white;border:1px solid #e4e8df;border-radius:7px;padding:25px;transform:rotate(7deg);box-shadow:12px 16px 0 #eaf0e6;font-size:11px}.paper-art strong{display:block;font-size:33px;margin-top:20px;font-weight:400;letter-spacing:.1em}.paper-art div{font-size:44px;line-height:1.3;color:#b8c9bb}.paper-art small{font-size:9px;color:#8d9b8e}.paper-art>b{position:absolute;color:#c88140;font-size:46px;right:-30px;top:45px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:start}.picker{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading .eyebrow{display:block;margin-bottom:3px}h2{font-size:20px;margin:0;font-weight:700}.muted{color:#8a978c;font-size:11px}.search{display:flex;align-items:center;gap:12px;border:1px solid #dae1d6;border-radius:9px;background:white;padding:9px 15px}.search span{font-size:28px;color:#728a7c;line-height:1}.search input{border:0;outline:none;background:transparent;width:100%;padding:4px;font-size:12px;color:#263c36}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:15px 0 8px}.text-btn{border:0;background:none;color:#496c5d;font-size:11px;padding:5px 0}.example-btn{margin-left:auto;border:0;color:#9a6636;background:#f3eadc;padding:6px 9px;border-radius:5px;font-size:10px}.group{margin:23px 0 30px}.group-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.group-head h3{font-size:12px;margin:0;flex:1}.set-num{color:#6c8b78;font-size:10px;letter-spacing:.08em}.group-head button{background:none;border:0;font-size:10px;color:#7c8e7e}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.card{position:relative;border:1px solid #dfe5db;background:#fff;border-radius:9px;min-height:100px;padding:12px 8px 10px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;display:flex;align-items:center;flex-direction:column;justify-content:center}.card:hover{border-color:#88a58f;transform:translateY(-1px)}.card:has(input:checked){background:#eaf2e9;border-color:#4a7a60}.card input{position:absolute;top:9px;left:9px;width:14px;height:14px;margin:0;accent-color:#366950}.card .no{position:absolute;right:8px;top:6px;font-size:9px;color:#8e9b8c}.card strong{font-size:21px;line-height:1.5;font-weight:400;margin-top:10px;white-space:nowrap}.card small{font-size:9px;color:#748477;white-space:nowrap}aside{position:sticky;top:22px}.recipe{background:#fff;border:1px solid #e1e6db;border-radius:14px;padding:26px;box-shadow:0 7px 25px #355c3d05}.recipe>.eyebrow{font-size:9px;letter-spacing:.15em}.recipe h2{font-size:18px}.count{display:flex;gap:12px;align-items:baseline;margin:16px 0 8px}.count strong{font-size:46px;line-height:1.2;color:#2d675b}.count span,#empty{font-size:11px;color:#7f8c7e}.selected-list{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow:auto}.chip{border:0;border-radius:5px;background:#edf2e9;color:#46634d;font-size:10px;padding:3px 7px}.chip span{margin-left:5px;opacity:.6}.divider{height:1px;background:#e6ebe0;margin:24px 0}fieldset{border:0;margin:0;padding:0}legend{font-weight:700;font-size:12px;margin-bottom:13px;width:100%}legend .eyebrow{display:inline;margin-right:10px;font-size:9px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modes label{position:relative;cursor:pointer}.modes input{position:absolute;opacity:0}.modes span{display:block;text-align:center;border:1px solid #dfe6dc;border-radius:7px;padding:9px;font-size:16px}.modes small{display:block;font-size:9px;color:#83917d}.modes input:checked+span{background:#edf3e9;border-color:#598365;color:#2d675b}.modes input:focus-visible+span{outline:3px solid #e7a657}.spec{display:grid;grid-template-columns:1fr auto;font-size:10px;gap:7px;margin:20px 0 12px}.spec span{color:#899581}.spec b{font-weight:400;color:#566b53}.page-note{font-size:10px;color:#7f8c74;background:#f6f8f2;border-radius:5px;padding:8px 10px}.primary{width:100%;background:#2d675b;color:white;border:0;border-radius:8px;padding:14px 12px;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.primary:hover:enabled{background:#224f45}.primary span{font-size:20px;line-height:1}#status{font-size:10px;margin-top:10px;line-height:1.6}.download{font-size:11px;display:block;background:#eff5e9;padding:10px;border-radius:6px;text-align:center}.download[hidden]{display:none}.local-note{font-size:9px;color:#829078;line-height:1.7;margin:14px 0 0}.tip{margin-top:16px;padding:20px;background:#f0f2e8;border-radius:10px;color:#64765e}.tip b{font-size:11px}.tip p{font-size:10px;margin:7px 0 0}.about{margin-top:35px;padding:35px 0;border-top:1px solid #dfe5d8;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.about h2{font-size:17px}.about p{font-size:11px;color:#788674;line-height:1.95}footer{padding:25px 32px 40px;border-top:1px solid #dfe5d8;font-size:11px;color:#70846b}footer small{font-size:9px}footer details{margin-top:15px;font-size:9px;max-width:850px}footer summary{cursor:pointer;margin-bottom:8px}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.paper-art{right:35px;width:190px;height:220px}.recipe{padding:20px}h1{font-size:29px}}@media(max-width:780px){header{padding:18px 20px}.brand{font-size:13px}.badge{font-size:9px;padding:4px 8px}main{padding:0 20px}.intro{padding:35px 0}.paper-art{display:none}h1{font-size:27px}.workspace{display:flex;flex-direction:column}.picker,aside{width:100%}aside{position:static}.cards{grid-template-columns:repeat(5,minmax(0,1fr))}.about{grid-template-columns:1fr;gap:18px}.recipe{margin-bottom:10px}.steps{gap:10px;font-size:10px}.toolbar{gap:12px}.example-btn{margin-left:0}footer{padding:22px 20px}.card strong{font-size:20px}.card{min-height:93px;padding-left:3px;padding-right:3px}}@media(max-width:480px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-icon{width:36px;height:36px}.brand{gap:8px;font-size:11px}h1{font-size:24px}.steps{gap:7px}.steps b{width:20px;height:20px;margin-right:4px}.lead{font-size:11px}.desktop{display:none}.card strong{font-size:19px}.card small{font-size:8px}.section-heading{margin-bottom:15px}}
[hidden]{display:none!important}.workflow-tabs{display:flex;gap:4px;border-bottom:1px solid #d6e0d4;margin-bottom:27px}.workflow-tabs button{font-size:12px;flex:1;padding:13px 6px;border:0;background:transparent;color:#7b8b7c;border-bottom:3px solid transparent}.workflow-tabs button[aria-selected=true]{color:#2d675b;border-bottom-color:#2d675b;font-weight:700}.workflow-tabs span{font-size:8px;color:#9a6636;background:#f3eadc;padding:3px 5px;border-radius:3px;margin-left:5px}.mark-intro{font-size:12px;color:#74836f;line-height:1.9;margin-bottom:20px}.set-label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}#grade-set{width:100%;font:inherit;font-size:13px;padding:13px;background:#fff;color:#2d5547;border:1px solid #d7e1d2;border-radius:8px}.grade-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:15px 0}.grade-all{background:#e6eee2;color:#366345;border:1px solid #cadbc3;border-radius:7px;padding:9px 13px;font-size:11px}.grade-stats{display:flex;gap:18px;background:#eef2e8;padding:12px 16px;border-radius:8px;color:#89927f;font-size:11px}.grade-stats b{font-size:18px;margin-left:5px;font-weight:400}.correct-stat{color:#377657}.wrong-stat{color:#a96042}.grade-scope{margin:16px 0 8px;color:#7d8e75;font-size:10px}.grade-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid #e1e7dc;border-radius:9px;padding:15px 13px;margin-bottom:9px}.grade-row[data-result=wrong]{background:#fffaf6;border-color:#e4c6b0}.grade-row[data-result=correct]{border-color:#d1e2cd}.grade-no{font-size:10px;color:#8c9a84;align-self:start;padding-top:4px}.grade-word strong{font-size:19px;line-height:1.5;font-weight:400}.grade-word small{font-size:10px;color:#85947e;margin-left:12px}.grade-sentence{font-size:10px;color:#788672;margin-top:5px}.grade-options{display:flex;gap:5px}.grade-options label{cursor:pointer;position:relative}.grade-options input{position:absolute;opacity:0}.grade-options span{display:flex;min-width:43px;height:38px;align-items:center;justify-content:center;background:#f8faf5;border:1px solid #e1e7da;border-radius:6px;color:#8b9883;font-size:19px}.grade-options label:last-child span{font-size:9px;min-width:53px}.grade-options input:checked+span{background:#eaf2e5;border-color:#68906b;color:#2d6a48}.grade-options input[value=wrong]:checked+span{background:#f8eade;border-color:#b9754e;color:#9f5438}.grade-options input[value=unanswered]:checked+span{background:#e9ede5;border-color:#a8b49d;color:#728363}.grade-options input:focus-visible+span{outline:3px solid #e7a657;outline-offset:3px}.grade-message{font-size:12px;color:#416b46;padding:10px 0}.mark-help{font-size:10px;line-height:1.9;color:#85917b;padding:14px;background:#f0f3e9;border-radius:7px}.modes{margin-top:4px}select:focus-visible{outline:3px solid #e7a657;outline-offset:3px}@media(max-width:1050px){.grade-row{grid-template-columns:20px minmax(0,1fr);gap:8px}.grade-options{grid-column:2;justify-content:flex-end}.grade-sentence{font-size:10px}.grade-word small{margin-left:7px}}@media(max-width:780px){.grade-row{grid-template-columns:24px minmax(0,1fr) auto}.grade-options{grid-column:auto}.grade-word small{display:block;margin:0}.workflow-tabs{margin-top:8px}}@media(max-width:480px){.grade-row{grid-template-columns:17px minmax(0,1fr);padding:12px}.grade-options{grid-column:2}.grade-options span{min-width:50px}.grade-options label:last-child span{min-width:62px}.grade-word small{display:inline;margin-left:10px}.grade-toolbar{gap:10px}.grade-sentence{font-size:9px}}