@property --x{syntax:"*";inherits:false}@property --y{syntax:"*";inherits:false}@property --w{syntax:"*";inherits:false}@property --h{syntax:"*";inherits:false}@property --r{syntax:"*";inherits:false}@property --fs{syntax:"*";inherits:false}.mscene-wrap{width:100%;position:relative}.mscene{width:100%;aspect-ratio:var(--sw) / var(--sh);position:relative;container-type:inline-size}.mstage{--u:calc(100cqw / var(--sw));font-size:calc(var(--u) * 14);-webkit-user-select:none;user-select:none;line-height:1.4;position:absolute;inset:0;overflow:hidden}.mstage .mp{box-sizing:border-box;left:calc(var(--x,0) * var(--u));top:calc(var(--y,0) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));border-radius:calc(var(--r,0) * var(--u));font-size:calc(var(--fs,14) * var(--u));position:absolute}.mstage svg.mp{overflow:visible}.mstage .mrel{position:relative}.mstage ol,.mstage ul{margin:0;padding:0;list-style:none}.hero-visual{width:210px;max-width:100%}.hero-visual .mscene-wrap{width:100%}.mscene-c1 .hero-levels{position:absolute;inset:0}.mscene-c1 .hero-levels li{padding:0 calc(10 * var(--u));border:1px solid var(--border);border-radius:calc(6 * var(--u));background:var(--surface-1);color:var(--muted-foreground);font-size:calc(13 * var(--u));white-space:nowrap;align-items:center;display:flex}.mscene-c1 .hero-levels li:last-child{color:var(--foreground);border-color:var(--border-strong)}.mscene-c1 .hero-caret{overflow:visible}html[data-motion=play] .mscene-c1 [data-m=mark]{opacity:0}html[data-motion=play] .mscene-c1 .hero-levels li{opacity:.6}@media (prefers-reduced-motion:reduce){html[data-motion=play] .mscene-c1 [data-m=mark],html[data-motion=play] .mscene-c1 .hero-levels li{opacity:1}}@media (width>=1180px){.home .login-hero{column-gap:var(--s-6);grid-template-columns:minmax(0,1fr) 150px;align-items:start}.home .login-hero>*{grid-column:1}.home .login-hero>.hero-visual{grid-area:1/2/span 3;place-self:center start;max-width:none;margin-inline-end:-60px}}@media (width<=1179px){.hero-visual{justify-self:center}}@media (width<=640px){.hero-visual{width:150px}}.home-how .mscene-wrap,.setup-demo .mscene-wrap{max-width:880px;margin-inline:auto}.mscene-c2 .beam{--beam-radius:calc(16 * var(--u));--beam-width:calc(2 * var(--u))}.mscene-c2 .beam:not([data-motion]),.mscene-c2 .beam:not([data-motion]):before{animation:none}.mscene-c2 .beam:before{filter:blur(calc(10 * var(--u)))}@media (prefers-reduced-motion:reduce){.mscene-c2 .beam{background:conic-gradient(from 0deg, var(--beam-rest) 0deg 190deg, var(--beam-tail) 262deg, var(--beam-head) 328deg, var(--beam-spark) 349deg, var(--beam-rest) 360deg)}}.mscene-c2 .beam-inner{overflow:hidden}.m-preview-tag{width:fit-content;margin-bottom:var(--s-2);padding:2px var(--s-2);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--muted-foreground);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;margin-inline-start:calc(100% * var(--tx,0) / var(--sw));font-size:12px;font-weight:600;line-height:18px;display:flex}.mscene-c2 .mstage,.mscene-c2 .mstage *{pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none}.m-url{white-space:nowrap;font-family:var(--font-mono);color:var(--foreground);align-items:center;display:flex}.m-go{place-items:center;font-weight:600;display:grid;overflow:hidden}.m-panel{background:var(--code-bg);box-shadow:inset 0 0 0 1px var(--border-strong)}.m-label{color:var(--subtle-foreground)}.m-line{white-space:nowrap;font-family:var(--font-mono);color:var(--subtle-foreground);align-items:center;display:flex}.m-line.dir{color:var(--muted-foreground)}.m-line.m-new{color:var(--success-text)}.m-stat{color:var(--subtle-foreground);white-space:nowrap}.m-track{background:var(--surface-3);border-radius:99px;overflow:hidden}.m-fill{background:var(--primary);transform-origin:0;width:100%;height:100%}.m-card{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border-strong)}.m-ct{font-family:var(--font-mono);color:var(--foreground);white-space:nowrap;align-items:center;font-weight:500;display:flex}.m-cd{color:var(--muted-foreground);white-space:nowrap}.m-pc{font-family:var(--font-mono);color:var(--muted-foreground);line-height:1.5}.m-btn{place-items:center;font-weight:600;display:grid;overflow:hidden}.m-inst>span{grid-area:1/1}.m-inst [data-m=install-face]{opacity:0}.m-added{justify-content:center;align-items:center;gap:calc(6 * var(--u));background:color-mix(in oklch, var(--success) 14%, var(--surface-1));width:100%;height:100%;color:var(--success-text);display:inline-flex}.m-added svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.m-det{background:var(--surface-2);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border-strong)}.m-rb{top:calc(-10 * var(--u));right:calc(14 * var(--u));padding:calc(2 * var(--u)) calc(9 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(11 * var(--u));color:var(--ribbon-foreground);font-weight:700;line-height:1.45;position:absolute;overflow:hidden}.m-rb.also{background:var(--ribbon-2);color:var(--ribbon-2-foreground)}.m-toast{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-strong);display:block}.m-check{background:var(--success-soft);color:var(--success-text);place-items:center;display:grid}.m-check svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.m-tt{color:var(--foreground);flex-direction:column;justify-content:center;min-width:0;line-height:1.35;display:flex}.m-tt span{font-family:var(--font-mono);font-size:calc(12 * var(--u));color:var(--subtle-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-doing .mscene-wrap{width:100%;max-width:560px;margin-inline:auto}.m-tabs{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border-strong)}.m-tab{color:var(--subtle-foreground);white-space:nowrap;place-items:center;display:grid}.m-tab.on{color:var(--foreground);font-weight:600}.m-und{background:var(--neon);box-shadow:0 0 calc(10 * var(--u)) var(--ai-glow);transform-origin:0;border-radius:2px}.m-row{align-items:center;gap:calc(14 * var(--u));padding:0 calc(18 * var(--u));background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--foreground);display:flex}.m-row.cur{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--primary) 50%, transparent)}.m-rn{width:calc(16 * var(--u));font-family:var(--font-mono);color:var(--subtle-foreground);font-size:.87em;font-weight:600}.m-rt{flex:1;min-width:0}.m-rm{color:var(--subtle-foreground);white-space:nowrap;font-size:.87em}.m-row.cur .m-rm{color:var(--primary-text)}@media (width<=640px){.home-how .mscene-wrap,.setup-demo .mscene-wrap,.home-doing .mscene-wrap{max-width:min(100%, calc(320px * var(--sw) / var(--sh)))}.mscene-wrap.has-crop{max-width:min(100%, calc(320px * var(--vw) / var(--vh)))}.mscene-wrap.has-crop .mscene{aspect-ratio:var(--vw) / var(--vh);overflow:hidden}.mscene-wrap.has-crop .mstage{--u:calc(100cqw / var(--vw));width:calc(var(--sw) * var(--u));height:calc(var(--sh) * var(--u));inset:auto;left:calc(var(--vx) * var(--u) * -1);top:calc(var(--vy) * var(--u) * -1)}.mscene-c3 .m-rm{display:none}}
