:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#213f38;background:#f6f5ee;font-synthesis:none;line-height:1.5;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:48px;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c16f32;outline-offset:3px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}.shell{max-width:860px;margin:auto;padding:0 28px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dedfd5}.brand{font-size:21px;font-weight:750;letter-spacing:-.7px;display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-icon{background:#254e43;color:#e8e9b4;border-radius:12px;padding:0 9px;font-size:32px}.header-note{font-size:12px;color:#61746b}main{max-width:650px;margin:48px auto;outline:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#61746b}h1{font-family:Georgia,serif;font-weight:400;font-size:58px;line-height:1.08;letter-spacing:-2px;margin:18px 0}h1 em{color:#648060;font-weight:400}.intro{max-width:450px;color:#61746b;font-size:17px;margin:23px 0}.steps{display:flex;gap:10px;margin:28px 0;font-size:12px}.steps span{border:1px solid #d9ded0;border-radius:30px;padding:7px 14px;background:#eff0e6}.card{background:#fffef9;border:1px solid #dce0d4;border-radius:22px;padding:28px;box-shadow:0 8px 24px #203b3005}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}h3{font-size:17px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-title h2{margin:0}.badge{font-size:11px;line-height:1.5;background:#f0f0e7;color:#617267;border-radius:6px;padding:4px 8px;font-weight:500;white-space:nowrap}label{display:block;font-size:13px;font-weight:600}.hint{font-size:13px;color:#647269;line-height:1.6}.hint:first-child{margin-top:0}textarea,input{border:1px solid #cdd5c8;background:#fbfcf6;color:#213f38;border-radius:12px;font-size:16px}textarea{padding:16px;width:100%;resize:vertical;min-height:180px;line-height:1.9}input{width:100%;min-width:0;padding:10px;min-height:46px}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.primary{border:0;border-radius:12px;background:#264f43;color:#fff;padding:12px 20px;font-size:14px;font-weight:650}.primary:hover:not(:disabled){background:#356452}.primary:disabled{background:#e0e5d9;color:#75816d}.link{border:0;background:none;color:#315d4d;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:8px}.full{width:100%;margin-top:16px}.privacy{text-align:center;color:#6a776b;font-size:12px;margin:22px 0}.preview{border-top:1px solid #e0e4d8;margin-top:24px;padding-top:12px}.pair-fields{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 44px;align-items:center;gap:5px}.pair-fields>span{text-align:center;color:#7a8b77}.pair-row{margin:10px 0}.remove{border:0;color:#9b4239;background:none;font-size:24px}.error{color:#a43b31;font-size:12px;margin:5px 0}[aria-invalid=true]{border-color:#b25444}.round-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#657363}.round-title{font-size:44px}progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:10px;background:#e0e4d7;margin:24px 0}progress::-webkit-progress-bar{background:#e0e4d7;border-radius:10px}progress::-webkit-progress-value{background:#6e8e63;border-radius:10px}progress::-moz-progress-bar{background:#6e8e63;border-radius:10px}.match-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:24px}.match-grid>div{display:flex;flex-direction:column;gap:12px}.match,.option{border:1px solid #ced8c9;background:#fffefa;color:#24463a;border-radius:12px;padding:14px 10px;overflow-wrap:anywhere;min-height:64px;font-size:17px}.match.selected{background:#e0eacb;border:2px solid #477452}.match:disabled{background:#edf2e7;color:#66805f;border-color:#e1e7d9}.feedback{font-size:14px;min-height:42px;margin:22px 0 8px;color:#42623f}.prompt{font-family:Georgia,serif;font-size:38px;margin:28px 0 8px;overflow-wrap:anywhere}.options{display:grid;gap:10px;margin-top:24px}.option{text-align:start;padding-left:20px}.option.wrong{background:#fcece6;color:#9b4a40;border-color:#e8b5a7}.option.correct{background:#e3edcf;border-color:#668758}.tile-pool,.answer-tiles{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0;min-height:60px}.answer-tiles{border-bottom:2px solid #d7dfcb;padding:8px 0;align-items:center}.tile{border:1px solid #cbd6c0;border-bottom-width:3px;border-radius:9px;background:#f2f3e5;color:#274b3c;padding:8px;min-width:44px;min-height:48px;font-size:22px}.tile:disabled:not(.placed){opacity:.2}.placed{background:#e1eccd}.result{text-align:center}.result-icon{font-size:52px;color:#6f8b58}.stat{display:flex;flex-direction:column;background:#eff2e5;border-radius:14px;padding:16px;margin:24px 0}.stat strong{font-size:32px}.stat span{font-size:13px}.word-list{list-style:none;padding:0;text-align:start}.word-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e7da;padding:10px 0}.result-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.secondary{border:1px solid #c7d2bf;background:transparent;color:#31543f;border-radius:10px;padding:10px 15px;font-size:13px}details{text-align:start;font-size:14px;padding:12px 0}summary{cursor:pointer;min-height:32px}.share-text{font:inherit;white-space:pre-wrap;font-size:13px;background:#f0f2e8;padding:16px;border-radius:12px}.exit{display:block;margin:20px auto}footer{font-size:11px;color:#75816f;text-align:center;margin:40px 0 25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.modal-backdrop{position:fixed;inset:0;background:#172e2780;display:grid;place-items:center;padding:20px;z-index:5}.modal{max-width:400px;width:100%}@media(max-width:540px){.shell{padding:0 18px}header{height:78px}.brand{font-size:19px}.header-note{font-size:10px}main{margin:32px auto}h1{font-size:44px;letter-spacing:-1.5px}.intro{font-size:15px}.card{padding:20px 16px;border-radius:18px}.steps{gap:7px}.steps span{padding:6px 11px}.editor-actions{gap:6px}.primary{padding:12px 14px}.pair-fields{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 34px;gap:3px}.pair-fields input{padding:8px;font-size:16px}.match-grid{gap:10px}.match{font-size:16px;padding:12px 6px;min-height:70px}.round-title{font-size:38px}.result-actions{gap:8px}.tile-pool,.answer-tiles{gap:7px}.section-title{gap:8px}}@media(prefers-reduced-motion:reduce){button{transition:none}}dialog.modal{color:#213f38;padding:24px}dialog::backdrop{background:#172e2780}