.mc-demo{--paper:#faf8f4;--panel:#fff;--panel-2:#f4f1eb;--field:#efebe4;--ink:#242424;--muted:#5f6368;--line:#2424241c;--control:#8c9198;--rust:#973126;--on-rust:#fff;--rust-wash:#97312614;--ok:#1e6b45;--ok-wash:#1e6b451a;--t-samples:#fdeed8;--t-interview:#fae8e7;--t-lens:#e4e9eb;--t-brief:#fff1c9;--t-draft:#eeece8;--finale:#242424;--tone-samples:#973126;--tone-interview:#973126;--tone-lens:#37505c;--tone-brief:#973126;--tone-draft:#973126;--tone-auto:#e9a48f;--glass:#ffffffbd;--glass-line:#24242414;--shadow:none;--display:var(--font-fraunces), Georgia, "Times New Roman", serif;--ui:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.23, 1, .32, 1);--dhow-cream:#f8f7f3;--dhow-navy:#000f30}@media (prefers-color-scheme:dark){.mc-demo:not([data-theme=light]){--paper:#141414;--panel:#1e1e1e;--panel-2:#252422;--field:#2a2926;--ink:#f3f1ec;--muted:#a9a7a1;--line:#ffffff1a;--control:#ffffff6b;--rust:#d9735f;--on-rust:#141414;--rust-wash:#d9735f1f;--ok:#7cc79f;--ok-wash:#7cc79f24;--t-samples:#29231a;--t-interview:#2b1f1d;--t-lens:#1b2427;--t-brief:#29251a;--t-draft:#222220;--finale:#0b0b0b;--tone-samples:#e58c78;--tone-interview:#e58c78;--tone-lens:#9fbcc6;--tone-brief:#e58c78;--tone-draft:#e58c78;--tone-auto:#e9a48f;--glass:#1e1e1eb8;--glass-line:#ffffff14;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.mc-demo[data-theme=dark]{--paper:#141414;--panel:#1e1e1e;--panel-2:#252422;--field:#2a2926;--ink:#f3f1ec;--muted:#a9a7a1;--line:#ffffff1a;--control:#ffffff6b;--rust:#d9735f;--on-rust:#141414;--rust-wash:#d9735f1f;--ok:#7cc79f;--ok-wash:#7cc79f24;--t-samples:#29231a;--t-interview:#2b1f1d;--t-lens:#1b2427;--t-brief:#29251a;--t-draft:#222220;--finale:#0b0b0b;--tone-samples:#e58c78;--tone-interview:#e58c78;--tone-lens:#9fbcc6;--tone-brief:#e58c78;--tone-draft:#e58c78;--tone-auto:#e9a48f;--glass:#1e1e1eb8;--glass-line:#ffffff14;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mc-demo *{box-sizing:border-box}.mc-demo{background:var(--paper);min-height:100vh;color:var(--ink);font:400 15.5px/1.55 var(--ui);-webkit-font-smoothing:antialiased;margin:0;padding-block:0;padding-inline:16px;position:relative}.mc-demo h1,.mc-demo h2,.mc-demo h3,.mc-demo p,.mc-demo ul,.mc-demo ol,.mc-demo dl,.mc-demo dd,.mc-demo figure{margin:0}.mc-demo h1,.mc-demo h2,.mc-demo h3,.mc-demo h4{font-family:var(--ui);font-weight:inherit;font-size:inherit;letter-spacing:normal;line-height:inherit}.mc-demo ul,.mc-demo ol{padding:0;list-style:none}.mc-demo button,.mc-demo input,.mc-demo textarea{font:inherit;color:inherit}.mc-demo button{cursor:pointer}.mc-demo a{color:inherit}.mc-demo :focus-visible{outline:2px solid var(--rust);outline-offset:2px}.mc-demo .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mc-demo img{max-width:100%;height:auto;display:block}.mc-demo .btn{background:var(--ink);min-height:44px;color:var(--paper);white-space:nowrap;transition:transform .16s var(--ease), background-color .2s, border-color .2s, color .2s, opacity .2s;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.mc-demo .btn:active{transform:scale(.97)}.mc-demo .btn.rust{background:var(--rust);color:var(--on-rust)}.mc-demo .btn.ghost{color:var(--ink);border-color:var(--control);background:0 0}.mc-demo .btn.quiet{color:var(--muted);background:0 0;padding:0 10px}.mc-demo .btn:disabled{opacity:.4;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.mc-demo .btn.ghost:hover{border-color:var(--ink)}.mc-demo .btn.quiet:hover{color:var(--ink)}}.mc-demo .pill{height:28px;font:600 12px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.mc-demo .chip{border:1px solid var(--control);background:var(--panel);min-height:40px;transition:background-color .18s, color .18s, border-color .18s, transform .16s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;display:inline-flex}.mc-demo .chip:active{transform:scale(.96)}.mc-demo .chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mc-demo .tag{background:var(--field);height:24px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.mc-demo .tag.ok{background:var(--ok-wash);color:var(--ok)}.mc-demo .tag.rust{background:var(--rust-wash);color:var(--rust)}.mc-demo svg.i{flex:none;width:16px;height:16px}.mc-demo .top{top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);margin-inline:-16px;padding-inline:16px;position:sticky}.mc-demo .top-in{align-items:center;gap:14px;max-width:1240px;height:64px;margin:0 auto;display:flex}.mc-demo .logo{color:var(--ink);display:inline-flex}.mc-demo .logo svg{width:auto;height:21px;display:block}.mc-demo .top .spacer{flex:1}.mc-demo .theme{border:1px solid var(--line);background:var(--panel);border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.mc-demo .theme .sun{display:none}@media (prefers-color-scheme:dark){.mc-demo:not([data-theme=light]) .theme .sun{display:block}.mc-demo:not([data-theme=light]) .theme .moon{display:none}}.mc-demo[data-theme=dark] .theme .sun{display:block}.mc-demo[data-theme=dark] .theme .moon{display:none}@media (max-width:760px){.mc-demo .top .cta{display:none}}.mc-demo .hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;max-width:1240px;margin:0 auto;padding-block:64px 56px;display:grid}.mc-demo .hero h1{font:400 clamp(38px, 6vw, 86px)/.98 var(--display);letter-spacing:-.03em}.mc-demo .hero h1 em{color:var(--rust);font-style:italic;display:block}.mc-demo .hero .lede{color:var(--muted);max-width:52ch;margin-top:22px;font-size:18px}.mc-demo .hero .ctas{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.mc-demo .collage{aspect-ratio:1/1.02;justify-self:end;width:100%;max-width:560px;position:relative}.mc-demo .collage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute}.mc-demo .collage .sun{width:58%;top:4%;left:30%}.mc-demo .collage .slab{width:17%;top:30%;left:6%}.mc-demo .collage .bust{width:58%;top:16%;left:22%}.mc-demo .collage .dot{width:12%;top:78%;left:82%}.mc-demo .crop{border-color:var(--ink);opacity:.55;border-style:solid;width:22px;height:22px;position:absolute}.mc-demo .crop.tl{border-width:2px 0 0 2px}.mc-demo .crop.tr{border-width:2px 2px 0 0}.mc-demo .crop.bl{border-width:0 0 2px 2px}.mc-demo .crop.br{border-width:0 2px 2px 0}.mc-demo .float{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);white-space:nowrap;border-radius:0;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;animation:7s ease-in-out infinite alternate mcd-drift;display:flex;position:absolute}.mc-demo .float small{color:var(--muted);font-size:12px;display:block}.mc-demo .float b{font-weight:600}.mc-demo .float .ic{background:var(--rust-wash);width:30px;height:30px;color:var(--rust);border-radius:0;place-items:center;display:grid}.mc-demo .float .ic.ok{background:var(--ok-wash);color:var(--ok)}.mc-demo .float.f1{top:12%;left:-4%}.mc-demo .float.f2{animation-delay:-2.4s;top:46%;right:-2%}.mc-demo .float.f3{animation-delay:-4.6s;bottom:8%;left:4%}@keyframes mcd-drift{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}@media (max-width:960px){.mc-demo .hero{grid-template-columns:1fr;padding-block:40px 24px}.mc-demo .collage{justify-self:center;max-width:440px}}.mc-demo .story{grid-template-columns:188px minmax(0,1fr);gap:36px;max-width:1240px;margin:0 auto;display:grid}.mc-demo .rail{background:var(--t-draft);border:1px solid var(--line);align-self:start;padding:22px 20px 14px;position:sticky;top:92px}.mc-demo .rail p{color:var(--muted);margin-bottom:8px;font-size:12px}.mc-demo .rail-list{position:relative}.mc-demo .rail ol{gap:2px;display:grid}.mc-demo .rail-list:before,.mc-demo .rail .fill{display:none}.mc-demo .rail button{text-align:left;width:100%;min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:12px;padding:0 8px 0 0;font-size:14.5px;transition:color .25s;display:flex;position:relative}.mc-demo .rail button .n{background:var(--panel);border:2px solid var(--line);width:28px;height:28px;font:600 12px/1 var(--ui);transition:background-color .25s, border-color .25s, color .25s, transform .3s var(--ease);z-index:1;border-radius:50%;place-items:center;display:grid}.mc-demo .rail button.done .n{border-color:var(--rust);color:var(--rust)}.mc-demo .rail button.done{color:var(--muted)}.mc-demo .rail button.now{color:var(--rust);font-weight:600}.mc-demo .rail button.now .n{background:var(--rust);border-color:var(--rust);color:var(--on-rust);transform:scale(1.08)}.mc-demo .stages{padding-bottom:48px;display:block}.mc-demo .stages .anchor{height:0;scroll-margin-top:92px;display:block}.mc-demo .stages .stage+.anchor{margin-top:18vh}.mc-demo .stage{position:sticky;top:92px}.mc-demo .card{border:1px solid var(--line);transform-origin:50% 0;transform:scale(calc(1 - var(--cover,0) * .045));border-radius:0;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:44px;padding:44px;transition:transform .12s linear;display:grid;position:relative;overflow:hidden}.mc-demo .card:after{content:"";opacity:calc(var(--cover,0) * .1);pointer-events:none;background:#000;position:absolute;inset:0}.mc-demo .stage[data-s=samples] .card{background:var(--t-samples);--tone:var(--tone-samples)}.mc-demo .stage[data-s=interview] .card{background:var(--t-interview);--tone:var(--tone-interview)}.mc-demo .stage[data-s=lens] .card{background:var(--t-lens);--tone:var(--tone-lens)}.mc-demo .stage[data-s=brief] .card{background:var(--t-brief);--tone:var(--tone-brief)}.mc-demo .stage[data-s=draft] .card{background:var(--t-draft);--tone:var(--tone-draft)}.mc-demo .stage[data-s=auto] .card{background:var(--finale);--tone:var(--tone-auto);color:#f3f1ec;border:1px solid #ffffff0f}.mc-demo .copy{z-index:2;flex-direction:column;gap:16px;display:flex;position:relative}.mc-demo .copy .head{gap:10px;display:grid}.mc-demo .copy h2{font:400 clamp(30px, 2.9vw, 42px)/1.06 var(--display);letter-spacing:-.02em}.mc-demo .copy h2 em{color:var(--tone-em,var(--rust));font-style:italic}.mc-demo .copy .more{gap:14px;display:grid}.mc-demo .card.flip{grid-template-columns:minmax(0,6fr) minmax(0,4fr)}.mc-demo .card.flip .copy{order:2}.mc-demo .card.wide{grid-template-columns:minmax(0,1fr);gap:26px;padding:56px 44px 40px}.mc-demo .card.wide .copy{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:14px 36px;display:grid}.mc-demo .card.wide .copy .head,.mc-demo .card.wide .copy .more{grid-column:1}.mc-demo .card.wide .art{grid-area:1/2/span 2;align-self:center;height:150px;margin-top:0}.mc-demo .card.wide p.body,.mc-demo .card.wide .copy h2{max-width:560px}.mc-demo .stage[data-s=draft]{position:relative;top:auto}.mc-demo .card.wide .demo{min-height:0}.mc-demo .copy p.body{max-width:42ch;font-size:15.5px}.mc-demo .copy .note{background:color-mix(in srgb, var(--panel) 70%, transparent);border:1px solid var(--line);border-radius:0;max-width:42ch;padding:12px 14px;font-size:13.5px}.mc-demo .copy .note b{font-weight:600}.mc-demo .copy .ctrl{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.mc-demo .copy .btn.ghost{border-color:color-mix(in srgb, var(--ink) 58%, transparent)}.mc-demo .stage[data-s=auto] .btn.ghost{color:#f3f1ec;border-color:#ffffff6b}.mc-demo .stage[data-s=auto] .btn.quiet{color:#a9a7a1}.mc-demo .stage[data-s=auto] .card{--tone-em:#e9a48f}.mc-demo .stage[data-s=auto] .copy{justify-content:center}.mc-demo .stage[data-s=auto] .art{margin-top:32px}.mc-demo .art{pointer-events:none;flex:none;height:clamp(190px,30vh,270px);margin-top:auto;position:relative}.mc-demo .art img{-webkit-user-select:none;user-select:none;width:auto;max-width:none;position:absolute;bottom:0}.mc-demo .art .disc{aspect-ratio:1;border-radius:50%;position:absolute}.mc-demo .demo{z-index:2;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0;flex-direction:column;align-self:start;min-height:0;display:flex;position:relative;overflow:hidden}.mc-demo .demo-h{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:52px;padding:0 16px;font-size:14.5px;display:flex}.mc-demo .demo-h .ib{color:var(--ink)}.mc-demo .demo-h [hidden]{display:none}.mc-demo .demo-h.tall{flex-wrap:wrap;min-height:90px;padding:12px 8px 12px 16px}.mc-demo .demo-h .hslot{flex:0 505px;min-width:0;margin-left:auto}.mc-demo .demo-h .hslot:empty{display:none}.mc-demo .demo-h b{font-weight:600}.mc-demo .demo-h .spacer{flex:1}.mc-demo .mode[hidden]{display:none}.mc-demo .mode{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.mc-demo .mode i{background:var(--control);border-radius:50%;width:7px;height:7px}.mc-demo .mode.play i{background:var(--rust);animation:1.4s ease-out infinite mcd-pulse}.mc-demo .mode.you i{background:var(--ok)}@keyframes mcd-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--rust) 50%, transparent)}to{box-shadow:0 0 0 7px #0000}}.mc-demo .demo-h .ib{width:40px;height:40px;margin-right:-8px}.mc-demo .prog-bar{z-index:1;background:0 0;height:2px;margin-top:-2px;position:relative}.mc-demo .prog-bar i{background:var(--rust);transform-origin:0;height:100%;transition:transform .25s linear,opacity .3s;display:block;transform:scaleX(0)}.mc-demo .demo-b{scrollbar-width:thin;flex-direction:column;flex:1;gap:14px;padding:18px;font-size:14.5px;display:flex;position:relative;overflow:auto}.mc-demo .new{animation:mcd-enter .45s var(--ease) both}@keyframes mcd-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}}.mc-demo .cursor{z-index:20;pointer-events:none;transform:translate(var(--x,60%), var(--y,110%));transition:transform var(--t,.6s) cubic-bezier(.45, 0, .2, 1), opacity .3s;opacity:0;position:absolute;top:0;left:0}.mc-demo .cursor.on{opacity:1}.mc-demo .cursor svg{filter:drop-shadow(0 2px 3px #00000040);width:22px;height:22px}.mc-demo .cursor span{background:var(--rust);color:var(--on-rust);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;top:18px;left:16px}.mc-demo .cursor.press svg{transition:transform .12s;transform:scale(.86)}.mc-demo .ripple{z-index:19;border:2px solid var(--rust);pointer-events:none;width:34px;height:34px;animation:mcd-ripple .5s var(--ease) forwards;border-radius:50%;margin:-17px 0 0 -17px;position:absolute}@keyframes mcd-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.mc-demo .zone{border:1.5px dashed var(--control);border-radius:0;align-content:start;gap:8px;min-height:150px;padding:14px;transition:border-color .25s,background-color .25s;display:grid}.mc-demo .zone.full{border-style:solid;border-color:var(--line);background:var(--panel-2)}.mc-demo .zone .empty{color:var(--muted);padding:6px 2px;font-size:13.5px}.mc-demo .files{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mc-demo .file{text-align:left;border:1px solid var(--line);background:var(--panel);min-height:116px;transition:transform .2s var(--ease), border-color .2s;border-radius:0;align-content:start;gap:4px;padding:12px;display:grid;position:relative;box-shadow:0 1px 2px #0000000a}.mc-demo .file .ft{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.mc-demo .file b{font-size:14.5px;font-weight:600;line-height:1.3}.mc-demo .file .add{color:var(--rust);font-size:12.5px;font-weight:600;position:absolute;bottom:10px;right:10px}@media (hover:hover) and (pointer:fine){.mc-demo .file:hover{border-color:var(--control);transform:translateY(-2px)}}.mc-demo .row-file{background:var(--panel);border:1px solid var(--line);border-radius:0;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:13.5px;display:flex}.mc-demo .row-file .ft{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:none;width:88px;font-size:12px;font-weight:600}.mc-demo .row-file .ok{color:var(--ok);margin-left:auto}.mc-demo .reader{flex:1;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.mc-demo .docwrap{flex-direction:column;min-width:0;display:flex}.mc-demo .tabs{border-bottom:1px solid var(--line);gap:2px;display:flex}.mc-demo .tab{min-height:42px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 12px;font-size:14.5px;font-weight:400}.mc-demo .tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--rust);font-weight:600}.mc-demo .docwrap .doc{border-top:0;flex:none}.mc-demo .doc{background:var(--panel-2);border:1px solid var(--line);border-radius:0;align-content:start;gap:10px;padding:16px 18px;font-size:15.5px;line-height:1.6;display:grid;position:relative;overflow:hidden}.mc-demo .doc .dh{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.mc-demo .doc .scan{background:linear-gradient(transparent, color-mix(in srgb, var(--rust) 14%, transparent), transparent);height:40px;animation:mcd-scan .9s var(--ease) 1 forwards;pointer-events:none;position:absolute;top:-40px;left:0;right:0}@keyframes mcd-scan{to{top:100%}}.mc-demo .u{transition:background-size .6s var(--ease);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;padding-bottom:1px}.mc-demo .u.on{background-size:100% 1px}.mc-demo .noticed{align-content:start;gap:8px;display:grid}.mc-demo .noticed h3{color:var(--muted);font-size:12px;font-weight:600}.mc-demo .noticed ul{gap:8px;display:grid}.mc-demo .noticed li{background:var(--rust-wash);min-height:32px;color:var(--ink);border-radius:0;align-items:center;gap:10px;padding:8px 12px;font-size:12px;line-height:1.4;display:flex}.mc-demo .noticed li svg{color:var(--rust)}.mc-demo .chat{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;display:flex}.mc-demo .msg{background:var(--panel-2);border-radius:14px 14px 14px 2px;align-self:flex-start;align-items:flex-start;gap:10px;max-width:82%;padding:10px 14px;font-size:14.5px;display:flex}.mc-demo .msg .eic{background:linear-gradient(#e9dcc3,#973126);border-radius:50%;flex:none;width:26px;height:26px;margin-top:-2px}.mc-demo .msg.me{background:var(--ink);color:var(--paper);border-radius:14px 14px 2px;align-self:flex-end}.mc-demo .typing{gap:4px;padding:8px 2px;display:inline-flex}.mc-demo .typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1s infinite mcd-dots}.mc-demo .typing i:nth-child(2){animation-delay:.15s}.mc-demo .typing i:nth-child(3){animation-delay:.3s}@keyframes mcd-dots{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.mc-demo .replies{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;min-height:44px;padding-top:12px;display:flex}.mc-demo .replies .hint{color:var(--muted);width:100%;font-size:12px}.mc-demo .qcount{color:var(--muted);font-size:12px}.mc-demo .lens{background:var(--panel-2);border:1px solid var(--line);align-content:start;gap:2px;margin:12px 8px;padding:18px;display:grid;position:relative}.mc-demo .lens .lh{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mc-demo .lens .lh b{font:600 20px/1.1 var(--display);letter-spacing:-.01em}.mc-demo .lens .lh .tag{font-weight:400}.mc-demo .slot{border-top:1px solid var(--line);grid-template-columns:78px 1fr;align-items:start;gap:10px;min-height:42px;padding:9px 0;display:grid}.mc-demo .slot dt{color:var(--muted);padding-top:3px;font-size:12px;font-weight:600}.mc-demo .slot dd{flex-wrap:wrap;gap:6px;min-width:0;font-size:14px;display:flex}.mc-demo .slot dd .tag{color:var(--ink);font-weight:400}.mc-demo .slot dd .tag,.mc-demo .src .tag{white-space:normal;height:auto;min-height:24px;padding:3px 9px;line-height:1.35}.mc-demo .slot dd .ph{background:var(--field);border-radius:5px;width:70%;height:10px;margin-top:6px}.mc-demo .slot dd .tag.strike{color:var(--rust)}.mc-demo .slot dd .strike{text-decoration:line-through;-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust);text-decoration-thickness:2px}.mc-demo .watch{color:var(--muted);align-items:center;gap:10px;min-height:30px;font-size:13px;display:flex}.mc-demo .watch .src-tick{min-width:110px;color:var(--ink);font-weight:600;display:inline-block}.mc-demo .meter{align-items:center;gap:8px;margin-left:auto;font-size:12.5px;display:flex}.mc-demo .meter span.bar{background:var(--field);border-radius:3px;width:90px;height:6px;overflow:hidden}.mc-demo .meter span.bar i{height:100%;width:var(--m,0%);background:var(--rust);transition:width .5s var(--ease);display:block}.mc-demo .brief{gap:6px;display:grid}.mc-demo .bi{border:1px solid var(--line);background:var(--panel);border-radius:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 8px 7px 12px;transition:opacity .3s,background-color .3s,border-color .3s;display:grid}.mc-demo .bi .fav{-o-object-fit:contain;object-fit:contain;width:30px;height:30px}.mc-demo .bi .hl{font-size:14.5px;font-weight:600;line-height:1.3}.mc-demo .bi .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;font-size:12px;display:flex}.mc-demo .bi .meta .tag{height:22px;font-size:12px;font-weight:400}.mc-demo .bi .acts{gap:6px;display:flex}.mc-demo .act{border:1px solid var(--control);background:var(--panel);white-space:nowrap;min-height:44px;transition:background-color .18s, border-color .18s, transform .16s var(--ease);border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:14.5px;font-weight:500;display:inline-flex}.mc-demo .act:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.mc-demo .act:hover{border-color:var(--ink)}}.mc-demo .ib{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--muted);transition:background-color .18s, color .18s, border-color .18s, transform .16s var(--ease);border-radius:6px;place-items:center;display:grid}.mc-demo .ib:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.mc-demo .ib:hover{color:var(--ink);border-color:var(--control)}}.mc-demo .bi.accepted{border-color:var(--ok);background:var(--ok-wash)}.mc-demo .bi.rejected .hl{color:var(--muted)}.mc-demo .bi .state{white-space:nowrap;text-align:right;font-size:14.5px;font-weight:600}.mc-demo .bi.accepted .state{color:var(--ok)}.mc-demo .bi.rejected .state{color:var(--muted)}.mc-demo .pop{flex-wrap:wrap;grid-column:1/-1;gap:6px;padding-top:6px;display:flex}.mc-demo .toasts{pointer-events:none;z-index:5;justify-items:end;gap:6px;display:grid;position:absolute;bottom:16px;right:16px}.mc-demo .toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);animation:mcd-toast 2.6s var(--ease) forwards;border-radius:0;padding:8px 12px;font-size:12.5px}.mc-demo .toast b{font-weight:600}@keyframes mcd-toast{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.mc-demo .dbar{background:var(--field);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:41px;padding:4px 14px;font-size:14.5px;display:flex}.mc-demo .dbar .btn{min-height:40px}.mc-demo .dbar>span,.mc-demo .dbar>p{flex:220px}.mc-demo .dbar b{font-weight:600}.mc-demo .dbar.ok{background:var(--ok-wash)}.mc-demo .dbar.ok svg{color:var(--ok)}.mc-demo .dbar.ok>span{flex:200px}.mc-demo .dbar.col{gap:10px;padding:12px 14px;display:grid}.mc-demo .dbar .rowb{flex-wrap:wrap;gap:8px;display:flex}.mc-demo .ruled{background:var(--ok-wash);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.mc-demo .ruled svg{color:var(--ok)}.mc-demo .ruled b{font-weight:600}.mc-demo .posts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.mc-demo .pcard{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:12px;min-width:0;padding:16px;display:grid}.mc-demo .ptag{font:700 12px/1 var(--ui);color:#fff;border-radius:4px;justify-self:start;padding:5px 9px}.mc-demo .ptag.t-ig{background:linear-gradient(90deg,#e8590c,#c13584 55%,#7b2fbf)}.mc-demo .ptag.in{background:#0a66c2}.mc-demo .ig,.mc-demo .li{--n-ink:#262626;--n-mut:#737373;--n-line:#dbdbdb;--n-blue:#0a66c2;color:var(--n-ink);border:1px solid var(--n-line);background:#fff;border-radius:6px;min-width:0;overflow:hidden}.mc-demo .ig-top,.mc-demo .li-top{align-items:center;gap:8px;padding:8px 10px;display:flex}.mc-demo .ig-top b{font-size:12.5px;font-weight:600}.mc-demo .ig-top .more3,.mc-demo .li-top .more3{letter-spacing:1px;color:var(--n-ink);margin-left:auto;font-weight:700}.mc-demo .av{background:conic-gradient(#f9ce34,#ee2a7b,#6228d7,#f9ce34);border-radius:50%;flex:none;width:32px;height:32px;padding:2px}.mc-demo .av img{-o-object-fit:cover;object-fit:cover;border:2px solid #fff;border-radius:50%;width:100%;height:100%}.mc-demo .ig-media{aspect-ratio:4/5;background:var(--dhow-cream);position:relative;overflow:hidden}.mc-demo .ig-media>img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.mc-demo .ig-media .nav{z-index:3;color:#242424;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.mc-demo .ig-media .nav:before{content:"";width:26px;height:26px;transition:transform .16s var(--ease);background:#ffffffe6;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000014}.mc-demo .ig-media .nav:active:before{transform:scale(.9)}.mc-demo .ig-media .nav svg{width:14px;height:14px;position:relative}.mc-demo .ig-media .nav.prev{left:2px}.mc-demo .ig-media .nav.next{right:2px}.mc-demo .ig-media .nav[disabled]{display:none}.mc-demo .ig-acts .dots{flex:1;justify-content:center;gap:4px;margin-right:40px;display:flex}.mc-demo .dots{gap:5px;display:flex}.mc-demo .dots i{background:#c7c7c7;border-radius:50%;width:6px;height:6px}.mc-demo .dots i.on{background:#0095f6}.mc-demo .slide{color:#0b1636;background:#f8f5f0;flex-direction:column;justify-content:flex-start;padding:25% 11% 18%;display:flex;position:absolute;inset:0;container-type:inline-size}.mc-demo .slide.alt{background:#e7f1fd}.mc-demo .slide.build{animation:slideIn .5s var(--ease) both}.mc-demo .slide h4{font:700 7.2cqw/1.12 var(--ui);letter-spacing:-.045em;text-wrap:balance;max-width:92%;margin:0}.mc-demo .slide.first h4{font-size:7.8cqw}.mc-demo .slide p{letter-spacing:-.01em;max-width:88%;font-size:max(12px,4.2cqw);line-height:1.3}.mc-demo .slide .num{color:#025ef3;width:8.9cqw;height:8.9cqw;font:700 4.8cqw/1 var(--ui);background:#cfe2fc;border-radius:1.3cqw;place-items:center;margin-bottom:5cqw;display:grid}.mc-demo .slide .rule{background:#d9ad4f;flex:none;width:7.9cqw;height:.4cqw;margin:4.4cqw 0}.mc-demo .slide .cnt{font:400 max(12px, 3.7cqw)/1 var(--ui);letter-spacing:.02em;position:absolute;top:8%;right:7.5%}.mc-demo .slide .logo-d{width:27%;position:absolute;top:6.5%;left:7.4%}.mc-demo .slide .tip{align-items:center;gap:2.4cqw;font-size:max(11px,2.4cqw);line-height:1.3;display:flex;position:absolute;bottom:6%;left:11%;right:11%}.mc-demo .slide .tip b{font-weight:700;display:block}.mc-demo .slide .tip svg{flex:none;width:5.6cqw;height:5.6cqw}.mc-demo .slide .tip svg.go{width:6cqw;margin-left:auto}@keyframes mcd-slideIn{0%{opacity:0;transform:scale(.98)}}.mc-demo .ig-acts{align-items:center;gap:14px;padding:8px 12px 2px;display:flex}.mc-demo .ig-acts svg{fill:none;width:22px;height:22px;stroke:var(--n-ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.mc-demo .ig-txt{gap:3px;padding:4px 12px 8px;font-size:12.5px;line-height:1.45;display:grid}.mc-demo .ig-txt b{font-weight:600}.mc-demo .ig-txt .mut{color:var(--n-mut)}.mc-demo .ig-txt .sm{letter-spacing:.02em;margin-top:3px;font-size:12px}.mc-demo .ig-txt .lk{align-items:center;gap:6px;display:flex}.mc-demo .ig-txt .lk img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:18px;height:18px}.mc-demo .ig-add{border-top:1px solid var(--n-line);color:var(--n-mut);align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.mc-demo .ig-add svg{fill:none;width:20px;height:20px;stroke:var(--n-ink);stroke-width:1.7px;stroke-linecap:round}.mc-demo .ig-add .pub{color:#6aa9e8;margin-left:auto;font-weight:600}.mc-demo .li-top{align-items:flex-start;padding:10px 12px 6px}.mc-demo .li-top .lav{-o-object-fit:cover;object-fit:cover;flex:none;width:40px;height:40px}.mc-demo .li-top b{font-size:13px;font-weight:500;font-family:var(--font-roboto), var(--ui);line-height:1.25;display:block}.mc-demo .li-top small{color:var(--n-mut);align-items:center;gap:4px;font-size:12px;line-height:1.3;display:flex}.mc-demo .li-top small svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:12px;height:12px}.mc-demo .li-body{gap:8px;padding:4px 12px 0;font-size:13px;line-height:1.45;display:grid}.mc-demo .li-body.typein>*{animation:mcd-enter .5s var(--ease) both}.mc-demo .li-body ol{margin-top:6px;padding-left:18px;list-style:decimal}.mc-demo .li-body mark{background:var(--rust-wash);color:inherit;box-shadow:inset 0 -2px 0 var(--rust);border-radius:3px;padding:1px 3px}.mc-demo .li-tags,.mc-demo .li-tr{color:var(--n-blue);padding:0 12px;font-size:12.5px}.mc-demo .li-tags{font-family:var(--font-roboto), var(--ui);margin:2px 0 12px;font-weight:500}.mc-demo .li-tr{margin:8px 0 10px}.mc-demo .li-media{aspect-ratio:1209/1160;background:var(--dhow-cream);position:relative;overflow:hidden}.mc-demo .li-media>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mc-demo .li-acts{font:500 12.5px/1 var(--font-roboto), var(--ui);color:#707070;border-top:1px solid #e8e8e8;flex-wrap:wrap;gap:16px;margin:0 12px;padding:10px 0 12px;display:flex}.mc-demo .li-acts span{align-items:center;gap:5px;display:inline-flex}.mc-demo .li-acts svg{width:18px;height:18px}.mc-demo .later{background:var(--panel-2);border-radius:0;align-items:center;gap:14px;padding:12px 14px;display:flex}.mc-demo .cal{background:var(--panel);border:1px solid var(--line);text-align:center;perspective:300px;border-radius:0;flex:none;width:58px;height:62px;overflow:hidden}.mc-demo .cal .mo{letter-spacing:.06em;text-transform:uppercase;color:var(--on-rust);background:var(--rust);padding:3px 0;font-size:12px;font-weight:600}.mc-demo .cal .d{font:600 26px/34px var(--display);transform-origin:50% 0}.mc-demo .cal .d.flip{animation:mcd-flip .6s var(--ease) both}@keyframes mcd-flip{0%{opacity:0;transform:rotateX(-90deg)}}.mc-demo .later b{font-size:14.5px;font-weight:600}.mc-demo .rules{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mc-demo .setrow{grid-template-columns:130px 1fr;align-items:center;gap:10px;display:grid}.mc-demo .setrow>span{color:var(--muted);font-size:12px;font-weight:600}.mc-demo .seg{background:var(--field);border-radius:6px;justify-self:start;gap:2px;padding:3px;display:inline-flex}.mc-demo .seg button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:0 14px;font-size:14.5px;transition:background-color .2s,color .2s,box-shadow .2s}.mc-demo .seg button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-weight:600}.mc-demo .chans{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;display:grid}.mc-demo .ch{border:1px solid var(--line);background:var(--panel);min-height:64px;color:var(--muted);border-radius:0;justify-items:center;gap:5px;padding:8px 2px;font-size:12px;font-style:italic;transition:border-color .2s,background-color .2s,color .2s;display:grid}.mc-demo .ch .g{place-items:center;width:26px;height:26px;display:grid}.mc-demo .ch .g img{width:26px;height:26px}.mc-demo .ch[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.mc-demo[data-theme=dark] .ch .g img.inv{filter:invert()}@media (prefers-color-scheme:dark){.mc-demo:not([data-theme=light]) .ch .g img.inv{filter:invert()}}.mc-demo .qh{color:var(--muted);margin-top:4px;font-size:12px;font-weight:600}.mc-demo .queue{gap:6px;display:grid}.mc-demo .qi{background:var(--panel-2);border-radius:0;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:6px 10px;font-size:13px;display:grid}.mc-demo .qi .day{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.mc-demo .qi .t{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.mc-demo .qi .st{white-space:nowrap;font-size:12px;font-weight:600}.mc-demo .qi .st.wait{color:var(--rust)}.mc-demo .qi .st.ok{color:var(--ok)}.mc-demo .qi .st.go{color:var(--muted)}.mc-demo .qi .prog{background:var(--field);border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.mc-demo .qi .prog i{background:var(--ok);width:0;height:100%;animation:mcd-prog 1.6s var(--ease) forwards;display:block}@keyframes mcd-prog{to{width:100%}}.mc-demo .close{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:24px;max-width:1240px;margin:0 auto;padding-block:96px 64px;display:grid;position:relative}.mc-demo .close h2{font:800 clamp(44px, 7.6vw, 110px)/.9 var(--ui);letter-spacing:-.045em;text-transform:uppercase}.mc-demo .close h2 em{color:var(--rust);font-style:italic;font-weight:700}.mc-demo .close .after{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px 24px;margin-top:16px;display:flex}.mc-demo .close .after p{color:var(--muted);flex:320px;max-width:52ch;font-size:17px}.mc-demo .close .fig{aspect-ratio:3/4;position:relative}.mc-demo .close .fig img{position:absolute}.mc-demo .note-build{color:#242424;background:#ffe8a3;border-radius:4px;align-items:baseline;gap:8px;padding:6px 10px;font-size:12.5px;display:inline-flex}.mc-demo .note-build b{opacity:.7;font-size:12px}.mc-demo footer{border-top:1px solid var(--line);max-width:1240px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding-block:24px 48px;font-size:12.5px;display:flex}.mc-demo footer .rights{font-style:italic}@media (max-width:760px){.mc-demo .close{grid-template-columns:1fr;padding-block:64px 40px}.mc-demo .close .fig{display:none}}@media (max-width:1180px) and (min-width:901px){.mc-demo .card.wide .copy{grid-template-columns:minmax(0,1fr)}.mc-demo .card.wide .art{display:none}}@media (max-width:1180px){.mc-demo .story{grid-template-columns:minmax(0,1fr);gap:0}.mc-demo .rail,.mc-demo .stages{min-width:0}.mc-demo .rail{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);border:0;border-bottom:1px solid var(--line);margin-inline:-16px;padding:8px 16px;position:sticky;top:64px}.mc-demo .rail p,.mc-demo .rail-list:before,.mc-demo .rail .fill{display:none}.mc-demo .rail ol{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.mc-demo .rail ol::-webkit-scrollbar{display:none}.mc-demo .rail button{white-space:nowrap;border-radius:999px;flex:none;width:auto;padding:0 10px 0 4px;font-size:13px}.mc-demo .rail button.now{background:var(--panel)}.mc-demo .stages{padding-top:16px}.mc-demo .stage{top:132px}.mc-demo .stages .anchor{scroll-margin-top:132px}}@media (max-width:900px),(max-height:700px){.mc-demo .stage{position:static}.mc-demo .stages .stage+.anchor{margin-top:24px}.mc-demo .card{--cover:0!important}}@media (max-width:900px){.mc-demo .card,.mc-demo .card.flip,.mc-demo .card.wide{grid-template-columns:1fr;gap:20px;min-height:0;padding:24px 16px 16px}.mc-demo .card.flip .copy{order:0}.mc-demo .card.wide .copy{display:flex}.mc-demo .copy .art{display:none}.mc-demo .demo-b{max-height:560px}.mc-demo .demo{min-height:0}.mc-demo .files{grid-template-columns:1fr}.mc-demo .file{min-height:0;padding-bottom:32px}.mc-demo .reader,.mc-demo .posts{grid-template-columns:1fr}.mc-demo .bi .acts{flex-wrap:wrap}.mc-demo .setrow{grid-template-columns:1fr;gap:6px}.mc-demo .bi{grid-template-columns:30px minmax(0,1fr)}.mc-demo .bi .acts,.mc-demo .bi .state{grid-column:2}}@media (prefers-reduced-motion:reduce){.mc-demo *,.mc-demo :before,.mc-demo :after{transition:none!important;animation:none!important}.mc-demo .card{transform:none!important}.mc-demo .card:after{display:none}.mc-demo .u{background-size:100% 1px}}