@layer theme,base;@layer components{.scene-vt{background-color:var(--color-panel-shell);--vt-tone:var(--tone,var(--color-accent));--vt-soft:color-mix(in oklch, var(--vt-tone) 22%, transparent);position:absolute;inset:0;overflow:hidden;container-type:inline-size}.scene-vt-bot-head{align-items:center;gap:1.6cqw;height:6cqw;display:flex;position:absolute;top:4cqw;left:26cqw;right:26cqw}.scene-vt-bot-head i{aspect-ratio:1;border-radius:var(--radius-full);background:var(--vt-tone);width:4.4cqw}.scene-vt-bot-head b{background:var(--color-white-35);border-radius:1cqw;width:16cqw;height:1.4cqw}.scene-vt-msg{background:var(--color-panel-raised);border:1px solid var(--color-panel-line-quiet);border-radius:2cqw;flex-direction:column;justify-content:center;gap:1.4cqw;height:12cqw;padding:2cqw 2.4cqw 2cqw 6.6cqw;display:flex;position:absolute;left:26cqw;right:26cqw}.scene-vt-msg-0{top:12.5cqw}.scene-vt-msg-1{top:26.5cqw}.scene-vt-msg-2{top:40.5cqw}.scene-vt-light{aspect-ratio:1;border-radius:var(--radius-full);width:2.6cqw;position:absolute;top:50%;left:2.4cqw;translate:0 -50%}.scene-vt-low .scene-vt-light{background:var(--color-level-low)}.scene-vt-mid .scene-vt-light{background:var(--color-level-medium)}.scene-vt-high .scene-vt-light{background:var(--color-level-high)}.scene-vt-line{background:var(--color-white-22);border-radius:1cqw;width:52%;height:1.3cqw;display:block}.scene-vt-line-long{background:var(--color-white-55);width:80%}.scene-vt-price{background:var(--vt-soft);border-radius:1.4cqw;width:8cqw;height:2.6cqw;position:absolute;bottom:2.2cqw;right:2.4cqw}.scene-vt-bot.is-playing .scene-vt-msg{animation:vt-msg 9s var(--ease-scene) infinite both}.scene-vt-bot.is-playing .scene-vt-msg-1{animation-delay:.9s}.scene-vt-bot.is-playing .scene-vt-msg-2{animation-delay:1.8s}@keyframes vt-msg{0%,4%{opacity:0;transform:translateY(4cqw)scale(.96)}12%,78%{opacity:1;transform:none}90%,to{opacity:0;transform:translateY(-2cqw)}}.scene-vt-lane{background:var(--color-panel-raised);border:1px solid var(--color-panel-line-quiet);border-radius:1.4cqw;width:76cqw;height:13cqw;position:absolute;left:12cqw;overflow:hidden}.scene-vt-lane-a{top:10cqw}.scene-vt-lane-b{top:30cqw}.scene-vt-wave{width:calc(100% - 3.2cqw);height:calc(100% - 2.4cqw);position:absolute;inset:1.2cqw 1.6cqw}.scene-vt-wave path{fill:var(--vt-tone)}.scene-vt-lane-b .scene-vt-wave path{fill:var(--color-white-55)}.scene-vt-sync{background:var(--vt-tone);border-radius:1cqw;width:.5cqw;height:41cqw;position:absolute;top:6cqw;left:49.5cqw}.scene-vt-ok{aspect-ratio:1;border-radius:var(--radius-full);background:var(--vt-tone);width:6.5cqw;-webkit-mask:radial-gradient(circle, transparent 0 28%, var(--color-black-85) 30%);mask:radial-gradient(circle, transparent 0 28%, var(--color-black-85) 30%);position:absolute;top:47.5cqw;left:46.5cqw}.scene-vt-cen.is-playing .scene-vt-lane-b{animation:vt-lane 7s var(--ease-scene) infinite both}.scene-vt-cen.is-playing .scene-vt-sync,.scene-vt-cen.is-playing .scene-vt-ok{animation:vt-sync 7s var(--ease-scene) infinite both}@keyframes vt-lane{0%,8%{opacity:0;transform:translate(14cqw)}14%{opacity:1;transform:translate(14cqw)}38%,86%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes vt-sync{0%,38%{opacity:0;transform:scaleY(.6)}46%,84%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}.scene-vt-pads{grid-template-columns:repeat(3,1fr);gap:2cqw;width:38cqw;display:grid;position:absolute;top:9cqw;left:6cqw}.scene-vt-pad{aspect-ratio:1;background:var(--color-panel-raised);border:1px solid var(--color-panel-line-quiet);border-radius:1.6cqw;position:relative}.scene-vt-pad b{background:repeating-linear-gradient(90deg, var(--color-white-35) 0 .8cqw, transparent .8cqw 1.6cqw);-webkit-mask:radial-gradient(ellipse 60% 50% at 50% 50%, var(--color-black-85) 55%, transparent 72%);mask:radial-gradient(ellipse 60% 50% at 50% 50%, var(--color-black-85) 55%, transparent 72%);border-radius:.6cqw;position:absolute;inset:28% 18%}.scene-vt-pad:after{content:"";border-radius:inherit;background:var(--vt-soft);border:1px solid var(--vt-tone);opacity:0;position:absolute;inset:0}.scene-vt-pad-1:after{opacity:1}.scene-vt-frame{border:1px solid var(--color-panel-line-quiet);border-radius:1.6cqw;width:44cqw;height:37.9cqw;position:absolute;top:9cqw;left:50cqw;overflow:hidden}.scene-vt-raw,.scene-vt-graded{position:absolute;inset:0}.scene-vt-raw{background:linear-gradient(160deg, var(--color-white-35), var(--color-panel-raised) 70%)}.scene-vt-graded{background:radial-gradient(circle at 70% 30%, var(--color-tone-ember) 0 14%, transparent 15%), linear-gradient(160deg, var(--color-tone-azure), var(--color-tone-teal) 55%, var(--color-panel-shell));clip-path:inset(0 0 0 48%)}.scene-vt-wipe{background:var(--color-white-80);width:.5cqw;position:absolute;top:0;bottom:0;left:48%}.scene-vt-pack.is-playing .scene-vt-graded{animation:vt-grade 6s var(--ease-scene) infinite both}.scene-vt-pack.is-playing .scene-vt-wipe{animation:vt-wipe 6s var(--ease-scene) infinite both}.scene-vt-pack.is-playing .scene-vt-pad:after{animation:6s linear infinite both vt-pad}.scene-vt-pack.is-playing .scene-vt-pad-1:after{animation-delay:1s}.scene-vt-pack.is-playing .scene-vt-pad-2:after{animation-delay:2s}.scene-vt-pack.is-playing .scene-vt-pad-3:after{animation-delay:3s}.scene-vt-pack.is-playing .scene-vt-pad-4:after{animation-delay:4s}.scene-vt-pack.is-playing .scene-vt-pad-5:after{animation-delay:5s}@keyframes vt-grade{0%,10%{clip-path:inset(0 0 0 100%)}50%,80%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes vt-wipe{0%,10%{transform:translate(22.9cqw)}50%,80%{transform:translate(-21.1cqw)}to{transform:translate(22.9cqw)}}@keyframes vt-pad{0%,14%{opacity:1}20%,to{opacity:0}}.scene-vt-paper{background:var(--color-panel-raised);border:1px solid var(--color-panel-line);border-radius:1.6cqw;width:34cqw;height:46cqw;position:absolute;top:5cqw;left:33cqw}.scene-vt-paper-back{background:var(--color-panel-card);border:1px solid var(--color-panel-line-quiet);transform:translate(6cqw)rotate(7deg)}.scene-vt-paper-front{flex-direction:column;gap:3cqw;padding:4.4cqw 3.6cqw;display:flex;transform:rotate(-3deg)}.scene-vt-title{background:var(--color-white-80);border-radius:1cqw;width:70%;height:2.2cqw;margin-bottom:1cqw}.scene-vt-row{align-items:center;gap:2cqw;display:flex;position:relative}.scene-vt-box{aspect-ratio:1;border:1px solid var(--color-white-35);border-radius:.8cqw;flex:none;width:3.2cqw;position:relative}.scene-vt-box:after{content:"";border-radius:inherit;background:var(--vt-tone);-webkit-mask:linear-gradient(135deg, transparent 0 38%, var(--color-black-85) 38% 52%, transparent 52%);mask:linear-gradient(135deg, transparent 0 38%, var(--color-black-85) 38% 52%, transparent 52%);position:absolute;inset:0}.scene-vt-text{background:var(--color-white-35);border-radius:1cqw;width:74%;height:1.4cqw}.scene-vt-row-1 .scene-vt-text,.scene-vt-row-3 .scene-vt-text{width:56%}.scene-vt-mark{background:var(--vt-soft);transform-origin:0;border-radius:.6cqw;height:3cqw;position:absolute;top:50%;left:4.6cqw;right:2cqw;translate:0 -50%}.scene-vt-sheet.is-playing .scene-vt-box:after{animation:vt-tick 8s var(--ease-scene) infinite both}.scene-vt-sheet.is-playing .scene-vt-row-1 .scene-vt-box:after{animation-delay:.6s}.scene-vt-sheet.is-playing .scene-vt-row-2 .scene-vt-box:after{animation-delay:1.2s}.scene-vt-sheet.is-playing .scene-vt-row-3 .scene-vt-box:after{animation-delay:1.8s}.scene-vt-sheet.is-playing .scene-vt-row-4 .scene-vt-box:after{animation-delay:2.4s}.scene-vt-sheet.is-playing .scene-vt-mark{animation:vt-mark 8s var(--ease-scene) infinite both}@keyframes vt-tick{0%,6%{opacity:0;transform:scale(.4)}12%,84%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}@keyframes vt-mark{0%,40%{transform:scaleX(0)}52%,84%{transform:none}94%,to{opacity:0;transform:none}}.scene-vt-pack-sound .scene-vt-frame,.scene-vt-pack-lut .scene-vt-pads{display:none}.scene-vt-pack-lut .scene-vt-frame{left:28cqw}.scene-vt-pack-sound .scene-vt-pads{width:54cqw;top:10.4cqw;left:23cqw}}@layer utilities;