@media (width>=901px){.hero--reels .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}.hero--reels .hero-title{font-size:clamp(3.2rem,6.6vw,7.2rem)}.hang--reels{--sw:clamp(230px, min(25vw, (100svh - 330px) * .5625 + 24px), 360px)}.hang--reels .sheet-screen{aspect-ratio:9/16;width:100%;cursor:inherit;border:0;border-radius:10px;padding:0}.hang--reels .sheet-screen img{object-position:center}.hang--reels .sheet-screen video{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.hang--reels .sheet.is-live .sheet-screen video{opacity:1}.sheet-time{z-index:2;backdrop-filter:blur(6px);color:#fff;font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#07111f8c;border-radius:999px;padding:4px 8px;font-size:11px;position:absolute;top:10px;left:10px}.sheet-play{z-index:2;width:64px;height:64px;color:var(--ink);transition:opacity .4s var(--ease-out), scale .5s var(--ease-expo), background-color .3s, color .3s;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 20px 40px -20px #07111fcc}.sheet-play svg{margin-left:3px}.sheet.is-live .sheet-play{opacity:0;scale:.7}.sheet-screen:hover .sheet-play,.sheet-screen:focus-visible .sheet-play{opacity:1;background:var(--red);color:#fff;scale:1}.sheet-go--play svg{margin-left:2px}.sheet-go--play:hover,.sheet-go--play:focus-visible{rotate:0deg}.hang--reels .sheet-screen--next{gap:16px;padding:20px}.hang--reels .next-title{font-size:clamp(1.5rem,2.2vw,2.2rem)}.viz-start{justify-content:flex-end;align-items:center;gap:clamp(12px,2vw,28px)}.vs-inputs{justify-items:end;gap:8px;display:grid}.vs-inputs i{color:#fff;font-family:var(--font-mono);animation:vs-in 6s var(--ease-expo) infinite;background:#ffffff29;border-radius:999px;padding:6px 12px;font-size:12px;font-style:normal;box-shadow:inset 0 0 0 1px #ffffff59}.vs-inputs i:nth-child(2){animation-delay:.25s}.vs-inputs i:nth-child(3){animation-delay:.5s}.vs-inputs i:nth-child(4){animation-delay:.75s}@keyframes vs-in{0%,8%{opacity:0;translate:-14px}16%,70%{opacity:1;translate:0}82%,to{opacity:0;translate:18px}}.vs-arrow{background:#fff9;width:clamp(28px,4vw,56px);height:2px;position:relative}.vs-arrow:after{content:"";border-top:2px solid #fffc;border-right:2px solid #fffc;width:9px;height:9px;position:absolute;top:-4px;right:-1px;rotate:45deg}.vs-frame{background:var(--ink);width:82px;height:140px;transition:rotate .7s var(--ease-expo), translate .7s var(--ease-expo);border-radius:14px;place-items:center;display:grid;position:relative;rotate:4deg;box-shadow:0 30px 50px -30px #07111fcc,0 0 0 4px #ffffff2e}.tile--red:hover .vs-frame{translate:0 -6px;rotate:0deg}.vs-play{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='white'/%3E%3C/svg%3E") center / 16px no-repeat;border-radius:50%;width:34px;height:34px}.vs-bar{background:#fff3;border-radius:3px;height:3px;position:absolute;bottom:12px;left:10px;right:10px;overflow:hidden}.vs-bar i{transform-origin:0;background:#fff;animation:6s linear infinite vs-bar;position:absolute;inset:0}@keyframes vs-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.viz-edit{align-content:end;gap:8px;display:grid}.ve-track{background:var(--paper);height:22px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;position:relative}.ve-track i{top:3px;bottom:3px;left:calc(var(--x) * 100%);width:calc(var(--w) * 100% - 4px);background:var(--ink);border-radius:4px;position:absolute}.ve-track:nth-child(2) i{background:#6b7787}.ve-track--audio{height:18px}.ve-track--audio i{background:repeating-linear-gradient(90deg,#ff304fbf 0 2px,#0000 2px 5px)}.ve-head{background:var(--red);width:2px;animation:6s linear infinite ve-head;position:absolute;top:2px;bottom:-6px;left:0}.ve-head:before{content:"";background:var(--red);border-radius:2px;width:10px;height:10px;position:absolute;top:-4px;left:-4px}@keyframes ve-head{0%{left:0}to{left:calc(100% - 2px)}}.viz-motion{align-items:stretch}.vm-stage{background:var(--ink);border-radius:14px;flex:1;position:relative;overflow:hidden}.vm-dot,.vm-box,.vm-type{position:absolute;top:50%}.vm-dot{background:var(--red);width:34px;height:34px;animation:vm-dot 4s var(--ease-expo) infinite;border-radius:50%;margin-top:-17px;left:16%}.vm-box{width:30px;height:30px;animation:vm-box 4s var(--ease-expo) infinite;border-radius:6px;margin-top:-15px;left:44%;box-shadow:inset 0 0 0 2px #fff}.vm-type{color:#fff;letter-spacing:-.06em;animation:vm-type 4s var(--ease-expo) infinite;margin-top:-.5em;font-size:40px;font-weight:700;line-height:1;right:14%}@keyframes vm-dot{0%,to{translate:0;scale:1}25%{translate:0 -34px;scale:.7}50%{translate:28px;scale:1.15}75%{translate:0 30px;scale:.85}}@keyframes vm-box{0%,to{rotate:0deg;scale:1}30%{rotate:90deg;scale:1.3}60%{rotate:180deg;scale:.8}}@keyframes vm-type{0%,20%{opacity:0;translate:0 24px}35%,80%{opacity:1;translate:0}95%,to{opacity:0;translate:0 -24px}}.viz-ratio{align-items:flex-end;gap:10px}.viz-ratio i{box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--muted-2);font-family:var(--font-mono);animation:ratio-on 8s var(--ease-out) infinite;border-radius:8px;place-items:end center;padding-bottom:6px;font-size:10px;font-style:normal;display:grid}.vr-916{width:62px;height:110px}.vr-45{width:76px;height:95px;animation-delay:2s!important}.vr-11{width:82px;height:82px;animation-delay:4s!important}.vr-169{width:110px;height:62px;animation-delay:6s!important}@keyframes ratio-on{0%,22%{box-shadow:inset 0 0 0 2px var(--red);color:var(--red);background:#ff304f14}28%,to{box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--muted-2);background:0 0}}.viz-audio{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:14px}.va-wave{align-items:center;gap:5px;height:64px;display:flex}.va-wave i{background:var(--ink);transform-origin:50%;width:6px;height:100%;animation:1.4s ease-in-out infinite va-wave;animation-delay:calc(var(--d) * -1s);border-radius:3px}.va-wave i:nth-child(3n){background:var(--red)}@keyframes va-wave{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.va-sub{background:var(--ink);color:#fff;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.plan--main .plan-price-text{color:#fff}.faq-a a{color:var(--ink);background:linear-gradient(var(--red), var(--red)) 0 100% / 100% 2px no-repeat;font-weight:600;transition:color .3s}.faq-a a:hover{color:var(--red)}.legend-hint{font-family:var(--font-mono);color:var(--muted-2);margin-left:6px;font-size:11px;font-weight:400}html.player-open{overflow:hidden}.player{color:#f4f6fa;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden}.player::backdrop{backdrop-filter:blur(10px);background:#07111fe0}html.has-cursor .player,html.has-cursor .player *{cursor:auto}html.has-cursor .player button{cursor:pointer}.player-inner{place-content:center;justify-items:center;gap:14px;height:100%;padding:clamp(16px,3vh,32px) 16px;display:grid}.player-frame{--ph:min(100svh - 140px, 1280px);width:min(calc(var(--ph) * 9 / 16), calc(100vw - 32px));aspect-ratio:9/16;border-radius:calc(var(--radius) - 4px);background:#000;overflow:hidden;box-shadow:0 0 0 1px #f4f6fa1f,0 60px 120px -40px #000}.player[open] .player-frame,.player[open] .player-caption{animation:player-in .6s var(--ease-expo) both}.player[open] .player-caption{animation-delay:60ms}@keyframes player-in{0%{opacity:0;translate:0 24px;scale:.96}}.player-frame video{object-fit:contain;background:#000;width:100%;height:100%}.player-caption{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(min(100svh - 140px,1280px)/1.77778,100vw - 32px);display:grid}.player-caption .sheet-idx{color:var(--slate)}.player-caption .sheet-name strong{color:#f4f6fa}.player-caption .sheet-name small{color:var(--slate)}.player-close{color:#fff;width:48px;height:48px;transition:background-color .3s, rotate .5s var(--ease-expo);background:#f4f6fa1a;border-radius:50%;place-items:center;font-size:16px;display:grid;box-shadow:inset 0 0 0 1px #f4f6fa33}.player-close:hover,.player-close:focus-visible{background:var(--red);rotate:90deg}@media (width<=900px){.hang--reels{--sw:min(60vw, 320px)}}@media (width<=640px){.hero--reels .hero-title{font-size:clamp(2.9rem,14vw,4.4rem)}.hang--reels{--sw:min(66vw, 300px)}.sheet-play{width:54px;height:54px}.viz-ratio{gap:8px}.vr-916{width:50px;height:88px}.vr-45{width:60px;height:76px}.vr-11{width:66px;height:66px}.vr-169{width:88px;height:50px}}@media (prefers-reduced-motion:reduce){.vs-inputs i{opacity:1;translate:0}.vm-type{opacity:1}}
