:root{color:#4a3f35;background:#f4ece2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app canvas{display:block}.status{pointer-events:none;background:#ffffffd9;border-radius:12px;padding:12px 18px;font-size:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.status[hidden]{display:none}.status--error{color:#a3332b;max-width:min(90vw,560px)}.corner-controls{align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:16px}.sound-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:inherit;cursor:pointer;background:#fff9;border:none;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 2px 8px #4a3f351a}.sound-toggle[aria-pressed=true]{opacity:.6}.scenery-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border-radius:999px;gap:2px;padding:3px;display:flex;box-shadow:0 2px 8px #4a3f351a}.scenery-switch__button{width:38px;height:38px;color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,opacity .2s;display:grid}.scenery-switch__button:hover{opacity:.85}.scenery-switch__button[aria-pressed=true]{opacity:1;background:#fff;box-shadow:0 1px 4px #4a3f3526}.scenery-switch__button[data-world=sea][aria-pressed=true]{color:#2f8fb5}.scenery-switch__button[data-world=desert][aria-pressed=true]{color:#c9782f}.scenery-switch__button[data-world=mountains][aria-pressed=true]{color:#6a74b5}.scenery-switch__button:focus-visible{outline-offset:1px;outline:3px solid #7a8fd1}.sound-toggle:focus-visible{outline-offset:2px;outline:3px solid #7a8fd1}.lil-gui.lil-root.lil-auto-place{max-height:calc(100% - 64px);top:64px}@media (width<=700px){.corner-controls{top:12px}.lil-gui.lil-root.lil-auto-place{top:60px}}.main-menu{z-index:2;position:fixed;top:16px;left:16px}.main-menu__button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px;color:inherit;cursor:pointer;background:#ffffffb3;border:none;border-radius:50%;place-items:center;padding:0;transition:background-color .2s;display:grid;box-shadow:0 2px 8px #4a3f351f}.main-menu__button:hover,.main-menu__button[aria-expanded=true]{background:#fff}.main-menu__list{background:#fffffff5;border-radius:18px;flex-direction:column;min-width:240px;padding:6px;animation:.16s ease-out menu-in;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #4a3f352e}.main-menu__list[hidden]{display:none}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.main-menu__item{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:16px;font-weight:600;display:flex}.main-menu__item:hover,.main-menu__item:focus-visible{background:#f4ece2;outline:none}.main-menu__item svg{color:#e08a4c;flex:none}.main-menu__item--quiet{opacity:.75;font-weight:500}.main-menu__item--quiet svg{color:inherit}.main-menu__divider{border:none;border-top:1px solid #4a3f351f;width:calc(100% - 20px);margin:4px auto}.main-menu__button:focus-visible,.dialog__close:focus-visible,.dialog__button:focus-visible,.program-card__start:focus-visible,.steps-play:focus-visible{outline-offset:2px;outline:3px solid #7a8fd1}.dialog{width:min(640px,100vw - 24px);max-height:min(86vh,820px);color:inherit;background:#fffaf4;border:none;border-radius:26px;padding:0;overflow:hidden;box-shadow:0 24px 60px #281e1447}.dialog[open]{flex-direction:column;animation:.22s ease-out dialog-in;display:flex}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#281e1452}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.dialog--account,.dialog--confirm{width:min(440px,100vw - 24px)}.dialog__header{justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 8px 24px;display:flex}.dialog__title{margin:0;font-size:22px}.dialog__close{width:40px;height:40px;color:inherit;cursor:pointer;background:#4a3f350f;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.dialog__close:hover{background:#4a3f351f}.dialog__body{flex-direction:column;gap:14px;padding:8px 24px 20px;display:flex;overflow-y:auto}.dialog__footer{justify-content:flex-end;gap:10px;padding:0 24px 22px;display:flex}.dialog__footer:empty{display:none}.dialog__text{margin:0;font-size:16px;line-height:1.45}.dialog__button{color:inherit;font:inherit;cursor:pointer;background:#4a3f3514;border:none;border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600}.dialog__button--primary{color:#fff;background:#5fae8b}.dialog__button--danger{color:#fff;background:#d9674f}.program-card{background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #4a3f3514}.program-card[aria-current=true]{box-shadow:0 0 0 2px #5fae8b,0 2px 10px #4a3f3514}.program-card__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.program-card__title{margin:0;font-size:19px}.program-card__meta{color:#c07035;font-size:14px;font-weight:600}.program-card__about{opacity:.85;margin:0;font-size:15px;line-height:1.4}.program-card__poses{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.program-card__pose{color:#8a5a35;background:#f6efe6;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.program-card__pose .pose-icon{width:32px;height:32px}.pose-icon{display:block;overflow:visible}.pose-icon .f{fill:currentColor;fill-opacity:.16}.pose-icon .d{fill:currentColor;stroke:none}.pose-icon .s{fill:currentColor;fill-opacity:.5}.program-card__start{color:#fff;font:inherit;cursor:pointer;background:#e08a4c;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:10px 20px 10px 16px;font-size:15px;font-weight:700;transition:transform .15s;display:flex}.program-card__start:hover{transform:translateY(-1px)}.account__profile{align-items:center;gap:14px;display:flex}.account__avatar{color:#c07035;background:#f6e3d2;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.account__note{opacity:.8;margin:0;font-size:15px;line-height:1.4}.account__form{flex-direction:column;gap:12px;display:flex}.account__field{flex-direction:column;gap:5px;display:flex}.account__label{opacity:.7;font-size:13px;font-weight:600}.account__input{color:inherit;font:inherit;background:#fff;border:1px solid #4a3f3526;border-radius:12px;padding:10px 12px;font-size:15px}.account__input:disabled{cursor:not-allowed;background:#fff9}.steps-panel{left:50%;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff9e;border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 3px 14px #4a3f3521}.steps-play{color:#fff;cursor:pointer;background:#5fae8b;border:none;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:transform .15s;display:grid;box-shadow:0 2px 8px #3f826459}.steps-play svg{width:22px;height:22px}.steps-play:hover{transform:scale(1.05)}.steps-play[data-state=paused]{animation:2.4s ease-in-out infinite play-invite}@keyframes play-invite{50%{box-shadow:0 0 0 7px #5fae8b38}}.steps{scrollbar-width:none;align-items:center;min-width:0;padding:6px 8px;display:flex;overflow-x:auto}.steps::-webkit-scrollbar{display:none}.step{--progress:0;color:#6b5442;cursor:pointer;background:#ffffffd9;border:none;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:transform .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.step__fill{transform:scaleY(var(--progress));transform-origin:bottom;background:linear-gradient(#b9e3cb,#8fd0ad);position:absolute;inset:0}.step .pose-icon{pointer-events:none;width:30px;height:30px;position:relative}.step[data-state=todo] .pose-icon{opacity:.6}.step[data-state=done],.step[data-state=current]{color:#2f6b51}.step:hover{transform:translateY(-2px)}.step[data-state=current],.step[data-state=current]:hover{margin:0 4px;transform:scale(1.1);box-shadow:0 0 0 2.5px #5fae8b}.step:focus-visible{outline-offset:3px;outline:3px solid #7a8fd1}.steps__link{background:#4a3f3524;border-radius:2px;flex:none;width:10px;height:4px}.steps__link[data-done=true]{background:#5fae8b}@media (width<=700px){.main-menu{top:12px}.steps-panel{gap:4px;padding:5px}.steps-play{width:40px;height:40px}.steps{padding:5px 6px}.step{border-radius:12px;width:38px;height:38px}.step .pose-icon{width:26px;height:26px}.steps__link{width:6px}}@media (prefers-reduced-motion:reduce){.steps-play[data-state=paused],.main-menu__list,.dialog[open]{animation:none}}