.mv{--t-fast:calc(.1s * var(--lento));--t:calc(.2s * var(--lento));--t-slow:calc(.3s * var(--lento));--t-exp:calc(.45s * var(--lento));--t-slower:calc(.6s * var(--lento));--t-amb:calc(2.4s * var(--lento));--e:cubic-bezier(.2, .85, .2, 1);--e-exit:cubic-bezier(.4, 0, 1, 1);--e-std:cubic-bezier(.4, 0, .2, 1);--e-exp:cubic-bezier(.2, .9, .2, 1.2);--lento:1;--mv-muted:color-mix(in srgb, var(--color-line) 75%, var(--color-paper));--mv-hover:color-mix(in srgb, var(--color-ink) 6%, transparent);--mv-ok-bg:#e7f5ec;--mv-ok-line:#b6dfc4;--mv-ok-text:#1c6b3a;--mv-ok-solid:#2e9e5b;--mv-erro-bg:#fdecec;--mv-erro-line:#f0bcbc;--mv-erro-text:#a32727;--mv-erro-solid:#d64545;--mv-aviso-bg:#fdf4e3;--mv-aviso-line:#eed6a2;--mv-aviso-text:#7d520b;--mv-sombra:0 1px 2px #0000000f, 0 4px 12px #0000000f;--mv-sombra-alta:0 8px 24px #00000024}:root[data-theme=dark] .mv{--mv-ok-bg:#15281d;--mv-ok-line:#285a3f;--mv-ok-text:#8ad6a6;--mv-ok-solid:#3fb872;--mv-erro-bg:#2d1717;--mv-erro-line:#5e2c2c;--mv-erro-text:#f2a7a7;--mv-erro-solid:#e05a5a;--mv-aviso-bg:#2b2213;--mv-aviso-line:#5c4621;--mv-aviso-text:#f0c879;--mv-sombra:0 1px 2px #0006, 0 4px 12px #0000004d;--mv-sombra-alta:0 8px 24px #00000080}.mv[data-lento=true]{--lento:4}@media (prefers-reduced-motion:reduce){.mv{--t-fast:0s;--t:0s;--t-slow:0s;--t-exp:0s}}.mv .st{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.mv .st-usa{background:var(--mv-ok-bg);color:var(--mv-ok-text);border-color:var(--mv-ok-line)}.mv .st-marca{background:var(--color-accent-soft);color:var(--color-accent-ink);border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}.mv .st-cuidado{background:var(--mv-aviso-bg);color:var(--mv-aviso-text);border-color:var(--mv-aviso-line)}.mv .st-evitar{background:var(--mv-erro-bg);color:var(--mv-erro-text);border-color:var(--mv-erro-line)}.mv .st-conceito,.mv .st-video{background:var(--color-paper);color:var(--color-ink-soft);border-color:var(--color-line)}.mv .pedido-ruim{background:var(--mv-erro-bg);border-color:var(--mv-erro-line)}.mv .pedido-ruim .rotulo{color:var(--mv-erro-text)}.mv .pedido-bom{background:var(--mv-ok-bg);border-color:var(--mv-ok-line)}.mv .pedido-bom .rotulo{color:var(--mv-ok-text)}.mv .aviso-reduzido{background:var(--mv-aviso-bg);border-color:var(--mv-aviso-line);color:var(--mv-aviso-text)}.mv .stage{background:var(--color-paper);border-bottom:1px solid var(--color-line);place-items:center;height:160px;padding:16px;display:grid;position:relative;overflow:hidden}.mv .blk{background:var(--color-accent);border-radius:8px;width:44px;height:44px}.mv .linhas{gap:12px;width:100%;max-width:240px;display:grid}.mv .linha{grid-template-columns:64px 1fr;align-items:center;gap:8px;display:grid}.mv .rot{font-family:var(--font-mono), monospace;color:var(--color-ink-faint);font-size:11px}.mv .pista{background:var(--mv-muted);border-radius:999px;height:16px;position:relative}.mv .bola{background:var(--color-accent);border-radius:999px;width:16px;height:16px;position:absolute;top:0;left:0}.mv .play .bola{animation:mv-ir var(--dur,var(--t-slow)) var(--ease,var(--e)) var(--atraso,0s) both}@keyframes mv-ir{0%{left:0}to{left:calc(100% - 16px)}}.mv .mini{background:var(--color-surface);border:1px solid var(--color-line);width:200px;box-shadow:var(--mv-sombra);border-radius:12px;gap:6px;padding:12px;display:grid}.mv .mini i{background:var(--mv-muted);border-radius:4px;height:8px;display:block}.mv .mini i:first-child{background:var(--color-ink-faint);opacity:.5;width:60%}.mv .mini i:last-child{width:80%}.mv .dois{grid-template-columns:1fr 1fr;align-items:start;gap:12px;width:100%;display:grid}.mv .col{justify-items:center;gap:4px;display:grid}.mv .play .d-fade{animation:mv-fade var(--t) var(--e) both}@keyframes mv-fade{0%{opacity:0}}.mv .play .d-slide{animation:mv-sobe var(--t) var(--e) both}@keyframes mv-sobe{0%{opacity:0;transform:translateY(8px)}}.mv .d-menu-wrap{justify-items:start;gap:4px;width:200px;display:grid}.mv .d-gatilho{background:var(--color-surface);border:1px solid var(--color-line);border-radius:8px;align-items:center;height:28px;padding:0 12px;font-size:12px;display:inline-flex}.mv .d-menu{background:var(--color-surface);border:1px solid var(--color-line);width:100%;box-shadow:var(--mv-sombra-alta);transform-origin:0 0;border-radius:8px;gap:4px;padding:6px;display:grid}.mv .d-menu i{background:var(--color-paper);border-radius:4px;height:20px;display:block}.mv .d-menu.centro{transform-origin:50%}.mv .play .d-scale{animation:mv-escala var(--t) var(--e) both}@keyframes mv-escala{0%{opacity:0;transform:scale(.94)}}.mv .d-pop{border:1px solid var(--color-line);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink-faint);border-radius:8px;place-items:center;display:grid}.mv .d-pop svg{width:20px;height:20px}.mv .play .d-pop{color:var(--color-accent-ink);background:var(--color-accent-soft);border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}.mv .play .d-pop svg{animation:mv-pop var(--t-exp) var(--e-exp) both}.mv .play .d-pop svg path{fill:currentColor}@keyframes mv-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.mv .d-reveal{letter-spacing:-.01em;font-size:24px;font-weight:600;line-height:32px}.mv .play .d-reveal{animation:mv-revela var(--t-slow) var(--e) both}@keyframes mv-revela{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.mv .play .d-assim{animation:mv-entra-esq var(--t-slow) var(--e) both, mv-sai-dir var(--t-fast) var(--e-exit) calc(var(--t-slow) + .7s * var(--lento)) forwards}@keyframes mv-entra-esq{0%{opacity:0;transform:translate(-64px)}}@keyframes mv-sai-dir{to{opacity:0;transform:translate(64px)}}.mv .play .d-sai{animation:mv-sai-dir var(--t-slow) var(--e-exit) forwards}.mv .play .d-mola{animation:mv-brota var(--t-exp) var(--e-exp) both}@keyframes mv-brota{0%{transform:scale(0)}}.mv .d-pilula{background:var(--color-accent);border-radius:8px;width:44px;height:44px}.mv .play .d-pilula{animation:mv-pilula var(--t-slow) var(--e-std) both}@keyframes mv-pilula{to{border-radius:999px;width:160px}}.mv .d-barra{background:var(--mv-muted);border-radius:999px;width:100%;max-width:240px;height:8px;overflow:hidden}.mv .d-barra i{background:var(--color-accent);width:100%;height:100%;display:block}.mv .play .d-barra i{animation:mv-enche calc(var(--t-slower) * 3) linear both}@keyframes mv-enche{0%{width:0}}.mv .d-lista{gap:6px;width:100%;max-width:240px;display:grid}.mv .d-lista i{background:var(--color-surface);border:1px solid var(--color-line);border-radius:4px;height:16px;display:block}.mv .play .d-lista i{animation:mv-sobe var(--t) var(--e) both;animation-delay:calc(var(--i) * 60ms * var(--lento))}.mv .d-btn{background:var(--color-accent);min-width:144px;height:36px;color:var(--color-on-accent);border-radius:999px;place-items:center;padding:0 16px;font-size:14px;font-weight:500;display:grid;position:relative}.mv .d-btn span{grid-area:1/1}.mv .d-btn .b{opacity:0}.mv .play .d-cross .a{animation:mv-some var(--t) var(--e) both}.mv .play .d-cross .b{animation:mv-aparece var(--t) var(--e) both}@keyframes mv-some{to{opacity:0}}@keyframes mv-aparece{to{opacity:1}}.mv .play .d-blur .a{animation:mv-some-blur var(--t) var(--e) both}.mv .play .d-blur .b{animation:mv-aparece-blur var(--t) var(--e) var(--t-fast) both}@keyframes mv-some-blur{to{opacity:0;filter:blur(4px)}}@keyframes mv-aparece-blur{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}.mv .d-morph{background:var(--color-accent);border-radius:8px;width:56px;height:56px}.mv .play .d-morph{animation:mv-morfa var(--t-slow) var(--e-std) both}@keyframes mv-morfa{to{background:var(--mv-ok-solid);border-radius:999px;transform:rotate(90deg)}}.mv .d-ct{background:var(--color-ink);width:160px;height:36px;color:var(--color-paper);border-radius:999px;position:relative;overflow:hidden}.mv .d-ct>div{align-content:start;gap:6px;padding:8px 12px;font-size:12px;display:grid;position:absolute;inset:0}.mv .d-ct .a{align-content:center;place-items:center;padding:0}.mv .d-ct .b{opacity:0}.mv .d-ct .b i{background:var(--color-paper);opacity:.35;border-radius:4px;height:8px;display:block}.mv .play .d-ct{animation:mv-cresce var(--t-exp) var(--e-std) both}.mv .play .d-ct .a{animation:mv-some-blur var(--t-fast) var(--e) both}.mv .play .d-ct .b{animation:mv-aparece-blur var(--t) var(--e) calc(var(--t-exp) * .5) both}@keyframes mv-cresce{to{border-radius:16px;width:240px;height:144px}}.mv .d-chips{gap:6px;display:flex}.mv .d-chips span{background:var(--color-surface);border:1px solid var(--color-line);white-space:nowrap;border-radius:999px;align-items:center;max-width:144px;height:28px;padding:0 12px;font-size:12px;display:inline-flex;overflow:hidden}.mv .play .d-chips .sai{animation:mv-recolhe var(--t-slow) var(--e) both}@keyframes mv-recolhe{40%{opacity:0}to{opacity:0;border-width:0;max-width:0;margin-right:-6px;padding:0}}.mv .d-acc{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;width:100%;max-width:240px}.mv .d-acc .cab{justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.mv .d-acc .cab b{transition:transform var(--t) var(--e);font-weight:inherit;display:inline-block}.mv .d-acc .gav{transition:grid-template-rows var(--t) var(--e);grid-template-rows:1fr;display:grid}.mv .d-acc .gav>div{overflow:hidden}.mv .d-acc .gav p{color:var(--color-ink-soft);padding:0 12px 12px;font-size:12px}.mv .d-acc.fechado .gav{grid-template-rows:0fr}.mv .d-acc.fechado .cab b{transform:rotate(-90deg)}.mv .d-dir{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;width:200px;height:56px;position:relative;overflow:hidden}.mv .d-dir span{place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.mv .d-dir .b{opacity:0}.mv .play .d-dir .a{animation:mv-sai-esq var(--t) var(--e-exit) both}.mv .play .d-dir .b{animation:mv-entra-dir var(--t-slow) var(--e) var(--t-fast) both}@keyframes mv-sai-esq{to{opacity:0;transform:translate(-24px)}}@keyframes mv-entra-dir{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.mv .d-row{background:var(--color-surface);border:1px solid var(--color-line);width:100%;max-width:240px;transition:background var(--t-fast) var(--e);cursor:default;border-radius:8px;padding:8px 12px;font-size:12px}.mv .d-row:hover,.mv .play .d-row{background:color-mix(in srgb, var(--color-ink) 7%, var(--color-surface))}.mv .d-press{background:var(--color-accent);height:36px;color:var(--color-on-accent);border-radius:999px;place-items:center;padding:0 16px;font-size:14px;font-weight:500;display:grid}.mv .play .d-press{animation:mv-aperta var(--t) var(--e) both}@keyframes mv-aperta{35%{background:color-mix(in srgb, var(--color-accent) 82%, black);transform:scale(.96)}}.mv .d-campo{border:1px solid var(--color-line);background:var(--color-surface);width:200px;height:36px;color:var(--color-ink-faint);border-radius:8px;align-items:center;padding:0 12px;font-size:12px;display:flex}.mv .play .d-campo{border-color:var(--mv-erro-solid);animation:mv-treme var(--t-slow) var(--e) both}@keyframes mv-treme{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.mv .d-aovivo{align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.mv .d-aovivo b{background:var(--mv-erro-solid);border-radius:999px;width:10px;height:10px;position:relative}.mv .d-aovivo b:after{content:"";border-radius:inherit;background:inherit;animation:mv-pulsa var(--t-amb) var(--e) infinite;position:absolute;inset:0}@keyframes mv-pulsa{0%{opacity:.6;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.mv .d-skel{gap:8px;width:100%;max-width:240px;display:grid}.mv .d-skel i{background:linear-gradient(90deg, var(--mv-muted) 0%, var(--color-surface) 50%, var(--mv-muted) 100%);height:12px;animation:mv-brilho var(--t-amb) linear infinite;background-size:200% 100%;border-radius:4px;display:block}.mv .d-skel i:first-child{width:50%}.mv .d-skel i:nth-child(3){width:75%}@keyframes mv-brilho{0%{background-position:100% 0}to{background-position:-100% 0}}.mv .d-spin{border:3px solid var(--mv-muted);border-top-color:var(--color-accent);width:28px;height:28px;animation:mv-gira var(--t-slower) linear infinite;border-radius:999px}@keyframes mv-gira{to{transform:rotate(360deg)}}.mv .d-check{background:var(--mv-ok-bg);border:1px solid var(--mv-ok-line);width:56px;height:56px;color:var(--mv-ok-solid);border-radius:999px;place-items:center;display:grid}.mv .d-check svg{width:28px;height:28px}.mv .d-check path{stroke-dasharray:24;stroke-dashoffset:0}.mv .play .d-check path{animation:mv-desenha var(--t-slow) var(--e) var(--t-fast) both}@keyframes mv-desenha{0%{stroke-dashoffset:24px}}.mv .d-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:44px;font-weight:600;line-height:1.1}.mv .d-tog{background:var(--color-ink-faint);width:44px;height:24px;transition:background var(--t) var(--e);border-radius:999px;position:relative}.mv .d-tog:after{content:"";background:var(--color-surface);width:18px;height:18px;transition:transform var(--t) var(--e);border-radius:999px;position:absolute;top:3px;left:3px}.mv .d-tog.on{background:var(--color-accent)}.mv .d-tog.on:after{transform:translate(20px)}.mv .d-rip{background:var(--color-surface);border:1px solid var(--color-line);border-radius:8px;place-items:center;height:36px;padding:0 20px;font-size:14px;font-weight:500;display:grid;position:relative;overflow:hidden}.mv .d-rip b{background:var(--color-accent);opacity:0;border-radius:999px;width:20px;height:20px;margin:-10px;position:absolute;top:50%;left:50%}.mv .play .d-rip b{animation:mv-onda var(--t-slower) var(--e) both}@keyframes mv-onda{0%{opacity:.3;transform:scale(0)}to{opacity:0;transform:scale(8)}}.mv .d-segura{background:var(--mv-erro-bg);border:1px solid var(--mv-erro-line);width:200px;height:36px;color:var(--mv-erro-text);border-radius:8px;place-items:center;font-size:12px;font-weight:500;display:grid;position:relative;overflow:hidden}.mv .d-segura i{background:var(--mv-erro-solid);opacity:.18;transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.mv .d-segura span{position:relative}.mv .play .d-segura i{animation:mv-segura calc(var(--t-slower) * 2) linear both}@keyframes mv-segura{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mv .d-orq{place-items:center;display:grid;position:absolute;inset:0}.mv .d-orq .veu{background:#00000059;position:absolute;inset:0}.mv .d-orq .mini{position:relative}.mv .play .d-orq .veu{animation:mv-fade var(--t) var(--e) both}.mv .play .d-orq .mini{animation:mv-sobe var(--t-slow) var(--e) var(--t-fast) both}.mv .play .d-orq .mini i{animation:mv-fade var(--t) var(--e) both;animation-delay:calc(var(--t-slow) + var(--i) * 60ms * var(--lento))}.mv .d-int{cursor:pointer;width:100%;max-width:240px}.mv .d-int .bola{transition:left var(--t-exp) var(--e)}.mv .d-int:hover .bola,.mv .d-int.vai .bola{left:calc(100% - 16px)}.mv .d-int .linha{grid-template-columns:1fr}.mv .d-int p{color:var(--color-ink-faint);text-align:center;margin-top:8px;font-size:11px}.mv .play .d-antec{animation:mv-antecipa var(--t-exp) var(--e-std) both}@keyframes mv-antecipa{0%{transform:translate(-44px)}30%{transform:translate(-56px)}to{transform:translate(44px)}}.mv .d-follow{position:relative}.mv .d-follow .mini{width:160px}.mv .d-follow em{background:var(--mv-erro-solid);color:#fff;border-radius:999px;place-items:center;height:20px;padding:0 6px;font-size:11px;font-style:normal;display:grid;position:absolute;top:-8px;right:-8px}.mv .play .d-follow .mini{animation:mv-entra-esq var(--t-slow) var(--e) both}.mv .play .d-follow em{animation:mv-atrasa var(--t-exp) var(--e-exp) var(--t-slow) both}@keyframes mv-atrasa{0%{transform:scale(0)}}.mv .chao-wrap{justify-items:center;display:grid}.mv .d-squash{background:var(--color-accent);transform-origin:bottom;border-radius:999px;width:28px;height:28px}.mv .play .d-squash{animation:mv-quica var(--t-slower) var(--e-std) both}@keyframes mv-quica{0%{transform:translateY(-44px)scale(.9,1.15)}55%{transform:translateY(0)scale(1.25,.75)}75%{transform:translateY(-8px)scale(.95,1.05)}to{transform:none}}.mv .chao{border-top:2px solid var(--color-line);width:144px}.mv .d-corte{place-items:center;height:64px;display:grid;position:relative}.mv .d-corte .q{background:var(--color-accent);border-radius:8px;width:44px;height:28px}.mv .play .d-corte.seco .q{animation:mv-corta var(--t-exp) steps(1, end) both}.mv .play .d-corte.cont .q{animation:mv-continua var(--t-exp) var(--e-std) both}@keyframes mv-corta{to{background:var(--color-ink);border-radius:12px;width:120px;height:56px}}@keyframes mv-continua{to{background:var(--color-ink);border-radius:12px;width:120px;height:56px}}.mv .d-kin{letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;gap:8px;font-size:24px;font-weight:600;line-height:32px;display:flex}.mv .d-kin span{display:inline-block}.mv .d-kin span:last-child{color:var(--color-accent-ink);background:var(--color-accent-soft);border-radius:6px;padding:0 6px}.mv .play .d-kin span{animation:mv-palavra var(--t-slow) var(--e-exp) both;animation-delay:calc(var(--i) * .15s * var(--lento))}@keyframes mv-palavra{0%{opacity:0;transform:translateY(16px)scale(.8)}}.mv .d-beat{border-collapse:collapse;background:var(--color-surface);width:100%;max-width:300px;font-size:11px}.mv .d-beat td,.mv .d-beat th{border:1px solid var(--color-line);text-align:left;padding:2px 6px}.mv .d-beat th{color:var(--color-ink-faint);font-weight:600}.mv .d-beat td:first-child{font-family:var(--font-mono), monospace;white-space:nowrap}.mv .play .d-beat tbody tr{animation:mv-fade var(--t) var(--e) both;animation-delay:calc(var(--i) * .3s * var(--lento))}.mv .texto-demo{color:var(--color-ink-soft);text-align:center;justify-items:center;gap:6px;max-width:240px;font-size:12px;display:grid}.mv .texto-demo b{color:var(--color-ink);letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:28px}
