*{box-sizing:border-box}body{margin:0;background:#f5f3eb;color:#284d4e;font-family:system-ui,-apple-system,sans-serif}header{max-width:1240px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;font-size:12px}a{color:inherit;text-decoration:none}.brand{font-size:11px;letter-spacing:.18em;font-weight:750}.brand i{font-style:normal;background:#d3dfcf;border-radius:50%;padding:7px;margin-left:7px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #cad4c9;background:transparent;border-radius:100px;padding:10px 16px;min-height:42px}button:hover{background:#e0e8db}button:focus-visible,canvas:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c77a46;outline-offset:3px}button[aria-pressed=true]{background:#315d58;color:#fff}main{max-width:1120px;margin:auto;padding:0 30px}.heading{display:flex;justify-content:space-between;align-items:end;padding:28px 0 32px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#7e8b74;font-weight:750}h1{font:clamp(35px,5vw,57px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:16px 0 0}h1 em{font-weight:normal;color:#8c9d7d}.heading>p{font-size:13px;line-height:1.8;color:#7c8a7f;margin-bottom:3px}.playground{border:1px solid #b9c7b4;border-radius:26px;overflow:hidden;background:#e8eee6;box-shadow:0 18px 60px #264c3710}.scene-top,.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px}.scene-top{font-size:9px;letter-spacing:.13em;border-bottom:1px solid #bdcaba66}.scene-top button{font-size:11px;min-height:32px;padding:5px 12px;border:0}.scene-bottom{font-size:12px;min-height:64px}.scene-bottom button{background:#315d58;color:#fff;flex-shrink:0;font-size:12px}.scene-bottom button[aria-pressed=true]{background:#c28a4f}canvas{display:block;width:100%;height:540px;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.object-controls{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 8px}.object-controls button{font-size:11px;padding:6px 11px;min-height:34px;background:#f7f8edaa}.object-controls button[aria-pressed=true]{background:#315d58}.caption{display:flex;gap:20px;align-items:center;padding:25px 10px;min-height:120px}.caption-icon{font-size:30px;color:#a4af93;border:1px solid #d0d9c6;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;flex-shrink:0}.caption>div:nth-child(2){flex:1}.caption p{margin:4px 0}#english{font:clamp(19px,3vw,25px)/1.3 Georgia,serif}#russian{font-size:13px;color:#87917f}.caption button{font-size:11px;padding:8px;min-height:34px}details{border-top:1px solid #d5dbcc;padding:18px 0}summary{font-size:13px;cursor:pointer;min-height:30px}summary span{float:right;color:#89957f;font-size:12px}details>p,aside p{font-size:13px;line-height:1.8;color:#718071}#goals{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;font-size:13px;color:#7c8874}#goals li:before{content:'○';margin-right:10px}#goals li.done{color:#315d58}#goals li.done:before{content:'●'}aside{padding:20px 25px;background:#e8eee1;border-radius:18px}aside h2{font:25px Georgia,serif}#words{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 0}.word strong,.word span{display:block}.word strong{font-size:13px}.word span{font-size:12px;color:#89957f;margin-top:5px}footer{font-size:9px;letter-spacing:.2em;color:#97a18a;text-align:center;padding:40px 0 30px}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px}.brand{font-size:9px;letter-spacing:.1em}.brand i{display:none}header button{font-size:11px;padding:7px 12px;min-height:34px}main{padding:0 12px}.heading{padding:18px 6px 24px}.heading>p{display:none}h1{font-size:37px}.playground{border-radius:20px}canvas{height:540px}.scene-top{padding:12px;font-size:8px;letter-spacing:.06em}.scene-bottom{padding:12px;align-items:center}.scene-bottom>span{font-size:11px;max-width:52%;line-height:1.6}.scene-bottom button{font-size:11px;padding:10px}.object-controls{padding:0 12px 8px}.caption{gap:12px;padding:22px 4px}.caption-icon{width:35px;height:35px;font-size:23px}#english{font-size:21px}#russian{font-size:12px}#goals{grid-template-columns:1fr}#words{grid-template-columns:1fr 1fr}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}