:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10191e;color:#eee6d5}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:24px 18px 50px}a{color:#b5ded4}h1{font-family:serif;font-size:32px;margin:8px 0}.eyebrow{color:#d4b277;font-size:12px;margin-top:30px}p{line-height:1.65}.stage{position:relative;isolation:isolate;aspect-ratio:1;max-width:460px;margin:20px auto;background:radial-gradient(ellipse at 50% 65%,#294744,#111c27 70%);border:1px solid #56736b;border-radius:18px;overflow:hidden}.stage>img{display:block;width:100%;height:100%;object-fit:contain}.floor{position:absolute;left:18%;right:18%;bottom:6%;height:7%;border:1px solid #8bd8db44;border-radius:50%;z-index:-1}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button,select{min-height:46px;border:1px solid #788982;background:#233735;color:#f3e4c5;border-radius:8px;padding:10px 16px;font-size:15px;cursor:pointer}#motion-play{background:#8a3342}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b3e7da;outline-offset:3px}.reduce{display:flex;align-items:center;gap:8px;min-height:48px;margin:12px 0}.note{font-size:12px;color:#b9c8c4}details{border-top:1px solid #425652;padding-top:14px}summary{min-height:44px;cursor:pointer}.sheet{width:100%;margin:14px 0}#gif-holder img{max-width:100%}#motion-status{min-height:26px;color:#dbe9cc;font-size:14px}@media(max-width:360px){h1{font-size:27px}main{padding:18px 12px}.controls{gap:8px}}