:root{--ink:#193b32;--soft:#52695e;--bg:#f6f7ef;--card:#fffef8;--line:#d2dbcb;--dark:#164b3f;--leaf:#d7eeaf}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif;background:var(--bg);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}a{color:var(--dark);text-underline-offset:4px}.container{max-width:1090px;margin:auto;padding:0 34px}header{border-bottom:1px solid var(--line)}.job,.lessonbar,.nav,.preview,.row,.rule,.transport,.voicetools,nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.job,.lessonbar,.nav,.rule{justify-content:space-between}.nav{min-height:74px}.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none;font-weight:850;font-size:22px;letter-spacing:-.05em}.brand span,.eyebrow,.lessonbar,.rule{font:700 11px/1.6 ui-monospace,monospace;letter-spacing:.12em}.brand span{font-size:10px;color:var(--soft)}nav>a{font-size:14px;text-decoration:none;font-weight:650}.install{position:relative}.bubble{right:0;top:110%;z-index:15;width:270px;border:1px solid var(--line);background:var(--card);padding:16px;border-radius:14px;box-shadow:0 8px 30px #163e3817}.bubble,.skip{position:absolute}.skip{top:-100px}.skip:focus{top:8px;background:white;z-index:20}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:52px;align-items:center;padding:70px 0 60px}.eyebrow{color:#527064;margin:0 0 13px}.hero h1,.playerpage h1,.sheet h1{font-size:clamp(37px,6vw,68px);line-height:1.12;letter-spacing:-.065em;margin:.18em 0}.hero h1 em{color:#327b5e;font-style:normal}.lede{color:var(--soft);font-size:19px;max-width:43ch;margin:20px 0 25px}.btn,.filebtn,button{border:1px solid #b2c2ae;color:var(--ink);padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--card);border-radius:8px;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;text-decoration:none}.primary{color:#fff;background:var(--dark);border-color:var(--dark)}button:disabled{opacity:.48;cursor:not-allowed}.installbtn{border-radius:30px}.mathcard{background:#174d40;padding:27px 30px;border-radius:18px;transform:rotate(-1deg);color:#e9f1db}.mathcard svg{display:block;width:100%;margin:18px 0}.mathcard a{color:white;font-weight:700;text-decoration:none;display:flex;justify-content:space-between;border-top:1px solid #477262;padding-top:15px}.rule{color:#d3ebb5}.band{padding:37px 0 50px;border-top:1px solid var(--line)}h2,h3{line-height:1.35;letter-spacing:-.04em}h2{margin:8px 0 15px;font-size:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.checkpoint,.panel,.question,.samplehint,.steps article{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--card)}.hint,small{color:var(--soft)}.playerpage,.sheet{max-width:880px;margin:auto;padding:42px 0}.playerpage h1,.sheet h1{font-size:clamp(31px,4.8vw,48px);margin-bottom:18px}.checkpoint,.faq,.panel,.question,.samplehint{margin-top:18px}.faq{border-top:1px solid var(--line);padding-top:12px}.question label,.sheet label{display:block;font-weight:650;margin:8px 0}.sheet input:not([type=checkbox],[type=file]),.voicetools input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #adbcad;background:white;font:inherit;color:var(--ink)}.filebtn{position:relative;overflow:hidden}.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer}.preview img{max-height:160px;max-width:100%}.job{padding:12px 0;border-top:1px solid var(--line)}.job small{display:block}.checkpoint{background:#e7f1da;border-color:#b5cca3}.transport{padding:10px 0}.transport input{flex:1 1 70px;width:70px}.transport select{padding:8px}.lessonbar{padding:8px 0;color:var(--soft)}.vbox{position:relative;width:100%;background:#171d1a;border-radius:9px;overflow:hidden;line-height:0}.vbox video{width:100%;display:block;height:auto}.ink{position:absolute;inset:0;height:100%;width:100%;touch-action:none;cursor:crosshair}.question fieldset{display:flex;gap:10px;flex-wrap:wrap;border:1px solid var(--line);margin:14px 0}.answer{white-space:pre-wrap;margin-top:20px;padding:18px;border-left:3px solid #367459;background:#f0f5eb}.voicetools{margin:10px 0}.voicetools input{width:8em}.sampletext{margin:10px 0}.note:not(:empty){background:#eef1df;padding:12px;border-radius:8px}.back{font-size:14px;display:inline-block;margin-bottom:20px}footer.container{border-top:1px solid var(--line);color:var(--soft);padding-top:20px;padding-bottom:30px;font-size:13px}footer i{margin:0 8px}:focus-visible{outline:3px solid #489876;outline-offset:3px}@media(max-width:660px){.container{padding-left:16px;padding-right:16px}.hero{gap:25px;padding:37px 0 32px}.hero,.steps{grid-template-columns:1fr}.steps{gap:8px}.steps article{padding:14px}.steps article h3{display:inline;margin-left:10px}.mathcard{transform:none;padding:17px 22px}.mathcard svg{height:118px}.brand span{display:none}.nav{min-height:60px}nav{gap:8px}.checkpoint,.panel,.question{padding:16px}.transport{gap:6px}.playerpage,.sheet{padding:27px 0}.btn,button{min-height:40px}.lede{font-size:17px}}