.practice-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);min-height:calc(100svh - 68px);background:#080808;color:#f2f0e9}.practice-stage{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden}.practice-stage video{display:block;width:100%;height:calc(100svh - 68px);max-width:100%;max-height:calc(100svh - 68px);object-fit:contain;background:#000}.practice-stage video.is-mirrored{transform:scaleX(-1)}.practice-stage p{position:absolute;margin:0;padding:9px 12px;background:#000a;color:#ddd;font-size:12px}.practice-stage p:empty{display:none}.practice-panel{padding:clamp(28px,5vw,70px);background:#171714}.practice-panel h1{margin:10px 0 30px;font:400 clamp(35px,5vw,65px)/.95 Georgia,"Songti SC",serif}.practice-panel>p{color:#aaa;line-height:1.6}.practice-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.practice-controls button{min-height:44px;border:1px solid #666;background:transparent;color:#fff;cursor:pointer}.practice-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}@media(max-width:800px){.practice-shell{grid-template-columns:1fr}.practice-stage video{height:62svh}.practice-panel{padding:28px 20px}.practice-controls{grid-template-columns:repeat(2,1fr)}}@media(orientation:landscape) and (max-height:600px){.practice-shell{grid-template-columns:minmax(0,1.8fr) minmax(260px,.5fr)}.practice-stage video{height:calc(100svh - 60px);max-height:calc(100svh - 60px)}.practice-panel{padding:22px}}
.practice-stage video{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:var(--video-ratio,16/9);object-fit:contain!important;object-position:center center}
.practice-stage video{position:absolute;inset:50% auto auto 50%;display:block;min-width:0;min-height:0;transform:translate(-50%,-50%)}
.practice-stage video.is-mirrored{transform:translate(-50%,-50%) scaleX(-1)}
.practice-timeline input{height:24px!important;margin:0;cursor:pointer;touch-action:none}
.practice-shell:fullscreen .practice-stage,.practice-shell:-webkit-full-screen .practice-stage{width:100vw;height:100vh;height:100dvh}
.practice-shell:fullscreen .practice-stage video,.practice-shell:-webkit-full-screen .practice-stage video{width:auto;height:auto;max-width:100vw;max-height:100vh;max-height:100dvh;object-fit:contain!important}
body:has(.practice-shell){overflow:hidden;background:#050505}body:has(.practice-shell)>header,body:has(.practice-shell)>footer{display:none}body:has(.practice-shell)>main{height:100vh;height:100dvh}.practice-shell{position:fixed;z-index:100;inset:0;display:block!important;min-height:0;background:#050505;color:#fff}.practice-stage{position:absolute;inset:0;width:100%;height:100%!important;overflow:hidden;background:#000}.practice-stage video{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:var(--video-ratio,16/9);object-fit:contain!important}.practice-stage p{z-index:5}.practice-panel{position:absolute;z-index:10;inset:0;pointer-events:none;padding:0;background:linear-gradient(180deg,#000a 0,transparent 24%,transparent 60%,#000c 100%);transition:opacity .22s}.practice-panel>.eyebrow,.practice-panel>h1{position:absolute;left:clamp(18px,3vw,42px);margin:0;text-shadow:0 2px 15px #000}.practice-panel>.eyebrow{top:25px}.practice-panel>h1{top:48px;max-width:min(75vw,800px);font:500 clamp(18px,2.2vw,30px)/1.15 Arial,"PingFang SC",sans-serif}.practice-panel>p:not([data-loop-readout]){display:none}.practice-panel>[data-loop-readout]{position:absolute;right:clamp(18px,3vw,42px);bottom:112px;margin:0;color:#ddd;font-size:12px}.practice-controls{position:absolute;right:clamp(14px,3vw,38px);bottom:24px;left:clamp(14px,3vw,38px);display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #ffffff24;border-radius:18px;background:#171717c7;box-shadow:0 14px 45px #0009;backdrop-filter:blur(24px);pointer-events:auto}.practice-controls button{flex:0 0 auto;min-width:42px;min-height:38px;padding:8px 11px;border:0;border-radius:10px;background:#ffffff12;color:#fff}.practice-controls button:hover{background:#ffffff25}.practice-controls button[aria-pressed=true]{background:#fff;color:#111}.practice-controls .primary-play{background:#fff;color:#111;font-size:17px}.practice-timeline{position:absolute;right:12px;bottom:62px;left:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#ddd;font-size:11px}.practice-timeline input{width:100%;accent-color:#fff}.controls-hidden .practice-panel{opacity:0}.controls-hidden{cursor:none}@media(max-width:800px){.practice-controls{overflow-x:auto;padding-top:35px}.practice-timeline{bottom:auto;top:8px}.practice-controls button{min-width:48px}.practice-panel>[data-loop-readout]{bottom:132px}.practice-panel>h1{max-width:85vw}.practice-stage video{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}}@media(orientation:landscape) and (max-height:600px){.practice-shell{display:block!important}.practice-stage video{height:auto!important;max-height:100%!important}.practice-controls{bottom:10px;padding:8px;padding-top:29px}.practice-timeline{top:5px}.practice-panel>.eyebrow{top:14px}.practice-panel>h1{top:32px}}