.mz{--mz-gap:clamp(12px, 1.4vw, 18px);padding:var(--mz-gap);background:radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--mint) 14%, transparent) 1px, transparent 0) 0 0 / 22px 22px, linear-gradient(160deg, color-mix(in oklab, var(--deep) 86%, var(--mint)), var(--deep) 42%, color-mix(in oklab, var(--deep) 82%, var(--ink)));box-shadow:0 40px 90px -50px color-mix(in oklab, var(--ink) 80%, transparent), 0 0 0 1px color-mix(in oklab, var(--mint) 16%, transparent) inset;color:var(--paper2);border-radius:26px;margin:0;position:relative;container-type:inline-size}.mz-bar{min-width:0;padding:2px 4px calc(var(--mz-gap) - 2px);align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.mz-mark{background:var(--mint);width:30px;height:30px;color:var(--deep);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.mz-mark svg{width:16px;height:16px}.mz-label{letter-spacing:.01em;color:var(--paper);flex-shrink:0;font-weight:800}.mz-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:color-mix(in oklab, var(--paper2) 70%, transparent);overflow:hidden}.mz-sub:before{content:"·";color:var(--mint);margin-inline-end:10px}.mz-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mz-ctl{flex-shrink:0;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.mz-count{font-family:var(--font-monospace);letter-spacing:.06em;color:color-mix(in oklab, var(--paper2) 60%, transparent);font-size:12.5px}.mz-count strong{color:var(--mint);font-weight:700}.mz-play{border:1px solid color-mix(in oklab, var(--mint) 34%, transparent);width:34px;height:34px;color:var(--paper2);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .25s,border-color .25s;display:grid}.mz-play:hover{background:color-mix(in oklab, var(--mint) 16%, transparent);border-color:color-mix(in oklab, var(--mint) 60%, transparent)}.mz-play:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.mz-play svg{width:14px;height:14px}.mz-body{gap:calc(var(--mz-gap) - 2px);min-width:0;display:grid}.sv-stage{--sv-dir:1;background:linear-gradient(180deg, color-mix(in oklab, var(--paper) 6%, transparent), transparent 40%), color-mix(in oklab, var(--deep) 70%, var(--ink));box-shadow:0 0 0 1px color-mix(in oklab, var(--mint) 14%, transparent) inset, 0 24px 50px -36px color-mix(in oklab, var(--ink) 90%, transparent);touch-action:pan-y;border-radius:18px;position:relative;overflow:hidden}.sv-glow{background:radial-gradient(60% 60% at 50% 60%, color-mix(in oklab, var(--mint) 18%, transparent), transparent 70%);pointer-events:none;height:90%;position:absolute;inset:-20% -10% auto}.sv-slide{opacity:0;visibility:hidden;flex-direction:column;gap:14px;padding:16px;transition:opacity .55s,visibility 0s linear .55s;display:flex;position:absolute;inset:0}.sv-slide[data-active=true]{opacity:1;visibility:visible;transition:opacity .55s}.sv-stage[data-wide] .sv-slide{gap:20px;padding:28px}.sv-slide[data-layout=side]{flex-direction:row;align-items:stretch}.sv-slide[data-room]{justify-content:center}.sv-stage[data-wide] .sv-slide[data-room]{gap:30px}.sv-slide[data-room] .sv-screen{flex:0 auto}.sv-stage[data-wide] .sv-slide[data-room] .sv-title{font-size:clamp(19px,2.5cqw,28px)}.sv-stage[data-wide] .sv-slide[data-room] .sv-detail{font-size:15px}.sv-copy{opacity:0;flex-shrink:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"no title open"".detail open";align-items:baseline;gap:4px 14px;transition:transform .7s cubic-bezier(.2,.7,.2,1) 80ms,opacity .6s 80ms;display:grid;transform:translateY(10px)}.sv-slide[data-active=true] .sv-copy{opacity:1;transform:none}.sv-no{font-family:var(--font-monospace);letter-spacing:.1em;color:var(--mint);grid-area:no;justify-self:start;font-size:13px;font-weight:700}.sv-title{color:var(--paper);text-wrap:balance;grid-area:title;margin:0;font-size:clamp(16px,2.1cqw,22px);font-weight:800;line-height:1.4}.sv-detail{max-width:72ch;color:color-mix(in oklab, var(--paper2) 74%, transparent);grid-area:detail;margin:0;font-size:14px;line-height:1.75}.sv-badge{background:color-mix(in oklab, var(--mint) 18%, transparent);color:var(--mint);vertical-align:3px;border-radius:999px;align-items:center;gap:5px;margin-inline-end:10px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.sv-badge svg{width:13px;height:13px}.sv-open{border:1px solid color-mix(in oklab, var(--mint) 38%, transparent);background:color-mix(in oklab, var(--paper) 4%, transparent);color:var(--paper2);white-space:nowrap;cursor:zoom-in;border-radius:999px;grid-area:open;align-self:start;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.sv-open:hover{background:color-mix(in oklab, var(--mint) 22%, transparent);border-color:var(--mint);color:var(--paper)}.sv-open:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.sv-open svg{width:14px;height:14px}.sv-slide[data-layout=side] .sv-copy{flex:0 0 34%;grid-template-columns:minmax(0,1fr);grid-template-areas:"no""title""detail""open";align-content:center;row-gap:12px}.sv-slide[data-layout=side] .sv-title{font-size:clamp(19px,2.4cqw,27px);line-height:1.35}.sv-slide[data-layout=side] .sv-detail{font-size:15px}.sv-slide[data-layout=side] .sv-open{justify-self:start;margin-top:8px}.sv-screen{cursor:zoom-in;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex}.sv-screen img,.sv-screen .sv-zoom{background:var(--paper);max-height:100%;box-shadow:0 0 0 1px color-mix(in oklab, var(--paper) 40%, transparent), 0 34px 60px -30px color-mix(in oklab, var(--ink) 95%, transparent);transform:translate3d(calc(var(--sv-dir) * 26px), 0, 0) scale(.985);border-radius:12px;transition:transform .9s cubic-bezier(.2,.7,.2,1),box-shadow .4s;display:block}.sv-screen img{width:auto;height:auto}.sv-screen .sv-zoom{aspect-ratio:16/10;background-repeat:no-repeat;max-width:100%;height:100%}.sv-slide[data-active=true] .sv-screen img,.sv-slide[data-active=true] .sv-screen .sv-zoom{transform:none}.sv-screen:hover img,.sv-screen:hover .sv-zoom{box-shadow:0 0 0 2px var(--mint), 0 34px 60px -30px color-mix(in oklab, var(--ink) 95%, transparent)}.sv-tabs{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--mint) 40%, transparent) transparent;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.sv-tab{border:1px solid color-mix(in oklab, var(--mint) 14%, transparent);background:color-mix(in oklab, var(--paper) 4%, transparent);min-width:0;color:color-mix(in oklab, var(--paper2) 72%, transparent);text-align:start;cursor:pointer;scroll-snap-align:start;border-radius:14px;grid-template-rows:auto auto;gap:9px;padding:8px 8px 12px;transition:background .3s,border-color .3s,color .3s;display:grid;position:relative;overflow:hidden}.sv-tab:hover{background:color-mix(in oklab, var(--paper) 8%, transparent);color:var(--paper2)}.sv-tab[aria-selected=true] .sv-thumb{box-shadow:0 0 0 2px var(--mint)}.sv-tab[aria-selected=true]{border-color:color-mix(in oklab, var(--mint) 60%, transparent);background:color-mix(in oklab, var(--mint) 12%, transparent);color:var(--paper)}.sv-tab:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.sv-thumb{aspect-ratio:16/9;background:var(--paper);border-radius:9px;display:block;position:relative;overflow:hidden}.sv-thumb img{object-fit:cover;object-position:right top;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.sv-thumb .sv-zoom{background-repeat:no-repeat;position:absolute;inset:0}.sv-tab:hover .sv-thumb img{transform:scale(1.03)}.sv-tab-text{align-items:baseline;gap:8px;min-width:0;padding-inline:2px;display:flex}.sv-tab-no{font-family:var(--font-monospace);letter-spacing:.08em;color:color-mix(in oklab, var(--mint) 75%, transparent);flex-shrink:0;font-size:11.5px;font-weight:700}.sv-tab[aria-selected=true] .sv-tab-no{color:var(--mint)}.sv-tab-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.sv-tab-icon{vertical-align:-2px;width:13px;height:13px;color:var(--mint);margin-inline-end:4px;display:inline}.sv-track{background:color-mix(in oklab, var(--mint) 10%, transparent);height:3px;position:absolute;inset-block-end:0;inset-inline:0;overflow:hidden}.sv-tab[aria-selected=false] .sv-track{background:0 0}.sv-bar{background:var(--mint);transform-origin:100%;animation-name:sv-progress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;inset:0}html[lang=en] .sv-bar,[dir=ltr] .sv-bar{transform-origin:0}.sv-bar[data-static=true]{animation:none;transform:none}@keyframes sv-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mz-foot{padding:calc(var(--mz-gap) - 2px) 4px 0}.mz-foot p{color:color-mix(in oklab, var(--paper2) 62%, transparent);margin:0;font-size:12px;line-height:1.7}@container (width<=759px){.mz-sub{display:none}.sv-copy{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"no title open""detail detail detail";gap:6px 10px}.sv-open{border-radius:50%;justify-content:center;width:34px;height:34px;padding:0}.sv-open span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sv-title{font-size:16.5px}.sv-detail{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.sv-tabs{grid-auto-columns:128px;gap:8px}.sv-tab{gap:7px;padding:6px 6px 10px}.sv-tab-title{font-size:12px}}@media (prefers-reduced-motion:reduce){.sv-slide,.sv-slide[data-active=true],.sv-copy,.sv-screen img,.sv-screen .sv-zoom,.sv-thumb img{transition:none}.sv-screen img,.sv-screen .sv-zoom,.sv-copy{transform:none}}