@supports (min-height:100svh){.wrap,body{min-height:100svh}}@supports (padding:env(safe-area-inset-bottom)){.wrap{padding-top:max(2rem,env(safe-area-inset-top));padding-right:max(2rem,env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:max(2rem,env(safe-area-inset-left))}.audio-btn{bottom:max(2rem,calc(1.25rem + env(safe-area-inset-bottom)));right:max(2rem,calc(1.25rem + env(safe-area-inset-right)))}@media (max-width:640px){.wrap{padding-top:max(1.25rem,env(safe-area-inset-top));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));padding-left:max(1.25rem,env(safe-area-inset-left))}}@media (orientation:landscape) and (hover:none) and (pointer:coarse){.wrap{padding-right:max(1.5rem,calc(1rem + env(safe-area-inset-right)));padding-left:max(1.5rem,calc(1rem + env(safe-area-inset-left)));padding-bottom:max(1rem,env(safe-area-inset-bottom))}}}@media (max-height:500px) and (orientation:landscape) and (hover:none) and (pointer:coarse){body{overflow-y:auto}.wrap{min-height:auto;align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.card-inner{gap:.6rem}.meta{padding-bottom:.5rem}.desc{margin-top:.45rem;font-size:.9rem;line-height:1.45}.actions{margin-top:.7rem;gap:.6rem}.links{margin-top:.2rem}.hint{margin-top:.5rem;font-size:.85rem}}@media (max-height:380px) and (orientation:landscape) and (hover:none) and (pointer:coarse){#motion-note,.desc,.hint,.subtitle{display:none}}@media (max-width:400px){.wrap{padding-left:1rem;padding-right:1rem}.card{padding:clamp(.9rem,3.5vw,1.25rem)}.actions{flex-direction:column;align-items:stretch}.btn{width:100%;text-align:center;justify-content:center}}@media (max-width:320px){.wrap{padding:.75rem}.card{padding:.85rem .75rem;border-radius:14px}.card-inner{gap:.6rem}.meta{padding-bottom:.5rem}.code::after{width:72px;height:3px;margin-top:.4rem}.headline{font-size:clamp(.95rem, 6.5vw, 1.15rem)}.subtitle{font-size:.78rem}.desc{margin-top:.4rem;font-size:.8rem;line-height:1.5}.actions{margin-top:.75rem;gap:.4rem}.btn{padding:.65rem .85rem;font-size:.75rem}.hint{font-size:.8rem;margin-top:.6rem}}@media (max-width:240px){.wrap{padding:.4rem}.card{padding:.55rem .45rem;border-radius:10px}.card-inner{gap:.4rem}.meta{padding-bottom:.3rem}.title{flex-direction:column;gap:.2rem;align-items:flex-start}.code{font-size:clamp(1.6rem, 22vw, 2.6rem)}.code::after{width:44px;height:2px;margin-top:.25rem}.headline{font-size:clamp(.8rem, 9vw, 1rem)}.subtitle{font-size:.68rem;line-height:1.3}.desc{font-size:.68rem;line-height:1.4;margin-top:.3rem}.actions{flex-direction:column;align-items:stretch;margin-top:.4rem;gap:.3rem}.btn{width:100%;padding:.5rem;font-size:.66rem}.links{display:none}.hint{font-size:.62rem;margin-top:.3rem}}@media (max-width:80px){.wrap{padding:.2rem}.card{padding:.25rem;border-radius:4px}.card-inner{gap:.15rem}.meta{padding-bottom:.15rem}.title{flex-direction:column;gap:.1rem}.code{font-size:max(1rem, 18vw);line-height:1}#motion-note,.actions,.code::after,.desc,.hint,.links,.subtitle{display:none}.headline{font-size:max(.55rem, 8vw)}}@media (shape:round){.wrap{padding:18% 16%}.card{border-radius:16px}.card-inner{gap:.5rem}.meta{padding-bottom:.4rem}.code{font-size:clamp(1.8rem, 14vw, 2.8rem)}.code::after{width:55px}.headline{font-size:clamp(.85rem, 5vw, 1.1rem)}.subtitle{display:none}.desc{font-size:.75rem;line-height:1.4;max-width:100%}.actions{flex-direction:column;align-items:stretch;gap:.4rem;margin-top:.65rem}.btn{width:100%;padding:.5rem .65rem;font-size:.7rem}#motion-note,.hint,.links{display:none}}@media (min-width:601px) and (max-width:1023px) and (orientation:portrait){.card{width:min(720px,92%)}.wrap{padding:1.75rem}}@media (min-width:768px) and (max-width:1365px) and (orientation:landscape){.card{width:min(790px,88%)}.wrap{padding:1.5rem 2rem}}@media (min-width:1024px) and (max-width:1366px) and (orientation:portrait){.card{width:min(860px,88%)}.wrap{padding:2rem}}@media (min-width:1440px) and (max-width:1919px){.card{width:min(920px,85%)}}@media (min-width:1920px){.card{width:min(1060px,78%);padding:clamp(2rem,3.2vw,3rem)}.card-inner{gap:1.25rem}}@media (min-width:2560px){.card{width:min(1300px,72%);padding:clamp(2.5rem,2.8vw,3.5rem);border-radius:28px}.card-inner{gap:1.5rem}.code{font-size:clamp(6rem, 7.5vw, 9rem)}.code::after{width:155px;height:5px;margin-top:.85rem}.headline{font-size:clamp(1.8rem, 1.8vw, 2.6rem)}.subtitle{font-size:1.2rem}.desc{font-size:1.15rem}.btn{padding:1.05rem 1.4rem;font-size:.95rem}.audio-btn{width:64px;height:64px;bottom:2.5rem;right:2.5rem}.audio-icon{width:28px;height:28px}}@media (min-width:3840px){.card{width:min(1900px,68%);padding:clamp(3rem,2.8vw,4.5rem);border-radius:36px;border-width:2px}.card-inner{gap:2rem}.meta{padding-bottom:1.6rem}.code{font-size:clamp(8rem, 6.5vw, 12rem)}.code::after{width:220px;height:7px;margin-top:1.1rem}.headline{font-size:clamp(2.5rem, 1.8vw, 3.6rem)}.subtitle{font-size:1.6rem}.desc{font-size:1.5rem;line-height:1.7;margin-top:1.5rem}.actions{margin-top:2.2rem;gap:1.2rem}.links{margin-top:.5rem;gap:1.5rem}.btn{padding:1.35rem 1.75rem;font-size:1.1rem}.hint{font-size:1.1rem;margin-top:1.2rem}.audio-btn{width:80px;height:80px;bottom:3rem;right:3rem}.audio-icon{width:34px;height:34px}}@media (min-width:7680px){.card{width:min(3600px,64%);padding:clamp(5rem,2.8vw,8rem);border-radius:56px;border-width:2px}.card-inner{gap:3.5rem}.meta{padding-bottom:2.5rem}.code{font-size:clamp(14rem, 6.5vw, 22rem)}.code::after{width:400px;height:12px;margin-top:1.8rem}.headline{font-size:clamp(4.5rem, 1.8vw, 6.5rem)}.subtitle{font-size:2.8rem}.desc{font-size:2.6rem;line-height:1.7;margin-top:2.5rem}.actions{margin-top:3.5rem;gap:2rem}.links{margin-top:1rem;gap:2.5rem;font-size:2rem}.btn{padding:2.2rem 3rem;font-size:2rem;border-width:3px}.hint{font-size:2rem;margin-top:2rem}.link{border-bottom-width:3px;font-size:2rem}.audio-btn{width:140px;height:140px;bottom:5rem;right:5rem}.audio-icon{width:60px;height:60px}}@media (min-width:15360px){.card{width:min(7000px,60%);padding:clamp(8rem,2.8vw,14rem);border-radius:100px;border-width:3px}.card-inner{gap:6rem}.meta{padding-bottom:4.5rem}.code{font-size:clamp(26rem, 6.5vw, 42rem)}.code::after{width:750px;height:22px;margin-top:3rem}.headline{font-size:clamp(8rem, 1.8vw, 12rem)}.subtitle{font-size:5rem}.desc{font-size:4.8rem;line-height:1.7;margin-top:4.5rem}.actions{margin-top:6rem;gap:3.5rem}.links{margin-top:1.5rem;gap:4.5rem;font-size:3.5rem}.btn{padding:4rem 5.5rem;font-size:3.5rem;border-width:5px}.hint{font-size:3.5rem;margin-top:3.5rem}.link{border-bottom-width:5px;font-size:3.5rem}.audio-btn{width:260px;height:260px;bottom:9rem;right:9rem}.audio-icon{width:110px;height:110px}}@media (device-posture:folded) and (orientation:landscape){body{overflow-y:auto}.wrap{min-height:50svh;align-items:flex-start;padding:1.25rem 1.75rem}.card{width:min(720px,92%)}.card-inner{gap:.8rem}.meta{padding-bottom:.6rem}.desc{margin-top:.6rem}.actions{margin-top:1rem}}@media (device-posture:folded) and (orientation:portrait){.wrap{min-height:50svh;align-items:center;padding:1.5rem}.card{width:min(640px,88%)}.card-inner{gap:.8rem}.desc{margin-top:.65rem}.actions{margin-top:1.1rem}}