.mdemo-stage:has(.mdemo-docs){--docs-pad:clamp(12px, 3vw, 24px);--docs-top:28px;--docs-bottom:28px;--film-fit:1.3543;--film-h:min(calc((100vw - 2 * var(--docs-pad)) * var(--film-fit)), calc(100svh - 52px - var(--docs-top) - var(--docs-bottom)));height:calc(var(--film-h) + var(--docs-top) + var(--docs-bottom))}@media (min-width:831px){.mdemo-stage:has(.mdemo-docs){--docs-pad:clamp(16px, 4vw, 48px)}}@media (min-width:960px){.mdemo-stage:has(.mdemo-docs){--film-fit:.5171}}.mdemo-camera:has(>.mdemo-docs){transform:none}.mdemo-docs{top:var(--docs-top);bottom:var(--docs-bottom);left:var(--docs-pad);right:var(--docs-pad);pointer-events:none;place-items:center;display:grid;position:absolute;container-type:size}@media (min-width:1280px){.mdemo-stage:has(.mdemo-docs){--docs-top:8px;--docs-bottom:16px;--film-h:clamp(496px, calc(100svh - 348px), calc((100vw - 2 * var(--docs-pad)) * var(--film-fit)))}.mdemo-film:before{content:"";width:200vw;left:calc(50% - 100vw);bottom:calc(100% - 124 * var(--u));background:var(--ui-sidebar-bg);height:100vh;position:absolute}.mdemo-step.is-read,.mdemo-step.is-save,.mdemo-step.is-write{--app-text:var(--ui-sidebar-text);--ui-muted-text:var(--ui-sidebar-muted)}}.mdemo-film{--u:min(calc(100cqw / 1168), calc(100cqh / 604));--t:calc((var(--p) - var(--p0)) / var(--pps));--arr:clamp(0, calc(var(--p) / var(--p0)), 1);width:calc(1168 * var(--u));height:calc(604 * var(--u));transform:scale(calc(.94 + var(--arr) * .06));font-size:calc(13 * var(--u));color:var(--app-text);flex:none;line-height:1.25;position:relative}@container (max-width:880px) and (max-aspect-ratio:1168/604){.mdemo-film{--u:min(calc(100cqw / 446), calc(100cqh / 604));--k1:clamp(0, calc((var(--t) - var(--pan-case)) / .7), 1);--k2:clamp(0, calc((var(--t) - var(--pan-sheet)) / .7), 1);--k3:clamp(0, calc((var(--t) - var(--pan-back)) / .7), 1);--cx:calc(165 + 367 * var(--k1) * var(--k1) * (3 - 2 * var(--k1)) + 419 * var(--k2) * var(--k2) * (3 - 2 * var(--k2)) - 419 * var(--k3) * var(--k3) * (3 - 2 * var(--k3)));transform-origin:0;transform:translateX(clamp(min(calc(100cqw - 1168 * var(--u)), calc(50cqw - 951 * var(--u))), calc(50cqw - var(--cx) * var(--u)), max(0px, calc(50cqw - 165 * var(--u))))) scale(calc(.94 + var(--arr) * .06));justify-self:start}}.mdemo-on{--on:clamp(0, calc((var(--t) - var(--at)) / .3), 1)}.mdemo-win{--on:clamp(0, min(calc((var(--t) - var(--at)) / .2), calc((var(--until) - var(--t)) / .2)), 1)}.mdemo-pop{opacity:var(--on);transform:scale(calc(.84 + var(--on) * .16))}.mdemo-fade{opacity:var(--on)}.mdemo-stack{display:inline-grid}.mdemo-stack>*{white-space:nowrap;grid-area:1/1}.mdemo-film .mdemo-cue{width:calc(13 * var(--u));height:calc(13 * var(--u))}.mdemo-step{--again:99;--act:clamp(0, max(min(calc((var(--t) - var(--at)) / .2), calc((var(--until) - var(--t)) / .2)), calc((var(--t) - var(--again)) / .2)), 1);align-items:center;gap:calc(8 * var(--u));font-size:calc(12.5 * var(--u));white-space:nowrap;color:color-mix(in srgb, var(--app-text) calc(var(--act) * 100%), var(--ui-muted-text));font-weight:600;display:flex;position:absolute}.mdemo-step.is-read{top:0;left:0}.mdemo-step.is-ask{left:0;top:calc(394 * var(--u))}.mdemo-step.is-save{left:calc(384 * var(--u));top:calc(74 * var(--u))}.mdemo-step.is-write{left:calc(734 * var(--u));top:0}.mdemo-step-n{width:calc(18 * var(--u));height:calc(18 * var(--u));font-variant-numeric:tabular-nums;font-size:calc(10.5 * var(--u));background:color-mix(in srgb, var(--ui-primary-bg) calc(var(--act) * 100%), color-mix(in srgb, var(--app-text) 10%, transparent));color:color-mix(in srgb, var(--ui-primary-text) calc(var(--act) * 100%), var(--ui-muted-text));border-radius:50%;justify-content:center;align-items:center;display:flex}.mdemo-paper-back,.mdemo-paper{width:calc(330 * var(--u));height:calc(356 * var(--u));position:absolute}.mdemo-paper-back{left:calc(6 * var(--u));top:calc(34 * var(--u));box-shadow:var(--elevation-1);transform:rotate(2.2deg)}.mdemo-paper{left:0;top:calc(28 * var(--u));font-family:var(--font-mono,ui-monospace, monospace);color:var(--app-text);overflow:hidden}.mdemo-paper>*{left:calc(22 * var(--u));right:calc(22 * var(--u));position:absolute}.mdemo-paper-head{top:calc(20 * var(--u));font-size:calc(10.5 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted-text);justify-content:space-between;font-weight:600;display:flex}.mdemo-paper-company{top:calc(44 * var(--u));font-family:var(--font-sans,system-ui, sans-serif);font-size:calc(18 * var(--u));font-weight:700}.mdemo-paper-placed{top:calc(70 * var(--u));font-size:calc(11 * var(--u));color:var(--ui-muted-text)}.mdemo-paper-fact{top:calc((98 + var(--i) * 32) * var(--u));height:calc(30 * var(--u));font-size:calc(12.5 * var(--u));align-items:center;display:flex}.mdemo-paper-fact-label{width:calc(62 * var(--u));font-size:calc(11 * var(--u));color:var(--ui-muted-text);flex:none}.mdemo-zone{align-items:center;gap:calc(6 * var(--u));height:calc(24 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(5 * var(--u));background:color-mix(in srgb, var(--cue-extracted) calc(var(--on) * 11%), transparent);box-shadow:0 0 0 calc(1 * var(--u)) color-mix(in srgb, var(--cue-extracted) calc(var(--on) * 55%), transparent);font-weight:500;display:flex}.mdemo-zone .mdemo-cue{opacity:var(--on)}.mdemo-paper-cols{top:calc(170 * var(--u));padding:calc(6 * var(--u)) calc(6 * var(--u)) 0;border-top:1px solid var(--ui-border-strong);font-size:calc(10 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted-text);display:flex}.mdemo-paper-cols>:first-child,.mdemo-paper-item>:first-child{flex:1}.mdemo-paper-cols>:nth-child(2),.mdemo-paper-item>:nth-child(2){width:calc(44 * var(--u));text-align:right}.mdemo-paper-cols>:nth-child(3),.mdemo-paper-item>:nth-child(3){width:calc(70 * var(--u));text-align:right}.mdemo-paper-items{top:calc(194 * var(--u));gap:calc(2 * var(--u));flex-direction:column;display:flex}.mdemo-paper-item{height:calc(28 * var(--u));font-size:calc(12 * var(--u));gap:0;font-weight:400}.mdemo-paper-item>:first-child{font-weight:500}.mdemo-ghost{gap:calc(8 * var(--u));flex-direction:column;display:flex}.mdemo-ghost i{height:calc(6 * var(--u));width:calc(var(--w) * 1%);border-radius:calc(3 * var(--u));background:color-mix(in srgb, var(--app-text) 10%, transparent);display:block}.mdemo-paper-ghost{top:calc(290 * var(--u));padding-top:calc(14 * var(--u));border-top:1px solid var(--ui-border-strong)}.mdemo-paper>.mdemo-beam{--bk:clamp(0, calc((var(--t) - var(--at)) / var(--dur)), 1);left:0;right:0;top:calc(-34 * var(--u));height:calc(34 * var(--u));border-bottom:calc(2 * var(--u)) solid var(--cue-extracted);background:color-mix(in srgb, var(--cue-extracted) 8%, transparent);transform:translateY(calc((88 + var(--bk) * 202) * var(--u)));opacity:clamp(0, min(calc(var(--bk) * 12), calc((1 - var(--bk)) * 10)), 1)}.mdemo-ask{left:0;top:calc(418 * var(--u));width:calc(330 * var(--u));height:calc(186 * var(--u));background:var(--ui-surface);border:1px solid var(--ui-secondary-border);border-radius:calc(12 * var(--u));box-shadow:var(--elevation-3);position:absolute}.mdemo-ask>*{left:calc(18 * var(--u));right:calc(18 * var(--u));position:absolute}.mdemo-ask-head{top:calc(14 * var(--u));align-items:center;gap:calc(7 * var(--u));font-size:calc(12.5 * var(--u));font-weight:600;display:flex}.mdemo-ask-label{top:calc((46 + var(--i) * 62) * var(--u));font-size:calc(11.5 * var(--u));color:var(--ui-muted-text);font-weight:500}.mdemo-ask-input{top:calc((64 + var(--i) * 62) * var(--u));height:calc(34 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(8 * var(--u));background:var(--ui-surface);border:1px solid color-mix(in srgb, var(--ui-ring) calc(var(--on) * 100%), var(--ui-secondary-border));box-shadow:0 0 0 calc(var(--on) * 3 * var(--u)) color-mix(in srgb, var(--ui-ring) 18%, transparent);font-size:calc(13.5 * var(--u));align-items:center;font-weight:500;display:flex}.mdemo-type{white-space:pre}.mdemo-char{font-size:calc(clamp(0, calc((var(--t) - var(--at) - var(--c) * var(--per)) * 1000), 1) * 1em)}.mdemo-caret{width:calc(1.5 * var(--u));height:calc(16 * var(--u));margin-left:calc(1 * var(--u));background:var(--ui-ring);opacity:var(--on);flex:none}.mdemo-tally{font-variant-numeric:tabular-nums;font-size:calc(10.5 * var(--u));color:var(--ui-accent-soft-text);margin-left:auto;font-weight:600}.mdemo-tally>*{padding:calc(2 * var(--u)) calc(7 * var(--u));border-radius:calc(9 * var(--u));background:var(--ui-accent-soft-bg)}.mdemo-case{--flash:clamp(0, max(min(calc((var(--t) - var(--at)) / .15), calc((var(--at) + .6 - var(--t)) / .45)), min(calc((var(--t) - var(--at2)) / .15), calc((var(--at2) + .6 - var(--t)) / .45))), 1);box-sizing:border-box;width:calc(296 * var(--u));padding:calc(13 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border-radius:0 calc(14 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));background:var(--ui-accent-soft-bg);box-shadow:0 0 0 calc(var(--flash) * 4 * var(--u)) color-mix(in srgb, var(--ui-primary-bg) 34%, transparent), var(--elevation-3);font-size:calc(13 * var(--u));color:var(--app-text);flex-direction:column;line-height:1.25;display:flex;position:relative}.mdemo-film>.mdemo-case{left:calc(384 * var(--u));top:calc(124 * var(--u));position:absolute}.mdemo-case:before{content:"";width:calc(104 * var(--u));height:calc(18 * var(--u));border-radius:calc(9 * var(--u)) calc(9 * var(--u)) 0 0;background:var(--ui-accent-soft-bg);position:absolute;bottom:calc(100% - 1px);left:0}.mdemo-case-head{height:calc(22 * var(--u));margin-bottom:calc(11 * var(--u));align-items:center;gap:calc(7 * var(--u));color:var(--ui-accent-soft-text);flex:none;font-weight:600;display:flex}.mdemo-case-glyph{width:calc(15 * var(--u));height:calc(15 * var(--u));flex:none}.mdemo-case-saved{align-items:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u)) calc(2 * var(--u)) calc(6 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(11 * var(--u));background:var(--ui-surface);color:var(--ui-success-soft-text);margin-left:auto;display:flex}.mdemo-case-saved svg{width:calc(11 * var(--u));height:calc(11 * var(--u));color:var(--ui-success-bg)}.mdemo-slots{gap:calc(6 * var(--u));flex-direction:column;display:flex}.mdemo-slot{height:calc(46 * var(--u))}.mdemo-slot-label{height:calc(14 * var(--u));font-family:var(--font-label);font-size:calc(10.5 * var(--u));line-height:calc(14 * var(--u));color:var(--ui-label);display:block}.mdemo-slot-box{align-items:center;gap:calc(7 * var(--u));height:calc(30 * var(--u));margin-top:calc(2 * var(--u));padding:0 calc(9 * var(--u));border-radius:calc(7 * var(--u));background:var(--ui-surface);white-space:nowrap;font-weight:600;display:flex;position:relative}.mdemo-case .mdemo-cue{width:calc(13 * var(--u));height:calc(13 * var(--u))}.mdemo-slot-box .mdemo-cue{opacity:var(--on)}.mdemo-case-files-label{margin-top:calc(12 * var(--u))}.mdemo-case-files{box-sizing:border-box;height:calc(36 * var(--u));margin-top:calc(2 * var(--u));padding:0 calc(9 * var(--u));border-radius:calc(7 * var(--u));border:1px dashed color-mix(in srgb, var(--ui-accent-soft-text) 40%, transparent);flex:none;align-items:center;display:flex;position:relative}.mdemo-case-files-empty{left:calc(10 * var(--u));font-size:calc(12 * var(--u));color:var(--ui-label);opacity:calc(1 - var(--on));position:absolute}.mdemo-file{align-items:center;gap:calc(7 * var(--u));width:100%;opacity:var(--on);transform:translateY(calc((1 - var(--on)) * 5 * var(--u)));display:flex}.mdemo-file-name{font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(11 * var(--u));flex:1;font-weight:500}.mdemo-file .mdemo-savechip{padding:calc(2 * var(--u)) calc(8 * var(--u));font-size:calc(10.5 * var(--u))}.mdemo-key{left:calc(384 * var(--u));top:calc(534 * var(--u));width:calc(296 * var(--u));gap:calc(12 * var(--u)) calc(10 * var(--u));font-size:calc(12 * var(--u));color:var(--ui-label);grid-template-columns:repeat(2,minmax(0,1fr));font-weight:500;display:grid;position:absolute}.mdemo-key-row{align-items:center;gap:calc(6 * var(--u));white-space:nowrap;display:flex}.mdemo-sheet{left:calc(734 * var(--u));top:calc(28 * var(--u));width:calc(434 * var(--u));height:calc(576 * var(--u));color:var(--app-text);position:absolute}.mdemo-sheet>*{left:calc(24 * var(--u));right:calc(24 * var(--u));position:absolute}.mdemo-sheet-head{top:calc(20 * var(--u));height:calc(22 * var(--u));justify-content:space-between;align-items:center;display:flex}.mdemo-sheet-tag{font-family:var(--font-label);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:var(--label-transform);font-size:calc(10.5 * var(--u));color:var(--ui-muted-text)}.mdemo-genbadge{align-items:center;gap:calc(5 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u)) calc(3 * var(--u)) calc(7 * var(--u));border-radius:calc(11 * var(--u));font-size:calc(11.5 * var(--u));color:var(--ui-primary-bg);background:color-mix(in srgb, var(--ui-primary-bg) 12%, transparent);font-weight:600;display:flex}.mdemo-sheet-parties{top:calc(46 * var(--u));font-size:calc(17 * var(--u));font-weight:700}.mdemo-sheet-fields{top:calc(84 * var(--u));gap:calc(8 * var(--u)) calc(16 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mdemo-field{height:calc(46 * var(--u))}.mdemo-field-label{height:calc(14 * var(--u));font-size:calc(11 * var(--u));color:var(--ui-muted-text);font-weight:500;display:block}.mdemo-field-line{align-items:center;gap:calc(6 * var(--u));height:calc(30 * var(--u));margin-top:calc(2 * var(--u));padding:0 calc(8 * var(--u));border-bottom:1px solid var(--ui-border-strong);border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;background:color-mix(in srgb, var(--app-text) 3.5%, transparent);white-space:nowrap;font-weight:600;display:flex}.mdemo-field-line>.mdemo-cue,.mdemo-sheet-row .mdemo-cue,.mdemo-deposit .mdemo-cue{opacity:var(--on)}.mdemo-fxchip{align-items:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(7 * var(--u)) calc(2 * var(--u)) calc(5 * var(--u));border-radius:calc(9 * var(--u));font-size:calc(10.5 * var(--u));white-space:nowrap;color:color-mix(in srgb, var(--cue-computed) 72%, var(--app-text));background:color-mix(in srgb, var(--cue-computed) 13%, transparent);font-weight:600;display:flex}.mdemo-fxchip .mdemo-cue{width:calc(11 * var(--u));height:calc(11 * var(--u));opacity:1}.mdemo-field-line>.mdemo-fxchip{margin-left:auto}.mdemo-sheet-cols{top:calc(200 * var(--u));font-family:var(--font-label);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:var(--label-transform);font-size:calc(10 * var(--u));color:var(--ui-muted-text);display:flex}.mdemo-sheet-cols>:first-child{flex:1}.mdemo-sheet-cols>:nth-child(2),.mdemo-sheet-row-qty{width:calc(50 * var(--u));text-align:right;flex:none}.mdemo-sheet-cols>:nth-child(3),.mdemo-sheet-row-amount{width:calc(104 * var(--u));text-align:right;flex:none}.mdemo-sheet-rows{top:calc(218 * var(--u))}.mdemo-sheet-row{height:calc(28 * var(--u));border-top:1px solid var(--app-border);font-size:calc(12.5 * var(--u));align-items:center;display:flex}.mdemo-sheet-row-main{align-items:center;gap:calc(6 * var(--u));flex:1;font-weight:500;display:flex}.mdemo-sheet-row-name{flex:1}.mdemo-sheet-row-qty{font-weight:400}.mdemo-sheet-row-amount{justify-content:flex-end;align-items:center;gap:calc(5 * var(--u));font-weight:600;display:flex}.mdemo-total{top:calc(302 * var(--u));height:calc(42 * var(--u));align-items:center;gap:calc(10 * var(--u));border-top:calc(1.5 * var(--u)) solid var(--app-text);display:flex}.mdemo-total-label{font-size:calc(14 * var(--u));font-weight:700}.mdemo-roll{--rk:clamp(0, calc((var(--t) - var(--at)) / .9), 1);font-size:calc(22 * var(--u));letter-spacing:-.01em;font-variant-numeric:tabular-nums;opacity:var(--on);margin-left:auto;font-weight:700;line-height:1.2;display:flex}.mdemo-roll-digit{height:1.2em;overflow:hidden}.mdemo-roll-strip{transform:translateY(calc(var(--rk) * (2 - var(--rk)) * var(--n) * -1.2em));flex-direction:column;display:flex}.mdemo-deposit{top:calc(346 * var(--u));height:calc(24 * var(--u));font-size:calc(12.5 * var(--u));align-items:center;display:flex}.mdemo-deposit-label{color:var(--ui-muted-text);font-weight:500}.mdemo-deposit-value{align-items:center;gap:calc(5 * var(--u));font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600;display:flex}.mdemo-sheet>.mdemo-sheet-termsline{top:calc(392 * var(--u));width:calc(244 * var(--u));right:auto}.mdemo-sheet>.mdemo-sheet-signed{top:calc(392 * var(--u));left:calc(284 * var(--u))}.mdemo-sheet-ghost{top:calc(458 * var(--u))}.mdemo-sheet-file{top:calc(514 * var(--u));height:calc(38 * var(--u));box-sizing:border-box;padding:0 calc(10 * var(--u));border:1px solid var(--ui-border-strong);border-radius:calc(9 * var(--u));opacity:var(--on);align-items:center;display:flex}.mdemo-chip{--k:clamp(0, calc((var(--t) - var(--at)) / var(--dur)), 1);--e:calc(var(--k) * var(--k) * (3 - 2 * var(--k)));z-index:2;height:calc(26 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(13 * var(--u));background:var(--ui-surface);border:1px solid color-mix(in srgb, var(--cue) 55%, transparent);box-shadow:var(--elevation-2);color:color-mix(in srgb, var(--cue) 70%, var(--app-text));font-size:calc(12.5 * var(--u));white-space:nowrap;transform:translate(calc((var(--x0) + (var(--x1) - var(--x0)) * var(--e)) * var(--u)), calc((var(--y0) + (var(--y1) - var(--y0)) * var(--e) - 88 * var(--k) * (1 - var(--k)) - 13) * var(--u)));opacity:clamp(0, min(calc(var(--k) * 7), calc((1 - var(--k)) * 6)), 1);will-change:transform, opacity;align-items:center;font-weight:600;display:flex;position:absolute;top:0;left:0}.mdemo-chip.is-extracted{--cue:var(--cue-extracted)}.mdemo-chip.is-typed{--cue:var(--cue-typed)}.mdemo-chip.is-linked{--cue:var(--cue-static)}.mdemo-chip.is-file{--cue:var(--ui-primary-bg)}
.mdemo-dossier{flex-direction:column;gap:clamp(5px,.6vw,9px);height:100%;display:flex}.mdemo-dossier-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ui-primary-bg);font-size:clamp(6.5px,.62vw,10px);font-weight:600}.mdemo-dossier-head{flex-direction:column;gap:2px;display:flex}.mdemo-dossier-id{letter-spacing:-.02em;color:var(--app-text);font-size:clamp(15px,1.75vw,30px);font-weight:800;line-height:1.05}.mdemo-dossier-sub{color:color-mix(in srgb, var(--app-text) 70%, transparent);font-size:clamp(8px,.8vw,13px)}.mdemo-dossier-stats{border-bottom:1px solid var(--app-border);gap:clamp(12px,1.8vw,30px);padding-bottom:clamp(5px,.6vw,9px);display:flex}.mdemo-dossier-stats b{letter-spacing:-.01em;color:var(--app-text);font-size:clamp(11px,1.15vw,19px);font-weight:700;line-height:1;display:block}.mdemo-dossier-stats i{font-family:var(--font-label);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:var(--label-transform);color:var(--ui-muted-text);margin-top:3px;font-size:clamp(5.5px,.54vw,9px);font-style:normal;display:block}.mdemo-dossier-card{border:1px solid var(--app-border);background:var(--ui-surface);border-radius:10px;flex:1;min-height:0;padding:clamp(8px,.95vw,15px)}.mdemo-dossier-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:clamp(7px,.95vw,15px) clamp(8px,1.3vw,22px);display:grid}.mdemo-dossier-field{--fv:clamp(0, calc((var(--rv) - var(--i) * .07) / .4), 1);min-width:0;opacity:var(--fv);transform:translateY(calc((1 - var(--fv)) * 9px))}.mdemo-dossier-label{font-family:var(--font-label);letter-spacing:.1em;white-space:nowrap;color:color-mix(in srgb, var(--ui-muted-text) 65%, transparent);align-items:center;gap:clamp(3px,.35vw,6px);margin-bottom:3px;font-size:clamp(5.5px,.55vw,9px);font-weight:600;display:flex}.mdemo-prov{background:color-mix(in srgb, var(--cue) 15%, transparent);width:clamp(9px,.92vw,15px);height:clamp(9px,.92vw,15px);color:var(--cue);border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mdemo-prov svg{width:62%;height:62%}.mdemo-prov.is-extracted{--cue:var(--cue-extracted)}.mdemo-prov.is-typed{--cue:var(--cue-typed)}.mdemo-prov.is-static,.mdemo-prov.is-linked{--cue:var(--cue-static)}.mdemo-prov.is-computed{--cue:var(--cue-computed)}.mdemo-dossier-type{width:clamp(7px,.72vw,12px);height:clamp(7px,.72vw,12px);color:color-mix(in srgb, var(--ui-muted-text) 50%, transparent);flex:none}.mdemo-dossier-val{letter-spacing:-.005em;color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8.5px,.92vw,15px);font-weight:600;display:block;overflow:hidden}.mdemo-dossier-files{--dfv:clamp(0, calc((var(--rv) - .5) / .3), 1);border-top:1px solid var(--app-border);opacity:var(--dfv);flex-direction:column;gap:clamp(3px,.4vw,6px);margin-top:auto;padding-top:clamp(6px,.7vw,10px);display:flex}.mdemo-dossier-file{color:var(--app-text);align-items:center;gap:7px;font-size:clamp(8px,.8vw,13px);display:flex}.mdemo-savechip.is-source{color:var(--cue-extracted);background:color-mix(in srgb, var(--cue-extracted) 13%, transparent)}
.mdemo-map-body{background:var(--map-land);border-radius:11px;height:100%;position:relative;overflow:hidden}.mdemo-map-plate{width:100%;height:100%;position:absolute;inset:0}.mdemo-map-body{--map-land:color-mix(in srgb, var(--ui-surface-muted) 55%, var(--app-bg))}.mdemo-map-land{fill:var(--map-land)}.mdemo-map-green{fill:color-mix(in srgb, var(--ui-success-bg) 26%, var(--ui-surface-muted))}.mdemo-road{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.mdemo-road-casing{stroke:color-mix(in srgb, var(--app-border) 55%, transparent);stroke-width:clamp(4px,.62vw,7px)}.mdemo-road-fill{stroke:var(--ui-surface);stroke-width:clamp(2.5px,.42vw,5px)}.mdemo-road-casing.is-main{stroke-width:clamp(6px,.92vw,11px)}.mdemo-road-fill.is-main{stroke:color-mix(in srgb, var(--ui-warning-bg) 18%, var(--ui-surface));stroke-width:clamp(4.5px,.7vw,8.5px)}.mdemo-map-street{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%, -50%) rotate(calc(var(--r) * 1deg));letter-spacing:.04em;white-space:nowrap;color:color-mix(in srgb, var(--app-text) 55%, transparent);pointer-events:none;z-index:1;font-size:clamp(6.5px,.62vw,10px);font-weight:600;position:absolute}.mdemo-pin{--pv:clamp(0, calc((var(--rv) - var(--i) * .1) / .42), 1);left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);background:var(--pin,var(--ui-primary-bg));border:1.5px solid var(--ui-surface);width:15px;height:15px;transform:translate(-50%, calc(-100% - (1 - var(--pv)) * 16px)) rotate(-45deg) scale(calc(.4 + var(--pv) * .6));opacity:var(--pv);z-index:2;border-radius:50% 50% 50% 0;position:absolute;box-shadow:0 6px 14px #0f172a4d}.mdemo-pin:after{content:"";background:var(--ui-surface);border-radius:50%;position:absolute;inset:3.5px}.mdemo-pin.is-primary{z-index:3;width:21px;height:21px;box-shadow:0 8px 18px #2d5bd673}.mdemo-pin.is-primary:after{inset:5px}.mdemo-pin-due{--pin:var(--ui-primary-bg)}.mdemo-pin-a{--pin:var(--ui-warning-bg)}.mdemo-pin-b{--pin:var(--ui-accent-warm-bg)}.mdemo-pin-c{--pin:var(--ui-success-bg)}.mdemo-map-label{--lv:clamp(0, calc((var(--rv) - .55) / .3), 1);opacity:var(--lv);transform:translate(-50%, calc(-100% + (1 - var(--lv)) * 7px));background:var(--ui-surface);border:1px solid var(--ui-secondary-border);box-shadow:var(--elevation-2);color:var(--app-text);white-space:nowrap;z-index:4;border-radius:8px;align-items:center;gap:clamp(4px,.5vw,8px);padding:clamp(3px,.4vw,6px) clamp(7px,.8vw,12px);font-size:clamp(8px,.86vw,13.5px);line-height:1.25;display:flex;position:absolute;top:calc(51.9% - 30px);left:49.6%}.mdemo-map-label b,.mdemo-map-label i{font-style:normal;display:block}.mdemo-map-label b{font-weight:700}.mdemo-map-label i{color:var(--ui-muted-text);font-size:.82em}.mdemo-map-anchor{width:0;height:0;position:absolute;top:calc(51.9% - 30px - clamp(11px,1.35vw,21px));left:49.6%}
.mdemo-cal{flex-direction:column;gap:9px;height:100%;display:flex}.mdemo-cal-days{flex:1;grid-auto-rows:1fr}.mdemo-cal-month{color:var(--app-text);align-items:center;gap:clamp(6px,.7vw,10px);font-size:clamp(13px,1.25vw,21px);font-weight:700;display:flex}.mdemo-cal-countdown{--cdv:clamp(0, calc((var(--rv) - .45) / .32), 1);white-space:nowrap;color:color-mix(in srgb, var(--cue-computed) 72%, var(--app-text));background:color-mix(in srgb, var(--cue-computed) 13%, transparent);opacity:var(--cdv);transform:scale(calc(.84 + var(--cdv) * .16));border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 5px;font-size:clamp(8px,.72vw,11px);font-weight:600;display:inline-flex}.mdemo-cal-countdown .mdemo-cue{width:clamp(9px,.76vw,11px);height:clamp(9px,.76vw,11px)}.mdemo-cal-dow{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mdemo-cal-dow span{text-align:center;color:var(--ui-muted-text);font-size:clamp(8px,.78vw,12px);font-weight:700}.mdemo-cal-days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mdemo-cal-day{color:var(--app-text);background:color-mix(in srgb, var(--app-text) 3%, transparent);border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding-top:4px;font-size:clamp(9px,.86vw,14px);display:flex}.mdemo-cal-day b{font-weight:500;line-height:1}.mdemo-cal-day.is-due{--dv:clamp(0, calc((var(--rv) - .45) / .32), 1);background:color-mix(in srgb, var(--ui-primary-bg) calc(var(--dv) * 100%), color-mix(in srgb, var(--app-text) 3%, transparent));color:color-mix(in srgb, #fff calc(var(--dv) * 100%), var(--app-text));box-shadow:0 5px 12px rgba(45, 91, 214, calc(.35 * var(--dv)))}.mdemo-cal-day.is-due b{font-weight:700}.mdemo-cal-ev{--cv:clamp(0, calc((var(--rv) - .3 - var(--i) * .011) / .3), 1);background:var(--ev,var(--ui-primary-bg));width:62%;height:3px;transform:scaleX(var(--cv));transform-origin:0;border-radius:2px;display:block}.mdemo-cal-ev.is-a{--ev:var(--ui-warning-bg)}.mdemo-cal-ev.is-b{--ev:var(--ui-accent-warm-bg)}.mdemo-cal-ev.is-c{--ev:var(--ui-success-bg)}.mdemo-cal-ev.is-due{white-space:nowrap;color:#fff;width:auto;height:auto;opacity:var(--dv);background:0 0;font-size:clamp(7px,.7vw,10.5px);font-style:normal;font-weight:600;line-height:1.2;transform:none}@media (max-width:830px){.mdemo-cal-ev.is-due{background:#fff;width:62%;height:3px;font-size:0}.mdemo-cal-countdown{display:none}}
.mdemo-charts{grid-template-rows:1fr 1fr;grid-template-columns:1.35fr 1fr;gap:clamp(7px,.8vw,11px);height:100%;display:grid}.mdemo-chart{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-text) 2.5%, transparent);border-radius:10px;flex-direction:column;gap:4px;padding:clamp(7px,.8vw,11px);display:flex;overflow:hidden}.mdemo-chart-wide{grid-row:span 2}.mdemo-chart-cap{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted-text);font-size:clamp(8px,.76vw,12px);font-weight:700}.mdemo-bars{flex:1;align-items:stretch;gap:clamp(4px,.5vw,7px);min-height:0;font-size:clamp(7px,.72vw,11px);display:flex}.mdemo-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.4em;min-width:0;display:flex;position:relative}.mdemo-bar-fill{background:color-mix(in srgb, var(--ui-primary-bg) 26%, var(--ui-surface));width:100%;height:calc(clamp(0, calc((var(--rv) - var(--i) * .12) / .4), 1) * var(--h) * .01 * (100% - 4.4em));border-radius:4px 4px 0 0;display:block}.mdemo-bar.is-case .mdemo-bar-fill{background:var(--ui-primary-bg)}.mdemo-bar em{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ui-muted-text);font-style:normal;font-weight:500;line-height:1.3;overflow:hidden}.mdemo-bar.is-case em{color:var(--app-text);font-weight:700}@media (max-width:830px){.mdemo-bar em{visibility:hidden}.mdemo-bar.is-case em{visibility:visible;max-width:none;overflow:visible}}.mdemo-bar-val{--bv:clamp(0, calc((var(--rv) - .6) / .3), 1);left:0;right:0;bottom:calc(var(--h) * .01 * (100% - 4.4em) + 2.2em);opacity:var(--bv);justify-content:center;display:flex;position:absolute}.mdemo-bar-val span{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--app-text);align-items:center;gap:.3em;font-size:1.5em;font-weight:800;line-height:1.2;display:flex}.mdemo-bar-val .mdemo-cue{width:.85em;height:.85em}.mdemo-spark{flex:1;width:100%;overflow:visible}.mdemo-spark polyline{fill:none;stroke:var(--ui-success-bg);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:200;stroke-dashoffset:calc((1 - var(--rv)) * 200)}.mdemo-donut-row{flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,20px);min-height:0;display:flex}.mdemo-donut-key{color:var(--ui-label);opacity:var(--rv);flex-direction:column;gap:.35em;margin:0;padding:0;font-size:clamp(7px,.76vw,12px);font-weight:500;list-style:none;display:flex}.mdemo-donut-key li{white-space:nowrap;align-items:center;gap:.5em;display:flex}.mdemo-donut-key li:before{content:"";background:var(--ui-primary-bg);border-radius:2px;width:.7em;height:.7em}.mdemo-donut-key li:nth-child(2):before{background:var(--ui-warning-bg)}.mdemo-donut-key li:nth-child(3):before{background:var(--ui-accent-warm-bg)}.mdemo-donut{aspect-ratio:1;background:conic-gradient(var(--ui-primary-bg) 0 calc(var(--s1) * var(--rv) * 1%), var(--ui-warning-bg) 0 calc(var(--s2) * var(--rv) * 1%), var(--ui-accent-warm-bg) 0 calc(100% * var(--rv)), transparent 0);border-radius:50%;flex:none;width:clamp(38px,5.4vw,84px);-webkit-mask:radial-gradient(circle,#0000 52%,#000 53%);mask:radial-gradient(circle,#0000 52%,#000 53%)}
.mdemo-views{opacity:clamp(0, calc((var(--p) - .68) / .04), 1)}.mdemo-scene2.mdemo-views{--u:clamp(.72px, .0695vw, 1px);--t:99;--feed-gap:clamp(20px, 3.3vw, 48px);gap:var(--feed-gap)}.mdemo-feedcase{flex:none}.mdemo-feed{--rv:clamp(0, min(calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), calc(((var(--vt0) + var(--i) * var(--vt) + var(--vt) + .03) - var(--p)) / .03)), 1)}.mdemo-feed.is-last-view{--rv:clamp(0, calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), 1)}.mdemo-feed-mark{border-radius:inherit;box-shadow:0 0 0 calc(2 * var(--u)) var(--ui-primary-bg);opacity:var(--rv);pointer-events:none;position:absolute;inset:0}.mdemo-feed-mark:before{content:"";left:calc(100% + 16 * var(--u));top:calc(50% - 1 * var(--u));width:var(--feed-gap);height:calc(2 * var(--u));background:var(--ui-primary-bg);transform:scaleX(var(--rv));transform-origin:0;position:absolute}.mdemo-feed-mark:after{content:"";left:calc(100% + 16 * var(--u) + var(--feed-gap) - 7 * var(--u));top:calc(50% - 5 * var(--u));border-left:calc(7 * var(--u)) solid var(--ui-primary-bg);border-top:calc(5 * var(--u)) solid transparent;border-bottom:calc(5 * var(--u)) solid transparent;opacity:clamp(0, calc((var(--rv) - .7) / .3), 1);position:absolute}.mdemo-chip.mdemo-feed-chip{--k:clamp(0, calc(var(--rv) / .7), 1);z-index:400;transform:translate(calc((var(--x0,0) + (var(--x1,0) - var(--x0,0)) * var(--e)) * 1px - 50%), calc((var(--y0,0) + (var(--y1,0) - var(--y0,0)) * var(--e) - 120 * var(--k) * (1 - var(--k))) * 1px - 50%))}.mdemo-vtabs{pointer-events:auto;align-items:flex-end;display:flex}.mdemo-vtab{--rv:clamp(0, min(calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), calc(((var(--vt0) + var(--i) * var(--vt) + var(--vt) + .03) - var(--p)) / .03)), 1);height:calc(clamp(34px, 3.4vw, 48px) - (1 - var(--rv)) * 5px);border:1px solid var(--app-border);--vt-tint:color-mix(in srgb, var(--vt-bg) calc(var(--rv) * 100%), transparent);background-color:var(--app-bg);background-image:linear-gradient(var(--vt-tint), var(--vt-tint)), linear-gradient(var(--ui-surface-muted), var(--ui-surface-muted));color:color-mix(in srgb, var(--vt-text) calc(var(--rv) * 100%), var(--ui-muted-text));letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;z-index:calc((30 - var(--i)) * 10 + var(--rv) * 25);border-bottom:none;border-radius:10px 10px 0 0;flex:none;align-items:center;gap:8px;margin-left:calc(-1*clamp(12px,1.9vw,30px));padding:0 clamp(16px,2.1vw,34px) 0 clamp(19px,2.4vw,38px);font-family:inherit;font-size:clamp(9.5px,.92vw,14px);font-weight:700;display:inline-flex;position:relative}.mdemo-vtab:hover{color:var(--app-text)}.mdemo-vtab:focus-visible{outline:2px solid var(--ui-primary-bg);outline-offset:2px}.mdemo-vtab:first-child{margin-left:0;padding-left:clamp(14px,1.5vw,18px)}.mdemo-vtab:last-child{--rv:clamp(0, calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), 1)}.mdemo-vtab svg{flex:none;width:clamp(12px,1.15vw,18px);height:clamp(12px,1.15vw,18px)}.mdemo-vtab:after{content:"";background-color:var(--app-bg);background-image:linear-gradient(var(--vt-tint), var(--vt-tint)), linear-gradient(var(--ui-surface-muted), var(--ui-surface-muted));height:3px;opacity:var(--rv);position:absolute;bottom:-1px;left:0;right:0}.mdemo-vsheet{width:min(824px, calc(92vw - 296 * var(--u) - var(--feed-gap)));background:var(--ui-surface);border:1px solid var(--app-border);border-radius:0 16px 16px;height:clamp(276px,40vh,430px);padding:clamp(14px,1.4vw,20px);position:relative;overflow:hidden;box-shadow:0 30px 70px #0f172a2e}.mdemo-view{--rv:clamp(0, min(calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), calc(((var(--vt0) + var(--i) * var(--vt) + var(--vt) + .03) - var(--p)) / .03)), 1);opacity:var(--rv);transform:translateY(calc((1 - var(--rv)) * 12px));flex-direction:column;justify-content:center;display:flex;position:absolute;inset:clamp(14px,1.4vw,20px)}.mdemo-view:last-child{--rv:clamp(0, calc((var(--p) - (var(--vt0) + var(--i) * var(--vt))) / .03), 1)}@property --rvo{syntax:"<number>";inherits:false;initial-value:0}.mdemo-stage[data-click="1"] .mdemo-vtab,.mdemo-stage[data-click="1"] .mdemo-view,.mdemo-stage[data-click="1"] .mdemo-feed{--rv:var(--rvo)}@media (max-width:830px){.mdemo-feedcase,.mdemo-chip.mdemo-feed-chip{display:none}.mdemo-vsheet{width:min(900px,92vw)}}@media (max-width:430px){.mdemo-vsheet{width:min(560px,88vw)}.mdemo-vtab-label{max-width:calc(var(--rv) * 90px);display:inline-block;overflow:hidden}}
.mdemo-wrap{position:relative;overflow-x:clip}.mdemo-stage{--cue-extracted:#7f22fe;--cue-typed:#dd7400;--cue-static:#155dfc;--cue-computed:#009588;perspective:1600px;height:100svh;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.mdemo-stage{--cue-extracted:lab(41.088% 68.9966 -91.995);--cue-typed:lab(60.3514% 40.5624 87.1228);--cue-static:lab(44.0605% 29.0279 -86.0352);--cue-computed:lab(55.0223% -41.0774 -3.90277)}}.mdemo-stage{--fit:1}.mdemo-wrap .mdemo-stage{height:calc((clamp(276px, 40vh, 430px) + 48px + 56px) * var(--fit));margin-block:calc(-28px * var(--fit));overflow:visible}.mdemo-camera{transform:scale(var(--fit));place-items:center;display:grid;position:absolute;inset:0}@media (min-width:1340px) and (min-height:760px){.mdemo-wrap .mdemo-stage{--fit:1.14}}@media (min-width:1560px) and (min-height:820px){.mdemo-wrap .mdemo-stage{--fit:1.26}}@media (min-width:1800px) and (min-height:1000px){.mdemo-wrap .mdemo-stage{--fit:1.4}}@media (min-width:2000px) and (min-height:1080px){.mdemo-wrap .mdemo-stage{--fit:1.55}}.mdemo-val{--d:1;--dot:calc(var(--d) * 150%);opacity:clamp(0, calc(var(--d) * 3), 1);-webkit-mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%)), radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%));-webkit-mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%)), radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%));mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%)), radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + 16%));-webkit-mask-position:0 0,2px 3px;mask-position:0 0,2px 3px;-webkit-mask-size:4px 4px,7px 7px;mask-size:4px 4px,7px 7px}@media (prefers-reduced-motion:reduce){.mdemo-val{opacity:clamp(0, calc(var(--d) * 3), 1);-webkit-mask-image:none;mask-image:none}}.mdemo-cue{flex:none;width:clamp(13px,1.1vw,16px);height:clamp(13px,1.1vw,16px)}.mdemo-cue-extracted{color:var(--cue-extracted)}.mdemo-cue-typed{color:var(--cue-typed)}.mdemo-cue-static,.mdemo-cue-linked{color:var(--cue-static)}.mdemo-cue-computed{color:var(--cue-computed)}.mdemo-cue-gen{color:var(--ui-primary-bg)}.mdemo-savechip{color:var(--ui-primary-bg);background:color-mix(in srgb, var(--ui-primary-bg) 14%, transparent);border-radius:999px;flex:none;padding:1px 8px;font-size:clamp(9px,.72vw,11px);font-weight:700}.mdemo-page{--app-text:#222630;--ui-muted-text:#6a707c;--app-border:#0f172a1f;--ui-border-strong:#0f172a33;--ui-surface:#fcfbf9;--ui-surface-muted:#f0eee9;box-shadow:var(--elevation-3);background:#fcfbf9;border:1px solid #0f172a1a;border-radius:2px}.mdemo-scene2{will-change:opacity;pointer-events:none;place-content:center;align-items:center;gap:clamp(20px,4vw,60px);padding:0 clamp(16px,4vw,48px);display:flex;position:absolute;inset:0}.mdemo-val{--d:var(--on)}