.sm-demo{--demo-accent-text:color-mix(in oklab, var(--violet) 78%, var(--text));--good:#15803d;--ni:#b45309;--poor:#b91c1c;border:1px solid var(--line);border-radius:var(--radius,10px);min-height:618px;color:var(--text);background:var(--surface);text-align:left;grid-template-columns:58px minmax(0,1fr);font-size:12px;display:grid;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sm-demo{--good:#4ade80;--ni:#fbbf24;--poor:#f87171}}:root[data-theme=dark] .sm-demo{--good:#4ade80;--ni:#fbbf24;--poor:#f87171}.sm-demo[data-variant=full]{border-width:1px 0 0;border-radius:0;height:calc(100dvh - 4.2rem);min-height:calc(100dvh - 4.2rem);font-size:13px}.sm-demo[data-variant=full] .app{flex-direction:column;min-height:0;display:flex}.sm-demo[data-variant=full] .dashboard-body{flex:1;min-height:0;overflow:auto}.sm-demo[data-variant=full]{grid-template-columns:64px minmax(0,1fr)}.sm-demo[data-variant=full] .rail,.sm-demo[data-variant=full] .app{max-height:100%}.sm-demo button{font:inherit;cursor:pointer}.sm-demo svg{display:block}.sm-demo .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sm-demo :focus-visible{outline:2px solid var(--violet);outline-offset:1px}.sm-demo .rail{border-right:1px solid var(--line);border-radius:var(--radius,10px) 0 0 var(--radius,10px);background:var(--surface-2);scrollbar-width:none;flex-direction:column;align-items:center;gap:.8rem;padding:.85rem .55rem;display:flex;overflow:hidden auto}.sm-demo[data-variant=full] .rail{border-radius:0}.sm-demo .rail-brand{justify-items:center;gap:.8rem;display:grid}.sm-demo .mark,.sm-demo .rail-site,.sm-demo .site-favicon{border-radius:var(--radius-sm,6px);place-items:center;width:26px;height:26px;font-weight:600;line-height:1;display:grid}.sm-demo .mark{color:var(--on-violet,#fff);background:var(--violet)}.sm-demo .rail-site,.sm-demo .site-favicon{color:var(--demo-accent-text);background:var(--violet-tint)}.sm-demo .rail nav{gap:.25rem;width:100%;display:grid}.sm-demo .rail nav a{border-radius:var(--radius-sm,6px);width:100%;height:34px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.sm-demo .rail nav a:hover{color:var(--text);background:var(--surface-3)}.sm-demo .rail nav a.active,.sm-demo .rail nav a[aria-selected=true]{color:var(--demo-accent-text);background:var(--violet-tint)}.sm-demo .rail svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sm-demo .rail nav a[data-v=overview] svg{fill:currentColor;stroke:none}.sm-demo .rail-label{font-size:12px;line-height:1;display:none}.sm-demo.is-expanded,.sm-demo[data-variant=full]{--rail-w:176px}.sm-demo.is-expanded{grid-template-columns:176px minmax(0,1fr)}@media (width>=900px){.sm-demo[data-variant=full]{grid-template-columns:176px minmax(0,1fr)}.sm-demo[data-variant=full] .rail{align-items:stretch;padding-inline:.7rem}.sm-demo[data-variant=full] .rail-brand{grid-auto-flow:column;justify-content:start}}.sm-demo.is-expanded .rail{align-items:stretch;padding-inline:.7rem}.sm-demo.is-expanded .rail-brand{grid-auto-flow:column;justify-content:start}.sm-demo.is-expanded .rail nav a{flex-direction:row;justify-content:flex-start;gap:.6rem;padding-inline:.6rem}.sm-demo.is-expanded .rail-label{display:inline}@media (width>=900px){.sm-demo[data-variant=full] .rail nav a{flex-direction:row;justify-content:flex-start;gap:.6rem;padding-inline:.6rem}.sm-demo[data-variant=full] .rail-label{display:inline}}.sm-demo .app{min-width:0}.sm-demo .topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;height:56px;padding:0 1rem;display:flex}.sm-demo .topbar>div{align-items:center;gap:.6rem;min-width:0;display:flex}.sm-demo .topbar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sm-demo .menu-btn{border-radius:var(--radius-sm,6px);width:28px;height:28px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.sm-demo .menu-btn:hover{background:var(--surface-2)}.sm-demo .menu-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.sm-demo .demo-tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.1rem .4rem;font-size:11px;font-style:normal}.sm-demo .top-actions{color:var(--muted)}.sm-demo .top-actions a{color:inherit;text-decoration:none}.sm-demo .top-actions a:hover{color:var(--demo-accent-text)}.sm-demo .live{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:999px;align-items:center;gap:.1rem;padding:.2rem .55rem;display:inline-flex}.sm-demo .live i{background:var(--violet);border-radius:50%;width:6px;height:6px;margin-right:.35rem;animation:1.8s ease-out infinite sm-pulse}.sm-demo .live:hover{background:var(--surface-2)}@keyframes sm-pulse{0%{box-shadow:0 0 0 0 var(--violet-tint), 0 0 0 0 var(--violet)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.sm-demo .dashboard-body{min-width:0;padding:.8rem}.sm-demo .view{outline:none;gap:.65rem;display:grid}.sm-demo .view.enter>*{animation:.28s both sm-in}@keyframes sm-in{0%{opacity:0;transform:translateY(6px)}}.sm-demo .controls{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.65rem;display:flex}.sm-demo .ctl-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.sm-demo .ctl{border:1px solid var(--line);border-radius:var(--radius-sm,6px);color:var(--muted);background:var(--surface);align-items:center;gap:.3rem;padding:.3rem .55rem;display:inline-flex}.sm-demo .ctl:hover{color:var(--text);border-color:var(--line-strong)}.sm-demo .ctl.on,.sm-demo .ctl[aria-pressed=true]{color:var(--demo-accent-text);border-color:var(--violet);background:var(--violet-tint)}.sm-demo .ctl.full{width:100%;color:var(--text);justify-content:center;margin-top:.8rem}.sm-demo .chev{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.sm-demo .link{color:var(--demo-accent-text);text-underline-offset:2px;background:0 0;border:0;padding:.2rem .3rem;text-decoration:underline}.sm-demo .chip{border:1px solid var(--violet);color:var(--text);background:var(--violet-tint);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .2rem .15rem .5rem;display:inline-flex}.sm-demo .chip button{width:20px;height:20px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sm-demo .chip button:hover{color:var(--text);background:var(--surface-3)}.sm-demo .chip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:11px;height:11px}.sm-demo .menu-wrap{position:relative}.sm-demo .menu{z-index:20;border:1px solid var(--line-strong,var(--line));border-radius:var(--radius,10px);min-width:190px;max-height:320px;color:var(--text);background:var(--surface);padding:.25rem;position:absolute;top:calc(100% + 4px);left:0;overflow:auto;box-shadow:0 10px 28px #00000024}.sm-demo .controls>.ctl-group:last-child .menu{left:auto;right:0}.sm-demo .menu button{border-radius:var(--radius-sm,6px);width:100%;color:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .55rem;display:flex}.sm-demo .menu button:hover,.sm-demo .menu button:focus-visible{background:var(--surface-2);outline-offset:-2px}.sm-demo .menu button[aria-checked=true]{color:var(--demo-accent-text)}.sm-demo .menu svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.sm-demo .kpis{border:1px solid var(--line);border-radius:var(--radius,10px);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.sm-demo .kpis>div{min-width:0;padding:.65rem .75rem}.sm-demo .kpis>div+div{border-left:1px solid var(--line)}.sm-demo .kpis>div.is-sel{box-shadow:inset 0 -2px 0 var(--violet)}.sm-demo dt{color:var(--muted)}.sm-demo dt button{color:inherit;background:0 0;border:0;padding:0}.sm-demo dt button:hover{color:var(--text)}.sm-demo dd{font-family:var(--font);font-variant-numeric:tabular-nums;margin:.12rem 0 0;font-size:clamp(1.15rem,2.5vw,1.55rem);font-weight:500}.sm-demo dd.delta{color:var(--muted);font-size:11px;font-weight:400}.sm-demo dd.delta b{font-weight:600}.sm-demo dd.delta.up b{color:var(--good)}.sm-demo dd.delta.down b{color:var(--poor)}.sm-demo .trend,.sm-demo .pages-panel,.sm-demo .sources-panel{border:1px solid var(--line);border-radius:var(--radius,10px);background:var(--surface);min-width:0;overflow:hidden}.sm-demo .panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;min-height:38px;padding:.4rem .7rem;display:flex}.sm-demo .panel-head>span{color:var(--muted)}.sm-demo .seg{gap:.1rem;display:inline-flex}.sm-demo .seg button{border-radius:var(--radius-sm,6px);color:var(--muted);background:0 0;border:0;padding:.2rem .5rem}.sm-demo .seg button:hover{color:var(--text)}.sm-demo .seg button[aria-selected=true]{color:var(--demo-accent-text);background:var(--violet-tint)}.sm-demo .breakdowns,.sm-demo .split{grid-template-columns:1.15fr .85fr;align-items:start;gap:.65rem;display:grid}.sm-demo .grid3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.65rem;display:grid}.sm-demo .hint{color:var(--muted);margin:0;font-size:12px}.sm-demo .empty{color:var(--muted);margin:0;padding:1.2rem .8rem}.sm-demo h3.sub{color:var(--muted);letter-spacing:.02em;margin:.8rem .7rem .2rem;font-size:11px;font-weight:500}.sm-demo .chart-frame{grid-template-rows:154px 22px;grid-template-columns:2.5rem minmax(0,1fr);padding:.5rem .7rem .15rem;display:grid}.sm-demo .plot{touch-action:pan-y;cursor:crosshair;height:154px;position:relative}.sm-demo .plot svg{width:100%;height:154px;display:block;overflow:visible}.sm-demo .grid line{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.sm-demo .area{stroke:none}.sm-demo .line{fill:none;stroke:var(--violet);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.sm-demo .line.prev{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.75}.sm-demo .dot{border:2px solid var(--violet);background:var(--surface);pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.sm-demo .xh{background:var(--line-strong,var(--line));pointer-events:none;width:1px;height:84.9%;position:absolute;top:6%}.sm-demo .ann{background:var(--muted);opacity:.8;width:7px;height:7px;position:absolute;bottom:6px;transform:translate(-50%)rotate(45deg)}.sm-demo .tip{z-index:5;border:1px solid var(--line-strong,var(--line));border-radius:var(--radius-sm,6px);min-width:150px;color:var(--text);background:var(--surface-2);pointer-events:none;gap:.15rem;padding:.45rem .6rem;font-size:12px;display:grid;position:absolute;top:4px;box-shadow:0 6px 18px #0000001f}.sm-demo .tip span{color:var(--muted);align-items:center;gap:.35rem;display:flex}.sm-demo .tip strong{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:.8rem}.sm-demo .tip em{color:var(--muted);max-width:200px;font-size:11px;font-style:normal}.sm-demo .k-cur,.sm-demo .k-prev{background:var(--violet);border-radius:50%;width:8px;height:8px;margin:0 .3rem 0 .6rem;display:inline-block}.sm-demo .tip .k-cur,.sm-demo .tip .k-prev{margin:0}.sm-demo .k-prev{background:var(--muted)}.sm-demo .key{margin-right:.8rem;font-style:normal}.sm-demo .y-axis{height:154px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;padding:.05rem .45rem .55rem 0;font-size:11px;line-height:1;display:flex}.sm-demo .x-axis{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2;justify-content:space-between;align-items:center;font-size:11px;line-height:1;display:flex}.sm-demo .tbl-wrap{overflow:auto hidden}.sm-demo table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:0;font-size:13px}.sm-demo th,.sm-demo td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;height:32px;padding:.35rem .55rem;font-size:13px}.sm-demo th{color:var(--muted);background:var(--surface-2);font-size:11px;font-weight:500}.sm-demo th:first-child,.sm-demo td:first-child{text-align:left}.sm-demo tbody tr:last-child td{border-bottom:0}.sm-demo .th-btn{color:inherit;font-size:inherit;font-weight:inherit;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;display:inline-flex}.sm-demo .th-btn:hover{color:var(--text)}.sm-demo .th-btn i{width:.7rem;color:var(--demo-accent-text);font-size:8px;font-style:normal}.sm-demo tr[data-act]{cursor:pointer}.sm-demo tr[data-act]:hover td,.sm-demo tr.is-sel td{background:var(--violet-tint)}.sm-demo .cell-link{color:inherit;text-align:inherit;background:0 0;border:0;padding:0}.sm-demo .bar-list{gap:.25rem;margin:0;padding:.45rem;list-style:none;display:grid}.sm-demo .bar-list li{border-radius:var(--radius-sm,6px);font-variant-numeric:tabular-nums;min-height:29px;position:relative;overflow:hidden}.sm-demo .bar-list li:before{width:var(--bar);border-radius:inherit;background:var(--violet-tint);content:"";transition:width .35s;position:absolute;inset:0 auto 0 0}.sm-demo .bar-list li.is-sel:before{background:color-mix(in srgb, var(--violet) 26%, transparent)}.sm-demo .bar-list li>.row,.sm-demo .bar-list li>button{z-index:1;width:100%;min-height:29px;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem .45rem;display:flex;position:relative}.sm-demo .bar-list li>button:hover{background:color-mix(in srgb, var(--violet) 6%, transparent)}.sm-demo .bar-list b{color:var(--muted);font-weight:500}.sm-demo .mbars,.sm-demo .minute-bars{align-items:flex-end;gap:3px;height:110px;padding:.8rem .7rem .5rem;display:flex}.sm-demo .mbars i,.sm-demo .minute-bars i{min-width:2px;height:var(--h);background:var(--violet);opacity:.85;border-radius:2px 2px 0 0;flex:1;transition:height .3s}.sm-demo .spark{fill:none;width:100%;height:40px;stroke:var(--violet);stroke-width:2px;vector-effect:non-scaling-stroke;margin-top:.6rem}.sm-demo .spark path{vector-effect:non-scaling-stroke}.sm-demo .funnel{gap:.9rem;margin:0;padding:.9rem .8rem;list-style:none;display:grid}.sm-demo .f-head{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}.sm-demo .f-bar{background:var(--surface-2);border-radius:999px;height:12px;margin:.3rem 0;overflow:hidden}.sm-demo .f-bar i{border-radius:inherit;background:var(--violet);height:100%;transition:width .4s;display:block}.sm-demo .f-meta{color:var(--muted);flex-wrap:wrap;gap:.3rem 1rem;font-size:11px;display:flex}.sm-demo .funnel-total{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:.6rem .8rem}.sm-demo .ret{min-width:520px}.sm-demo .ret th[scope=row]{text-align:left;color:var(--text);background:0 0;font-size:12px;font-weight:400}.sm-demo .ret td.cell{background:color-mix(in srgb, var(--violet) calc(var(--a) * 0.7%), transparent)}.sm-demo .ret td.na{color:var(--muted)}.sm-demo .paths{margin:0;padding:0;list-style:none;display:grid}.sm-demo .paths li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .7rem;display:flex;position:relative}.sm-demo .paths li:before{width:var(--bar);background:var(--violet-tint);opacity:.6;content:"";position:absolute;inset:0 auto 0 0}.sm-demo .paths .chips{flex-wrap:wrap;align-items:center;gap:.25rem .35rem;display:flex;position:relative}.sm-demo .paths .chips button{border:1px solid var(--line);color:var(--text);background:var(--surface);font-family:var(--mono);border-radius:999px;padding:.12rem .45rem;font-size:11px}.sm-demo .paths .chips button.is-sel{color:var(--demo-accent-text);border-color:var(--violet)}.sm-demo .paths .chips i{color:var(--muted);font-style:normal}.sm-demo .paths b{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500;position:relative}.sm-demo .sel{border:1px solid var(--line);border-radius:var(--radius-sm,6px);max-width:100%;color:var(--text);background:var(--surface);padding:.2rem .4rem;font-size:12px}.sm-demo .rt-head{border:1px solid var(--line);border-radius:var(--radius,10px);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}.sm-demo .rt-count{align-items:baseline;gap:.6rem;display:flex}.sm-demo .rt-count b{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:500}.sm-demo .rt-count span{color:var(--muted)}.sm-demo .feed,.sm-demo .timeline ol{gap:.72rem;margin:0;padding:.8rem .8rem .8rem 1.9rem;list-style:none;display:grid}.sm-demo .feed li,.sm-demo .timeline li{grid-template-columns:auto 1fr auto;gap:.2rem .4rem;display:grid;position:relative}.sm-demo .feed li{animation:.3s sm-in}.sm-demo .feed li.empty{padding:0}.sm-demo .feed li:before,.sm-demo .timeline li:before{border:2px solid var(--surface);background:var(--violet);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.35rem;left:calc(-1.15rem - 4px)}.sm-demo .feed li.empty:before{display:none}.sm-demo .feed small{grid-column:2/-1}.sm-demo .hm-ctl{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.sm-demo .hm-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1rem;padding:.8rem;display:grid}.sm-demo .hm-body .bar-list,.sm-demo .hm-body h3.sub{margin-inline:0;padding-inline:0}.sm-demo .hm-page{border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface-2);flex-direction:column;gap:12px;min-height:380px;padding:14px;display:flex;position:relative;overflow:hidden}.sm-demo .hm-page.mobile{width:min(100%,250px);min-height:460px;margin-inline:auto}.sm-demo .wf-nav{align-items:center;gap:8px;height:22px;display:flex}.sm-demo .wf-nav i{background:var(--line-strong,var(--line));border-radius:4px;width:48px;height:8px}.sm-demo .wf-nav b{background:var(--violet-tint);border-radius:5px;width:64px;height:20px;margin-left:auto}.sm-demo .wf-h{background:var(--line-strong,var(--line));border-radius:4px;width:55%;height:26px}.sm-demo .wf-p{background:var(--line);border-radius:4px;height:8px}.sm-demo .wf-p.short{width:60%}.sm-demo .wf-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sm-demo .wf-grid.two{flex:.6;grid-template-columns:1fr 1fr}.sm-demo .wf-grid i{border:1px solid var(--line);background:var(--surface);border-radius:6px;min-height:56px}.sm-demo .hm-page.mobile .wf-grid{grid-template-columns:1fr 1fr}.sm-demo .blob{width:var(--s);height:var(--s);background:radial-gradient(circle, rgb(239 68 68/var(--o)) 0%, rgb(251 146 60/calc(var(--o) * .6)) 40%, #facc1500 72%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sm-demo .band{background:color-mix(in srgb, var(--violet) calc(var(--r) * 0.6%), transparent);height:10%;position:absolute;left:0;right:0}.sm-demo .band em{color:var(--text);background:var(--surface);border-radius:4px;padding:0 .3rem;font-size:10px;font-style:normal;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sm-demo .vcards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.sm-demo .vcard{border:1px solid var(--line);border-radius:var(--radius,10px);color:var(--text);background:var(--surface);text-align:left;justify-items:start;gap:.3rem;padding:.65rem .7rem;display:grid}.sm-demo .vcard:hover{border-color:var(--line-strong)}.sm-demo .vcard.is-sel{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.sm-demo .vcard .vid{color:var(--muted);font-weight:500}.sm-demo .vcard b{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:500}.sm-demo .pill{border:1px solid;border-radius:999px;padding:.05rem .4rem;font-size:11px;font-style:normal}.sm-demo .pill.good{color:var(--good)}.sm-demo .pill.ni{color:var(--ni)}.sm-demo .pill.poor{color:var(--poor)}.sm-demo .dist{border-radius:3px;width:100%;height:5px;display:flex;overflow:hidden}.sm-demo .dist .good{background:var(--good)}.sm-demo .dist .ni{background:var(--ni)}.sm-demo .dist .poor{background:var(--poor)}.sm-demo .vchart{padding:.8rem .7rem .4rem}.sm-demo .vchart svg{width:100%;height:140px;overflow:visible}.sm-demo .vchart .line{stroke:var(--violet);stroke-width:2px;fill:none}.sm-demo .vchart .th{stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.sm-demo .vchart .th.good{stroke:var(--good)}.sm-demo .vchart .th.poor{stroke:var(--poor)}.sm-demo .legend{color:var(--muted);gap:1.2rem;margin:.4rem 0 0;font-size:11px;display:flex}.sm-demo .timeline{z-index:6;border:1px solid var(--line-strong,var(--line));border-radius:var(--radius,10px);width:304px;max-height:calc(100% - 190px);color:var(--text);background:var(--surface-2);padding:.9rem;position:absolute;top:170px;right:-112px;overflow:auto}.sm-demo .timeline[hidden]{display:none}.sm-demo[data-variant=full] .timeline{max-height:calc(100% - 80px);top:64px;right:12px;box-shadow:0 12px 32px #0000002e}.sm-demo .timeline-head{justify-content:space-between;align-items:center;display:flex}.sm-demo .timeline-head button{border-radius:var(--radius-sm,6px);width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.sm-demo .timeline-head button:hover{color:var(--text);background:var(--surface-3)}.sm-demo .timeline-head svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.sm-demo .timeline>p{color:var(--muted);margin:.1rem 0 .75rem;font-size:11px}.sm-demo .timeline>p.meta{font-family:var(--mono);margin-top:-.5rem}.sm-demo .timeline ol{border-left:1px solid var(--line-strong,var(--line));padding:0 0 0 1.15rem}.sm-demo .timeline li:before{border-color:var(--surface-2)}.sm-demo .tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-self:start;padding:.08rem .32rem;font-size:11px;line-height:1.25}.sm-demo .tag.event{color:var(--demo-accent-text);border-color:var(--violet);background:var(--violet-tint)}.sm-demo li strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.sm-demo time{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px}.sm-demo li small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;font-size:11px;overflow:hidden}.sm-demo .mini{grid-template-columns:1fr 1fr;gap:.6rem;margin:0;display:grid}.sm-demo .mini dd{margin:0;font-size:1.05rem}.sm-demo .timeline .bar-list{padding:.3rem 0}.sm-demo .why{border:1px solid var(--line);border-radius:var(--radius,10px);background:var(--surface-2);gap:.5rem;padding:.8rem .9rem;display:grid}.sm-demo .why-head{flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;display:flex}.sm-demo .why-head strong{letter-spacing:-.02em;font-size:1.15rem;font-weight:600}.sm-demo .why-head strong i{color:var(--demo-accent-text);font-style:normal}.sm-demo .why-head span{color:var(--muted)}.sm-demo .prev-tag{border:1px solid var(--violet);color:var(--demo-accent-text);background:var(--violet-tint);border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:11px;font-style:normal}.sm-demo .why ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sm-demo .why li{border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface);padding:.5rem .65rem;font-size:13px}.sm-demo .vhero{border:1px solid var(--line);border-radius:var(--radius,10px);background:var(--surface);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:.8rem 1.5rem;padding:.9rem 1rem;display:grid}.sm-demo .vh-main{gap:.1rem;display:grid}.sm-demo .vh-label{color:var(--muted)}.sm-demo .vh-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--demo-accent-text);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:500;line-height:1.1}.sm-demo .vh-sub{color:var(--muted)}.sm-demo .vh-sub .delta{margin-left:.4rem}.sm-demo .delta.up b{color:var(--good)}.sm-demo .delta.down b{color:var(--poor)}.sm-demo .vh-side{grid-template-columns:repeat(3,auto);gap:1rem;margin:0;display:grid}.sm-demo .vh-side dd{margin:0;font-size:1.15rem}.sm-demo .vh-mode{justify-items:end;gap:.3rem;display:grid}.sm-demo .vh-mode .seg{border:1px solid var(--line);border-radius:var(--radius-sm,6px);padding:.15rem}.sm-demo .vh-mode small{color:var(--muted);font-size:11px}.sm-demo .attr{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.55rem .7rem;display:flex}.sm-demo .attr.off{opacity:.55}.sm-demo .attr.off .seg,.sm-demo .attr.off input{pointer-events:none}.sm-demo .lb{color:var(--muted);align-items:center;gap:.5rem;display:inline-flex}.sm-demo .lb input{width:130px;accent-color:var(--violet)}.sm-demo .lb output{min-width:4.5rem;color:var(--text);font-variant-numeric:tabular-nums}.sm-demo .attr-note{color:var(--muted)}.sm-demo .vl-name{gap:1px;display:grid}.sm-demo .vl-name small{color:var(--muted);font-size:11px}.sm-demo .vl-name+b{color:var(--text);align-self:center}.sm-demo .vj{flex-wrap:wrap;gap:.6rem .4rem;margin:0;padding:.9rem .8rem;list-style:none;display:flex}.sm-demo .vj-step{border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface);flex:1;gap:.1rem;min-width:130px;padding:.55rem .7rem;display:grid;position:relative}.sm-demo .vj-step b{font-variant-numeric:tabular-nums;color:var(--muted)}.sm-demo .vj-step.credited{border-color:var(--violet);background:var(--violet-tint)}.sm-demo .vj-step.credited b,.sm-demo .vj-step.buy strong{color:var(--demo-accent-text)}.sm-demo .vj-step.outside{opacity:.5;border-style:dashed}.sm-demo .vj-step.buy{border-color:var(--good)}.sm-demo .vj-step.buy strong{font-size:1.1rem}.sm-demo .vj-day{color:var(--muted);font-size:11px}.sm-demo .vj-step small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;font-size:11px;overflow:hidden}.sm-demo .vj-arrow{color:var(--muted);z-index:1;font-style:normal;position:absolute;top:50%;right:-.75rem;transform:translateY(-50%)}.sm-demo .vj-pop{z-index:8;border:1px solid var(--line-strong,var(--line));border-radius:var(--radius-sm,6px);width:210px;color:var(--text);background:var(--surface-2);opacity:0;visibility:hidden;pointer-events:none;padding:.45rem .6rem;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 6px 18px #0000001f}.sm-demo .vj-step:hover .vj-pop,.sm-demo .vj-step:focus-visible .vj-pop{opacity:1;visibility:visible}.sm-demo .view.enter .plot svg{animation:.7s both sm-reveal}.sm-demo .view.enter .bar-list li:before{transform-origin:0;animation:.6s both sm-grow}@keyframes sm-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sm-grow{0%{transform:scaleX(0)}}@media (width<=900px){.sm-demo .vhero{grid-template-columns:minmax(0,1fr)}.sm-demo .vh-mode{justify-items:start}}@media (width<=640px){.sm-demo .why ul{grid-template-columns:minmax(0,1fr)}.sm-demo .vj-step{flex-basis:100%}.sm-demo .vj-arrow{display:none}.sm-demo .prev-tag{margin-left:0}.sm-demo .vh-side{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.sm-demo .vcards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.sm-demo .breakdowns,.sm-demo .split,.sm-demo .hm-body,.sm-demo .grid3{grid-template-columns:minmax(0,1fr)}}@media (width<=780px){.sm-demo[data-variant=embed] .timeline{max-height:none;margin:.65rem;position:relative;top:auto;right:auto}.sm-demo .top-actions>span,.sm-demo .top-actions .help{display:none}}@media (width<=640px){.sm-demo,.sm-demo[data-variant=full],.sm-demo.is-expanded{flex-direction:column;height:auto;min-height:0;display:flex}.sm-demo .app{order:1}.sm-demo .timeline{order:2}.sm-demo .rail,.sm-demo[data-variant=full] .rail{border-right:0;border-top:1px solid var(--line);border-radius:0 0 var(--radius,10px) var(--radius,10px);background:var(--surface-2);flex-direction:row;order:3;gap:0;padding:.25rem;overflow-x:auto}.sm-demo[data-variant=full] .rail{z-index:30;border-radius:0;position:sticky;bottom:0}.sm-demo .rail-brand,.sm-demo .menu-btn{display:none}.sm-demo .rail nav,.sm-demo.is-expanded .rail nav{gap:.15rem;width:max-content;display:flex}.sm-demo .rail nav a,.sm-demo.is-expanded .rail nav a,.sm-demo[data-variant=full] .rail nav a{flex-direction:column;flex:none;justify-content:center;gap:3px;width:62px;height:46px;padding:0}.sm-demo .rail-label,.sm-demo.is-expanded .rail-label,.sm-demo[data-variant=full] .rail-label{font-size:10px;display:block}.sm-demo .topbar{height:50px;padding:0 .65rem}.sm-demo .topbar strong{max-width:9rem}.sm-demo .demo-tag{display:none}.sm-demo .dashboard-body{padding:.55rem}.sm-demo[data-variant=full] .dashboard-body{overflow:visible}.sm-demo[data-variant=full] .app{display:block}.sm-demo .kpis,.sm-demo .vcards{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-demo .kpis>div+div{border-left:0}.sm-demo .kpis>div:nth-child(2n){border-left:1px solid var(--line)}.sm-demo .kpis>div:nth-child(n+3){border-top:1px solid var(--line)}.sm-demo .chart-frame{grid-template-rows:138px 22px;grid-template-columns:2rem minmax(0,1fr);padding-inline:.45rem}.sm-demo .plot,.sm-demo .plot svg,.sm-demo .y-axis{height:138px}.sm-demo .x-axis span:nth-child(2n){display:none}.sm-demo .tip{min-width:130px}.sm-demo[data-variant=full] .timeline{width:auto;max-height:60dvh;position:fixed;inset:auto .5rem 4.4rem}.sm-demo .controls{gap:.4rem}.sm-demo .rt-count b{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.sm-demo *,.sm-demo :before{transition:none!important;animation:none!important}}