.mc-demo{--mc-page:#f3f5f8;--mc-card:#fff;--mc-sunken:#eceff4;--mc-overlay:#0f172a6b;--mc-text:#0f172a;--mc-text-2:#4b5870;--mc-muted:#5f6b80;--mc-border:#d9dfe8;--mc-border-strong:#b7c1d0;--mc-focus:#4f46e5;--mc-action:#111827;--mc-action-text:#fff;--mc-soft:#e8ecf3;--mc-ok:#166534;--mc-ok-bg:#e7f5ec;--mc-scheduled-bg:#eef0f4;--mc-scheduled:#475569;--mc-transit-bg:#ecebfd;--mc-transit:#4338ca;--mc-delivered-bg:#e6f4ea;--mc-delivered:#166534;--mc-delayed-bg:#fdf1dc;--mc-delayed:#8a4b0f;--mc-shadow:0 1px 2px #0f172a0f, 0 4px 12px #0f172a0d;--mc-radius:16px;--mc-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mc-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--mc-bar:60px;color:var(--mc-text);background:var(--mc-page);font-family:var(--mc-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left}:root[data-theme=dark] .mc-demo,.dark .mc-demo,.mc-demo.is-dark{--mc-page:#0b1017;--mc-card:#151c26;--mc-sunken:#1c2531;--mc-overlay:#02060c9e;--mc-text:#e8edf4;--mc-text-2:#a3afc0;--mc-muted:#8995a7;--mc-border:#263140;--mc-border-strong:#3d4b5e;--mc-focus:#8b85f5;--mc-action:#e8edf4;--mc-action-text:#0b1017;--mc-soft:#1b2430;--mc-ok:#86d19f;--mc-ok-bg:#132a1c;--mc-scheduled-bg:#1d2632;--mc-scheduled:#a3afc0;--mc-transit-bg:#1e1d40;--mc-transit:#aeaaf9;--mc-delivered-bg:#13291b;--mc-delivered:#86d19f;--mc-delayed-bg:#2e2210;--mc-delayed:#e7b877;--mc-shadow:0 1px 2px #00000059, 0 4px 12px #00000040}.mc-demo *,.mc-demo :before,.mc-demo :after{box-sizing:border-box}.mc-demo button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.mc-demo [hidden]{display:none!important}.mc-demo .mc-topbar{z-index:5;height:var(--mc-bar);background:var(--mc-card);border-bottom:1px solid var(--mc-border);align-items:center;gap:12px;padding:0 16px;display:flex}.mc-demo .mc-logo{background:var(--mc-action);width:32px;height:32px;color:var(--mc-action-text);border-radius:9px;place-items:center;font-size:15px;font-weight:700;display:grid}.mc-demo .mc-brand{letter-spacing:-.01em;font-size:17px;font-weight:700}.mc-demo .mc-topnav{gap:4px;margin-left:20px;display:none}.mc-demo .mc-topnav span{color:var(--mc-text-2);border-radius:9px;padding:7px 12px;font-size:14px}.mc-demo .mc-topnav span.on{background:var(--mc-soft);color:var(--mc-text);font-weight:600}.mc-demo .mc-avatar{background:var(--mc-soft);width:32px;height:32px;color:var(--mc-text-2);border-radius:50%;place-items:center;margin-left:auto;font-size:13px;font-weight:600;display:grid}.mc-demo .mc-tabbar{z-index:3;text-align:center;background:var(--mc-card);border-top:1px solid var(--mc-border);height:64px;color:var(--mc-text-2);grid-template-columns:repeat(4,1fr);align-items:center;font-size:11px;display:grid}.mc-demo .mc-tabbar .on{color:var(--mc-text);font-weight:600}.mc-demo .mc-tabbar svg{width:22px;height:22px;margin:0 auto 2px;display:block}.mc-demo .mc-screen{padding:20px 16px 24px}.mc-demo .mc-screen h1{letter-spacing:-.01em;margin:0;font-size:22px;line-height:28px}.mc-demo .mc-sub{color:var(--mc-text-2);margin:4px 0 16px;font-size:14px}.mc-demo .mc-search{background:var(--mc-sunken);height:44px;color:var(--mc-muted);border-radius:12px;align-items:center;margin-bottom:14px;padding:0 14px;font-size:15px;display:flex}.mc-demo .mc-filters{color:var(--mc-text-2);border-bottom:1px solid var(--mc-border);white-space:nowrap;gap:18px;margin-bottom:14px;font-size:14px;display:flex;overflow:hidden}.mc-demo .mc-filters span{padding:8px 0 10px}.mc-demo .mc-filters span.on{color:var(--mc-text);box-shadow:inset 0 -2px 0 var(--mc-action);font-weight:600}.mc-demo .mc-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mc-demo .mc-card{border:1px solid var(--mc-border);border-radius:var(--mc-radius);background:var(--mc-card);box-shadow:var(--mc-shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:16px;transition:transform .14s cubic-bezier(.23,1,.32,1),box-shadow .2s;display:grid;position:relative}.mc-demo .mc-card:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.mc-demo .mc-card:hover{box-shadow:0 2px 4px #0f172a14,0 8px 20px #0f172a14}}.mc-demo .mc-card-hit{border-radius:inherit;position:absolute;inset:0}.mc-demo .mc-card-hit:focus-visible{outline:2px solid var(--mc-focus);outline-offset:2px}.mc-demo .mc-card-main{pointer-events:none;min-width:0}.mc-demo .mc-card-side{pointer-events:none;align-items:center;gap:10px;display:flex}.mc-demo .mc-route{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:.1333em .4em;width:max-content;max-width:100%;font-size:15px;font-weight:700;line-height:1.3333;display:flex}.mc-demo .mc-leg{white-space:nowrap;align-items:center;gap:.4em;display:inline-flex}.mc-demo .mc-route i{border:1px solid var(--mc-border);color:var(--mc-text-2);letter-spacing:0;border-radius:.4em;padding:0 .4em;font-size:.6667em;font-style:normal;font-weight:600;line-height:1.4}.mc-demo .mc-route svg{flex:none;width:1.0667em;height:1.0667em}.mc-demo .mc-party{color:var(--mc-text-2);text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:100%;margin-top:2px;font-size:13px;line-height:18px;overflow:hidden}.mc-demo .mc-ref{font-family:var(--mc-mono);color:var(--mc-text-2);letter-spacing:.02em;width:max-content;font-size:12px;line-height:18px}.mc-demo .mc-meta{color:var(--mc-text-2);margin-top:2px;font-size:13px;line-height:18px}.mc-demo .mc-badge{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;height:24px;padding:0 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.mc-demo .mc-badge.scheduled{background:var(--mc-scheduled-bg);color:var(--mc-scheduled)}.mc-demo .mc-badge.transit{background:var(--mc-transit-bg);color:var(--mc-transit)}.mc-demo .mc-badge.delivered{background:var(--mc-delivered-bg);color:var(--mc-delivered)}.mc-demo .mc-badge.delayed{background:var(--mc-delayed-bg);color:var(--mc-delayed)}.mc-demo .mc-ico{width:20px;height:20px;color:var(--mc-text-2)}.mc-demo .mc-scrim{z-index:6;background:var(--mc-overlay)}.mc-demo .mc-sheet{z-index:7;background:var(--mc-card);color:var(--mc-text)}.mc-demo .mc-sheet-scroll{overscroll-behavior:contain;padding:12px 20px 24px;position:absolute;inset:0 0 76px;overflow:auto}.mc-demo .mc-back{height:36px;color:var(--mc-text-2);border-radius:8px;align-items:center;gap:6px;margin-left:-4px;padding:0 6px 0 4px;font-size:15px;display:inline-flex}.mc-demo .mc-back:focus-visible{outline:2px solid var(--mc-focus)}.mc-demo .mc-head{margin:8px 0 20px}.mc-demo .mc-head .mc-route{font-size:24px}.mc-demo .mc-head .mc-party{white-space:normal;margin-top:4px}.mc-demo .mc-row{align-items:center;gap:12px;margin-top:10px;display:flex}.mc-demo .mc-block{border:1px solid var(--mc-border);border-radius:var(--mc-radius);background:var(--mc-card);margin-bottom:12px;padding:14px 16px}.mc-demo .mc-block h3{text-transform:uppercase;letter-spacing:.06em;color:var(--mc-muted);margin:0 0 10px;font-size:12px;font-weight:700;line-height:16px}.mc-demo .mc-stages{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mc-demo .mc-stages div{background:var(--mc-sunken);border-radius:3px;height:6px}.mc-demo .mc-stages div.done{background:var(--mc-action)}.mc-demo .mc-stage-labels{color:var(--mc-muted);grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;font-size:11px;display:grid}.mc-demo .mc-stage-labels .on{color:var(--mc-text);font-weight:600}.mc-demo .mc-stop{border-top:1px solid var(--mc-border);grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:grid}.mc-demo .mc-stop:first-of-type{border-top:0;padding-top:0}.mc-demo .mc-stop time{font-family:var(--mc-mono);color:var(--mc-text-2);font-size:13px}.mc-demo .mc-stop small{color:var(--mc-muted);margin-top:2px;font-size:12px;display:block}.mc-demo .mc-pill{border:1px solid var(--mc-border-strong);white-space:nowrap;border-radius:10px;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.mc-demo .mc-pill.ok{background:var(--mc-ok-bg);color:var(--mc-ok);border-color:#0000}.mc-demo .mc-kv{grid-template-columns:96px 1fr;gap:6px 12px;margin:0;font-size:14px;display:grid}.mc-demo .mc-kv dt{color:var(--mc-muted)}.mc-demo .mc-kv dd{margin:0}.mc-demo .mc-actions{border-top:1px solid var(--mc-border);background:var(--mc-card);align-items:center;gap:10px;height:76px;padding:0 16px 8px;display:flex;position:absolute;inset:auto 0 0}.mc-demo .mc-actions .mc-pill{height:44px;padding:0 16px;font-size:14px}.mc-demo .mc-actions .primary{background:var(--mc-action);color:var(--mc-action-text);border-color:var(--mc-action);margin-left:auto}.mc-demo.is-page{min-height:100vh;padding-bottom:64px}.mc-demo.is-page .mc-topbar{position:sticky;top:0}.mc-demo.is-page .mc-tabbar{position:fixed;inset:auto 0 0}.mc-demo.is-page .mc-scrim,.mc-demo.is-page .mc-sheet{inset:var(--mc-bar) 0 0;position:fixed}.mc-demo.is-frame{isolation:isolate;position:relative;overflow:hidden}.mc-demo.is-frame .mc-topbar{position:absolute;inset:0 0 auto}.mc-demo.is-frame .mc-screen{inset:var(--mc-bar) 0 64px;overscroll-behavior:contain;position:absolute;overflow:auto}.mc-demo.is-frame .mc-tabbar{position:absolute;inset:auto 0 0}.mc-demo.is-frame .mc-scrim,.mc-demo.is-frame .mc-sheet{inset:var(--mc-bar) 0 0;position:absolute}.mc-demo.is-wide .mc-topnav{display:flex}.mc-demo.is-wide .mc-tabbar{display:none}.mc-demo.is-wide.is-page{padding-bottom:0}.mc-demo.is-wide.is-frame .mc-screen{bottom:0}.mc-demo.is-wide .mc-screen{padding:32px max(24px,50% - 380px)}.mc-demo.is-wide .mc-card{padding:18px 22px}.mc-demo.is-wide .mc-sheet-scroll{padding:20px max(24px,50% - 380px) 24px}.mc-demo.is-wide .mc-actions{padding:0 max(24px,50% - 380px) 8px}.mc-demo.is-wide .mc-head .mc-route{font-size:30px}