:root{font-family:Trebuchet MS,Arial,sans-serif;color:#233d34;background:#f4f3ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:44px;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a04d1d;outline-offset:4px}main{max-width:1240px;margin:auto;padding:30px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:32px;font-weight:700;text-decoration:none;color:#233d34;display:flex;align-items:center;gap:13px}.brand>span{font-size:17px;font-weight:400}.themes{display:flex;background:#e5e7df;padding:5px;border-radius:28px}.themes button{border:0;background:transparent;border-radius:22px;padding:0 25px}.themes .selected{background:#233d34;color:#fff}.intro{display:flex;justify-content:space-between;align-items:center;margin:38px 0 24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#617167}h1{font-size:clamp(25px,3vw,39px);margin:10px 0}.counter{font-size:32px}.counter small{font-size:17px;color:#718077}.card{display:grid;grid-template-columns:43% 57%;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 12px 36px #233d3409;min-height:450px}.learning{padding:25px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.audio{border:0;background:none;text-align:left;padding:8px 0;max-width:100%;display:flex;flex-direction:column;gap:8px}.audio small{font-size:12px;color:#627067}.letter>span{font-size:115px;line-height:1;color:#bd5b34;font-weight:700}.word{font-size:clamp(26px,3vw,38px);font-weight:700;margin:12px 0}.phrase{font-size:20px;line-height:1.55}.playing{color:#b44d22}.playing small{color:#b44d22;font-weight:700}.audio-notice{font-size:14px;color:#a04d1d;min-height:16px}.viewer{position:relative;min-height:450px;touch-action:none}.viewer canvas{position:absolute!important;inset:0}.scene-label{position:absolute;top:24px;left:25px;z-index:1;font-size:10px;font-weight:700;letter-spacing:2px;color:#5b6c61}.scene-footer{position:absolute;bottom:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;pointer-events:none}.scene-footer button{pointer-events:auto;border:1px solid #bfcbc0;background:#f7f9f1c9;border-radius:22px;padding:0 14px;font-size:12px}.loading{position:absolute;left:25px;top:50px;font-size:13px;pointer-events:none}.navigation{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px}.navigation button{background:#fff;border:1px solid #d8dfd5;border-radius:22px;padding:0 22px}.navigation button:disabled{opacity:.4;cursor:default}.letters{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.letters button{width:44px;background:transparent;border:1px solid #cdd5cb;border-radius:14px;font-size:17px}.letters .active{background:#233d34;color:#fff;border-color:#233d34}footer{text-align:center;color:#6e7c73;font-size:12px;margin:25px 0 0}@media(max-width:700px){main{padding:20px 16px}.brand>span{display:none}.themes button{padding:0 18px}.intro{margin:26px 0 18px}.eyebrow{font-size:9px;letter-spacing:1.5px}.card{grid-template-columns:1fr;border-radius:23px}.learning{padding:20px 25px}.letter>span{font-size:80px}.audio{gap:4px}.word{margin:6px 0}.phrase{font-size:18px}.viewer{min-height:310px}.audio-notice:empty{display:none}.counter{font-size:25px}.navigation button{padding:0 14px}.navigation>span{font-size:11px}.scene-footer{left:15px;right:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}