.film{width:100%;container-type:inline-size}.film-stage{--u:calc(min(100cqw, 620px) * .0016129);--fs-msg:calc(22 * var(--u));--fs-line:max(14px, calc(19 * var(--u)));--fs-meta:max(14px, calc(16 * var(--u)));--fs-label:max(14px, calc(15 * var(--u)));--fs-num:calc(30 * var(--u));width:calc(620 * var(--u));height:calc(720 * var(--u));font-family:var(--font-mk-sans);color:var(--mk-fg);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(96 * var(--u)), #000 calc(100% - 26 * var(--u)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 calc(96 * var(--u)), #000 calc(100% - 26 * var(--u)), transparent 100%);margin-inline:auto;position:relative;overflow:hidden}.film-camy,.film-cams{transform-origin:50% 70%}.film-camy{transform-origin:50% 0}.film-thread{gap:calc(16 * var(--u));padding:calc(24 * var(--u)) calc(46 * var(--u));flex-direction:column;display:flex}.film-clock{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.film-row{display:flex}.film-row[data-from=user]{justify-content:flex-end}.film-said{align-items:flex-start;gap:calc(12 * var(--u));max-width:100%;display:flex}.film-bubble{max-width:calc(420 * var(--u));padding:calc(14 * var(--u)) calc(20 * var(--u));border-radius:calc(20 * var(--u));font-size:var(--fs-msg);letter-spacing:-.005em;line-height:1.45;position:relative}.film-bubble[data-from=movik]{border:1px solid var(--mk-border);background:0 0}.film-bubble[data-from=user]{background:var(--color-mk-neutral-900);color:var(--color-mk-neutral-0)}.film-word{white-space:pre;display:inline-block}.film-card{border:1px solid var(--mk-border);border-radius:calc(22 * var(--u));background:var(--mk-surface);padding:calc(20 * var(--u)) calc(22 * var(--u));width:calc(520 * var(--u));position:relative}.film-lane{align-items:baseline;gap:calc(10 * var(--u));font-size:var(--fs-meta);color:var(--mk-fg-muted);display:flex}.film-figures{align-items:baseline;gap:calc(16 * var(--u));margin-top:calc(8 * var(--u));display:flex}.film-rate{font-size:var(--fs-num);font-variant-numeric:tabular-nums;font-weight:500}.film-sub{font-size:var(--fs-meta);color:var(--mk-fg-muted);font-variant-numeric:tabular-nums}.film-badge{align-items:center;gap:calc(8 * var(--u));margin-top:calc(14 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));border-radius:var(--radius-mk-full);background:var(--color-mk-success-50);color:var(--color-mk-success-600);font-size:var(--fs-label);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:inline-flex}.film-glow{inset:calc(-34 * var(--u));z-index:-1;border-radius:calc(40 * var(--u));background:radial-gradient(ellipse at center, color-mix(in srgb, var(--mk-accent) 34%, transparent), color-mix(in srgb, var(--mk-accent) 12%, transparent) 55%, transparent 78%);opacity:0;pointer-events:none;position:absolute}.film-card:has(.film-glow){box-shadow:var(--shadow-mk-lg)}.film-callhead{align-items:center;gap:calc(10 * var(--u));font-size:var(--fs-meta);display:flex}.film-mark{width:calc(32 * var(--u));height:calc(32 * var(--u));margin-top:calc(1 * var(--u));flex:none;display:block}.film-status{margin-left:auto;display:inline-grid;position:relative}.film-status>span{white-space:nowrap;text-align:right;grid-area:1/1}.film-status [data-status=live]{color:var(--color-mk-success-600)}.film-wave{align-items:center;gap:calc(4 * var(--u));height:calc(26 * var(--u));margin:calc(16 * var(--u)) 0;display:flex}.film-bar{width:calc(4 * var(--u));border-radius:var(--radius-mk-full);background:var(--color-mk-neutral-700);height:100%;transform:scaleY(.22)}.film-transcript{gap:calc(10 * var(--u));flex-direction:column;display:flex}.film-tline{font-size:var(--fs-line);line-height:1.5}.film-tline[data-from=broker],.film-who{color:var(--mk-fg-muted)}.film-tail{width:calc(520 * var(--u));padding:0 calc(22 * var(--u))}.film-result{align-items:center;gap:calc(12 * var(--u));margin-top:calc(14 * var(--u));font-size:var(--fs-meta);font-variant-numeric:tabular-nums;display:flex}.film-was{color:var(--mk-fg-muted);text-decoration:line-through}.film-now{font-size:var(--fs-num);color:var(--color-mk-success-600);font-variant-numeric:tabular-nums;font-weight:500}.film-note{margin-top:calc(10 * var(--u));font-size:var(--fs-meta);color:var(--mk-fg-muted)}.film-map{height:calc(202 * var(--u));border-radius:calc(16 * var(--u));background:var(--mk-bg-subtle);position:relative;overflow:hidden}.film-map svg{width:100%;height:100%;display:block}.film-grid{fill:var(--mk-border-strong)}.film-route{fill:none;stroke:var(--mk-accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.film-pin circle{fill:var(--mk-surface);stroke:var(--color-mk-neutral-700);stroke-width:2px}.film-stops{margin-top:calc(12 * var(--u));font-size:var(--fs-label);color:var(--mk-fg-muted);justify-content:space-between;display:flex}.film-stats{gap:calc(22 * var(--u));margin-top:calc(12 * var(--u));font-size:var(--fs-meta);font-variant-numeric:tabular-nums;display:flex}.film-odo{align-items:baseline;gap:calc(5 * var(--u));display:inline-flex}.film-odowin{height:calc(22 * var(--u));display:inline-block;overflow:hidden}.film-odostrip{flex-direction:column;display:flex}.film-odostrip span{height:calc(22 * var(--u));line-height:calc(22 * var(--u));font-variant-numeric:tabular-nums}.film-driver{align-items:center;gap:calc(14 * var(--u));display:flex}.film-avatar{width:calc(42 * var(--u));height:calc(42 * var(--u));border-radius:var(--radius-mk-full);background:var(--color-mk-neutral-100);font-size:var(--fs-label);color:var(--mk-fg-muted);flex:none;place-items:center;display:grid}.film-hos{height:calc(6 * var(--u));width:calc(240 * var(--u));border-radius:var(--radius-mk-full);background:var(--color-mk-neutral-100);margin-top:calc(8 * var(--u));overflow:hidden}.film-hosfill{border-radius:var(--radius-mk-full);background:var(--color-mk-neutral-700);transform-origin:0;height:100%;transform:scaleX(0)}.film-sent{align-items:center;gap:calc(10 * var(--u));margin-top:calc(12 * var(--u));font-size:var(--fs-meta);color:var(--color-mk-success-600);display:flex}.film-check{fill:none;stroke:var(--color-mk-success-500);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.film-foot{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));margin-top:calc(14 * var(--u));padding-inline:calc(6 * var(--u));display:flex}.film-steps{min-height:calc(28 * var(--u));flex:1;display:inline-grid;position:relative}.film-step{font-size:calc(19 * var(--u));color:var(--mk-fg);opacity:0;grid-area:1/1;align-self:center}.film-control{border-radius:var(--radius-mk-full);min-width:44px;min-height:44px;color:var(--mk-fg-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.film-control:hover{color:var(--mk-fg)}.film-control:focus-visible{outline:2px solid var(--mk-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.film-stage *{animation:none!important}}@container (max-width:540px){.film-stage{--u:calc(min(100cqw, 400px) * .0025);--fs-msg:max(15px, calc(17 * var(--u)));--fs-line:max(14px, calc(15 * var(--u)));--fs-meta:max(14px, calc(15 * var(--u)));--fs-label:max(14px, calc(14 * var(--u)));--fs-num:calc(23 * var(--u));width:calc(400 * var(--u));height:calc(500 * var(--u))}.film-thread{gap:calc(12 * var(--u));padding:calc(18 * var(--u)) calc(26 * var(--u))}.film-bubble{max-width:calc(268 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u))}.film-card,.film-tail{width:calc(348 * var(--u))}.film-glow{inset:calc(-18 * var(--u))}.film-card{padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u))}.film-tail{padding:0 calc(16 * var(--u))}.film-figures{gap:calc(10 * var(--u));flex-wrap:wrap}.film-wave{height:calc(20 * var(--u));margin:calc(12 * var(--u)) 0}.film-map{height:calc(140 * var(--u))}.film-stops{gap:calc(4 * var(--u));flex-direction:column}.film-hos{width:calc(170 * var(--u))}.film-tagline{font-size:calc(16 * var(--u))}}