.demo-root{background:var(--up-bg);color:var(--up-fg);font-family:var(--up-font-body);font-size:var(--up-text-base);line-height:var(--up-leading-base);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--up-tnum);min-height:100dvh}.demo-root *{box-sizing:border-box}.demo-root h1,.demo-root h2,.demo-root h3,.demo-root .display{font-family:var(--up-font-display);font-weight:var(--up-weight-medium);letter-spacing:var(--up-tracking-heading);margin:0}.demo-root p{margin:0}.demo-root button,.demo-root input,.demo-root textarea{font:inherit;color:inherit}.demo-root :focus-visible{box-shadow:var(--up-focus-ring);border-radius:var(--up-radius-sm);outline:none}.demo-root .jstop{border-bottom:1px solid var(--up-hairline);padding:var(--up-space-3) var(--up-space-6)}.demo-root .jstop-row{max-width:var(--up-container);justify-content:space-between;align-items:center;gap:var(--up-space-4);flex-wrap:wrap;margin:0 auto;display:flex}.demo-root .jstop-a{align-items:center;gap:var(--up-space-4);flex-shrink:0;display:flex}.demo-root .jsaviso{max-width:78ch;font-size:var(--up-text-xs);line-height:var(--up-leading-xs);color:var(--up-fg-secondary)}.demo-root .jsaviso strong{color:var(--up-fg);font-weight:var(--up-weight-medium)}.demo-root .jstop-row .jsaviso{flex:40ch}.demo-root .jstop-row+.jsaviso{max-width:var(--up-container);margin:var(--up-space-2) auto 0}.demo-root .jsback{font-size:var(--up-text-xs);color:var(--up-fg-secondary);border-bottom:1px solid var(--up-hairline);transition:color var(--up-dur-fast) var(--up-ease-enter);text-decoration:none}.demo-root .jsback:hover{color:var(--up-fg)}.demo-root .jsid{align-items:baseline;gap:var(--up-space-3);flex-wrap:wrap;min-width:0;display:flex}.demo-root .jsnome{font-family:var(--up-font-display);font-size:var(--up-text-md);line-height:var(--up-leading-md);font-weight:var(--up-weight-medium)}.demo-root .jscasa{align-items:center;gap:var(--up-space-2);font-size:var(--up-text-xs);color:var(--up-fg-secondary);display:inline-flex}.demo-root .jsicon{width:16px;height:16px;display:block}.demo-root .jslockup{font-size:var(--up-text-xs);color:var(--up-fg)}.demo-root .jsl-t{color:var(--up-fg-secondary)}.demo-root .estado{align-items:center;gap:var(--up-space-2);height:var(--up-control-sm);padding:0 var(--up-space-3);border:1px solid var(--up-hairline);border-radius:var(--up-radius-pill);font-size:var(--up-text-xs);font-weight:var(--up-weight-medium);color:var(--up-fg);white-space:nowrap;display:inline-flex}.demo-root .estado .dot{border-radius:var(--up-radius-pill);background:var(--up-fg);flex:0 0 6px;width:6px;height:6px}.demo-root .estado.beta .dot,.demo-root .estado.building .dot{box-shadow:inset 0 0 0 1.5px var(--up-fg);background:0 0}.demo-root .estado.exploring .dot{box-shadow:inset 0 0 0 1.5px var(--up-fg-secondary);background:0 0}.demo-root .shell{max-width:var(--up-container);padding:0 var(--up-space-6);grid-template-columns:var(--up-sidenav) 1fr;gap:var(--up-space-7);align-items:start;margin:0 auto;display:grid}.demo-root .shell.solo{grid-template-columns:minmax(0,1fr)}.demo-root .rail{padding:var(--up-space-6) 0 var(--up-space-7);scrollbar-width:none;align-self:start;max-height:100dvh;position:sticky;top:0;overflow:auto}.demo-root .rail::-webkit-scrollbar{display:none}.demo-root .brand{margin-bottom:var(--up-space-5);padding:0 var(--up-space-2)}.demo-root .brand .wm{font-family:var(--up-font-display);font-size:var(--up-text-md);letter-spacing:var(--up-wordmark-tracking);line-height:var(--up-wordmark-line-height)}.demo-root .brand .wm .un{font-weight:var(--up-weight-medium)}.demo-root .brand .wm .suf{font-weight:var(--up-weight-light)}.demo-root .brand .sub{margin-top:var(--up-space-2);font-size:var(--up-text-xs);line-height:var(--up-leading-xs);color:var(--up-fg-secondary)}.demo-root .rail-label{font-size:var(--up-text-xs);letter-spacing:var(--up-tracking-eyebrow);text-transform:uppercase;color:var(--up-fg-secondary);margin:0 0 var(--up-space-2) var(--up-space-2);font-weight:var(--up-weight-medium)}.demo-root .nav{margin:0 0 var(--up-space-5);flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.demo-root .nav button{align-items:center;gap:var(--up-space-3);text-align:left;width:100%;height:var(--up-control-sm);padding:0 var(--up-space-2);border-radius:var(--up-radius-md);color:var(--up-fg-secondary);font-size:var(--up-text-sm);font-weight:var(--up-weight-regular);cursor:pointer;white-space:nowrap;transition:background var(--up-dur-base) var(--up-ease-enter), color var(--up-dur-base) var(--up-ease-enter);background:0 0;border:0;display:flex}.demo-root .nav button:hover{background:var(--up-tint);color:var(--up-fg)}.demo-root .nav button[aria-current=true]{background:var(--up-tint);color:var(--up-fg);font-weight:var(--up-weight-medium);box-shadow:inset 2px 0 0 var(--up-detail)}.demo-root .nav .cnt{font-size:var(--up-text-xs);font-weight:var(--up-weight-regular);color:var(--up-fg-secondary);margin-left:auto}.demo-root .nav button[aria-current=true] .cnt{color:var(--up-fg)}.demo-root .rail-foot{font-size:var(--up-text-xs);line-height:var(--up-leading-xs);color:var(--up-fg-secondary);margin:0 var(--up-space-2);border-top:1px solid var(--up-hairline);padding-top:var(--up-space-4)}.demo-root .railcta{justify-content:center;align-items:center;gap:var(--up-space-2);background:var(--up-action);width:100%;color:var(--up-action-fg);border-radius:var(--up-radius-md);height:var(--up-control-md);padding:0 var(--up-space-4);font-size:var(--up-text-sm);font-weight:var(--up-weight-medium);cursor:pointer;margin-bottom:var(--up-space-5);transition:background var(--up-dur-base) var(--up-ease-enter);border:0;display:flex}.demo-root .railcta:hover{background:var(--up-action-hover)}.demo-root .main{padding:var(--up-space-7) 0 var(--up-space-9);min-width:0;max-width:780px}.demo-root .shell.solo .main{margin:0 auto}.demo-root .main:focus,.demo-root .main:focus-visible{box-shadow:none;outline:none}.demo-root .step{animation:demo-rise var(--up-dur-slow) var(--up-ease-enter) both}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.demo-root .eyebrow{font-size:var(--up-text-xs);letter-spacing:var(--up-tracking-eyebrow);text-transform:uppercase;color:var(--up-fg-secondary);font-weight:var(--up-weight-medium);margin-bottom:var(--up-space-3)}.demo-root h1.title{font-size:var(--up-heading-app);line-height:var(--up-heading-app-leading);margin-bottom:var(--up-space-3)}.demo-root .lede{font-size:var(--up-text-md);line-height:var(--up-leading-md);color:var(--up-fg-secondary);max-width:58ch;margin-bottom:var(--up-space-5)}.demo-root .card{background:var(--up-bg);border:1px solid var(--up-hairline);border-radius:var(--up-radius-xl);box-shadow:var(--up-shadow-1);overflow:hidden}.demo-root .card+.card{margin-top:var(--up-space-4)}.demo-root .card-h{justify-content:space-between;align-items:baseline;gap:var(--up-space-4);padding:var(--up-space-4) var(--up-space-5);border-bottom:1px solid var(--up-hairline);display:flex}.demo-root .card-h .h{font-family:var(--up-font-display);font-size:var(--up-text-base);font-weight:var(--up-weight-medium)}.demo-root .card-h .m{font-size:var(--up-text-xs);color:var(--up-fg-secondary)}.demo-root .pad{padding:var(--up-space-5)}.demo-root .seg{margin-bottom:var(--up-space-5);border-bottom:1px solid var(--up-hairline);padding:0 3px;display:inline-grid;position:relative}.demo-root .seg .thumb{background:var(--up-fg);height:2px;transition:transform var(--up-dur-slow) var(--up-ease-settle);z-index:0;position:absolute;bottom:-1px;left:3px}.demo-root .seg button{z-index:1;height:var(--up-control-md);padding:0 var(--up-space-4);font-size:var(--up-text-sm);font-weight:var(--up-weight-medium);color:var(--up-fg-secondary);cursor:pointer;transition:color var(--up-dur-base) var(--up-ease-enter);white-space:nowrap;background:0 0;border:0;position:relative}.demo-root .seg button:hover,.demo-root .seg button[aria-selected=true]{color:var(--up-fg)}.demo-root .facts{padding:var(--up-space-1) 0}.demo-root .fact{gap:var(--up-space-4);padding:var(--up-space-3) var(--up-space-5);transition:background var(--up-dur-fast) var(--up-ease-enter);grid-template-columns:150px 1fr auto;align-items:start;display:grid}.demo-root .fact+.fact{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .fact:hover{background:var(--up-tint)}.demo-root .fact .k{font-size:var(--up-text-sm);color:var(--up-fg-secondary)}.demo-root .fact .v{font-size:var(--up-text-base);line-height:var(--up-leading-base);min-width:0}.demo-root .prov{font-size:var(--up-text-xs);line-height:var(--up-leading-xs);color:var(--up-fg-secondary);margin-top:var(--up-space-1)}.demo-root .tag{align-items:center;gap:var(--up-space-1);margin-left:var(--up-space-2);font-size:var(--up-text-xs);letter-spacing:var(--up-tracking-eyebrow);text-transform:uppercase;color:var(--up-fg-secondary);background:var(--up-tint);border-radius:var(--up-radius-pill);padding:0 var(--up-space-2);font-weight:var(--up-weight-medium);display:inline-flex}.demo-root .tag.assumed{border:1px dashed var(--up-hairline);background:0 0}.demo-root .tag.devolvida{border:1px solid var(--up-hairline);color:var(--up-fg);background:0 0}.demo-root .fact .a{opacity:.7;transition:opacity var(--up-dur-fast) var(--up-ease-enter)}.demo-root .fact:hover .a,.demo-root .fact:focus-within .a{opacity:1}.demo-root .linkish{height:var(--up-control-sm);padding:0 var(--up-space-2);margin:0 calc(-1 * var(--up-space-2));border-radius:var(--up-radius-md);color:var(--up-fg-secondary);font-size:var(--up-text-sm);cursor:pointer;transition:color var(--up-dur-fast) var(--up-ease-enter), background var(--up-dur-fast) var(--up-ease-enter);background:0 0;border:0}.demo-root .linkish:hover{color:var(--up-fg);background:var(--up-tint)}.demo-root .fact input{border:1px solid var(--up-hairline);border-radius:var(--up-radius-md);width:100%;height:var(--up-control-sm);padding:0 var(--up-space-3);font-size:var(--up-text-base);background:0 0}.demo-root .acc{border-top:1px solid var(--up-hairline)}.demo-root .acc-t{justify-content:space-between;align-items:center;gap:var(--up-space-3);width:100%;min-height:var(--up-row-comfortable);padding:var(--up-space-3) var(--up-space-5);cursor:pointer;text-align:left;font-size:var(--up-text-sm);color:var(--up-fg-secondary);transition:color var(--up-dur-fast) var(--up-ease-enter), background var(--up-dur-fast) var(--up-ease-enter);background:0 0;border:0;display:flex}.demo-root .acc-t:hover{color:var(--up-fg);background:var(--up-tint)}.demo-root .acc-t .chev{transition:transform var(--up-dur-base) var(--up-ease-settle);color:var(--up-fg-secondary)}.demo-root .acc-t[aria-expanded=true] .chev{transform:rotate(90deg)}.demo-root .acc-b{display:none}.demo-root .acc-b.open{animation:demo-rise var(--up-dur-base) var(--up-ease-enter) both;display:block}.demo-root .file{gap:var(--up-space-4);padding:var(--up-space-3) var(--up-space-5);align-items:center;display:flex}.demo-root .file+.file{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .file .ic{border-radius:var(--up-radius-md);background:var(--up-tint);border:1px solid var(--up-hairline);width:38px;height:44px;font-size:var(--up-text-xs);letter-spacing:var(--up-tracking-eyebrow);color:var(--up-fg-secondary);font-weight:var(--up-weight-medium);flex:0 0 38px;place-items:center;display:grid}.demo-root .file .t{font-size:var(--up-text-base)}.demo-root .file .s{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:2px}.demo-root .drop{margin:var(--up-space-3) var(--up-space-5) var(--up-space-5);border:1px dashed var(--up-hairline);border-radius:var(--up-radius-lg);padding:var(--up-space-6) var(--up-space-5);text-align:center;transition:border-color var(--up-dur-base) var(--up-ease-enter), background var(--up-dur-base) var(--up-ease-enter)}.demo-root .drop:hover{border-color:var(--up-fg-secondary);background:var(--up-tint)}.demo-root .drop .t{font-size:var(--up-text-base);margin-bottom:var(--up-space-1)}.demo-root .drop .s{font-size:var(--up-text-sm);color:var(--up-fg-secondary);max-width:46ch;margin:0 auto}.demo-root .mgrid{gap:var(--up-space-2);padding:var(--up-space-5);grid-template-columns:repeat(6,1fr);display:grid}.demo-root .mi{aspect-ratio:1;border-radius:var(--up-radius-md);border:1px solid var(--up-hairline);cursor:pointer;transition:transform var(--up-dur-base) var(--up-ease-enter);position:relative;overflow:hidden}.demo-root .mi:hover{transform:scale(1.025)}.demo-root .mi .cap{padding:var(--up-space-4) var(--up-space-2) var(--up-space-1);font-size:var(--up-text-xs);color:var(--up-inverse-fg);background:linear-gradient(transparent, var(--up-inverse-bg));opacity:0;transition:opacity var(--up-dur-base) var(--up-ease-enter);position:absolute;bottom:0;left:0;right:0}.demo-root .mi:hover .cap{opacity:1}.demo-root .mi .pl{color:var(--up-fg-secondary);place-items:center;display:grid;position:absolute;inset:0}.demo-root .mmore{aspect-ratio:1;border-radius:var(--up-radius-md);border:1px dashed var(--up-hairline);color:var(--up-fg-secondary);font-size:var(--up-text-sm);cursor:pointer;place-items:center;display:grid}.demo-root .work{padding:var(--up-space-4) var(--up-space-5);gap:var(--up-space-3);grid-template-columns:1fr auto;align-items:center;display:grid}.demo-root .work+.work{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .work .t{font-size:var(--up-text-base)}.demo-root .work .s{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:2px}.demo-root .runs{padding:0 var(--up-space-5) var(--up-space-4)}.demo-root .run{gap:var(--up-space-3);min-height:var(--up-row-compact);font-size:var(--up-text-sm);color:var(--up-fg-secondary);grid-template-columns:88px 1fr auto;align-items:center;display:grid}.demo-root .run+.run{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .run .d{color:var(--up-fg-secondary);font-size:var(--up-text-xs)}.demo-root .run .n{color:var(--up-fg)}.demo-root .spine{gap:var(--up-space-2);margin-bottom:var(--up-space-4);flex-wrap:wrap;display:flex}.demo-root .spine div{align-items:center;gap:var(--up-space-2);height:var(--up-control-sm);font-size:var(--up-text-xs);color:var(--up-fg-secondary);border:1px solid var(--up-hairline);border-radius:var(--up-radius-pill);padding:0 var(--up-space-3);display:flex}.demo-root .spine div.on{color:var(--up-fg);background:var(--up-tint)}.demo-root .spine .c{font-size:var(--up-text-xs);color:var(--up-fg-secondary)}.demo-root .spine div.on .c{color:var(--up-fg)}.demo-root .q{background:var(--up-bg);border:1px solid var(--up-hairline);border-radius:var(--up-radius-xl);padding:var(--up-space-5);box-shadow:var(--up-shadow-1);margin-top:var(--up-space-4)}.demo-root .qt{font-family:var(--up-font-display);font-size:var(--up-text-xl);line-height:var(--up-leading-xl);font-weight:var(--up-weight-medium);margin-bottom:var(--up-space-1)}.demo-root .qh{font-size:var(--up-text-sm);color:var(--up-fg-secondary);margin-bottom:var(--up-space-4)}.demo-root textarea{border:1px solid var(--up-hairline);border-radius:var(--up-radius-lg);width:100%;padding:var(--up-space-3) var(--up-space-4);font-size:var(--up-text-base);line-height:var(--up-leading-base);resize:vertical;transition:border-color var(--up-dur-base) var(--up-ease-enter);background:0 0}.demo-root textarea:focus{border-color:var(--up-fg)}.demo-root textarea::placeholder{color:var(--up-fg-secondary)}.demo-root .qfoot{justify-content:space-between;align-items:center;gap:var(--up-space-3);margin-top:var(--up-space-3);flex-wrap:wrap;display:flex}.demo-root .btn{border:1px solid var(--up-hairline);border-radius:var(--up-radius-md);height:var(--up-control-md);padding:0 var(--up-space-4);font-size:var(--up-text-sm);font-weight:var(--up-weight-medium);color:var(--up-fg);cursor:pointer;transition:background var(--up-dur-base) var(--up-ease-enter), border-color var(--up-dur-base) var(--up-ease-enter);background:0 0}.demo-root .btn:hover{background:var(--up-tint)}.demo-root .btn.primary{background:var(--up-action);color:var(--up-action-fg);border-color:#0000}.demo-root .btn.primary:hover{background:var(--up-action-hover)}.demo-root .btn.quiet{color:var(--up-fg-secondary);background:0 0;border-color:#0000}.demo-root .btn.quiet:hover{color:var(--up-fg);background:var(--up-tint)}.demo-root .btnrow{gap:var(--up-space-2);flex-wrap:wrap;align-items:center;display:flex}.demo-root .mic{align-items:center;gap:var(--up-space-2);border:1px solid var(--up-hairline);border-radius:var(--up-radius-md);height:var(--up-control-md);padding:0 var(--up-space-4);font-size:var(--up-text-sm);color:var(--up-fg-secondary);cursor:pointer;transition:color var(--up-dur-base) var(--up-ease-enter), border-color var(--up-dur-base) var(--up-ease-enter), background var(--up-dur-base) var(--up-ease-enter);background:0 0;display:inline-flex}.demo-root .mic .dot{border-radius:var(--up-radius-pill);background:var(--up-fg-secondary);width:6px;height:6px;transition:background var(--up-dur-base) var(--up-ease-enter);flex:0 0 6px}.demo-root .mic.rec{color:var(--up-fg);border-color:var(--up-fg);background:var(--up-tint)}.demo-root .mic.rec .dot{background:var(--up-fg);animation:demo-pulse 1.5s var(--up-ease-draw) infinite}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.25}}.demo-root .notice{margin-top:var(--up-space-3);font-size:var(--up-text-sm);color:var(--up-fg-secondary);background:var(--up-tint);border-radius:var(--up-radius-md);padding:var(--up-space-2) var(--up-space-3)}.demo-root .tasks{padding:var(--up-space-2) 0;margin:0;list-style:none}.demo-root .tasks li{gap:var(--up-space-3);min-height:var(--up-row-comfortable);padding:var(--up-space-2) var(--up-space-5);font-size:var(--up-text-base);color:var(--up-fg-secondary);grid-template-columns:22px 1fr auto;align-items:center;display:grid}.demo-root .tasks li.done{color:var(--up-fg-secondary)}.demo-root .tasks li.run{color:var(--up-fg)}.demo-root .tasks .mk{font-size:var(--up-text-xs);place-items:center;display:grid}.demo-root .tasks li.run .mk{animation:demo-pulse 1.6s var(--up-ease-draw) infinite}.demo-root .tasks .d{font-size:var(--up-text-xs);color:var(--up-fg-secondary)}.demo-root .posts{gap:var(--up-space-3);padding:var(--up-space-5);grid-template-columns:repeat(2,1fr);display:grid}.demo-root .post{background:var(--up-bg);border:1px solid var(--up-hairline);border-radius:var(--up-radius-lg);overflow:hidden}.demo-root .post .img{aspect-ratio:1;position:relative}.demo-root .post .meta{padding:var(--up-space-3)}.demo-root .post .hd{align-items:center;gap:var(--up-space-2);margin-bottom:var(--up-space-2);display:flex}.demo-root .post .av{border-radius:var(--up-radius-pill);background:var(--up-tint-strong);width:22px;height:22px;font-size:var(--up-text-xs);font-weight:var(--up-weight-medium);color:var(--up-fg-secondary);place-items:center;display:grid}.demo-root .post .hn{font-size:var(--up-text-xs);color:var(--up-fg-secondary)}.demo-root .post .cp{font-size:var(--up-text-sm);line-height:var(--up-leading-sm);color:var(--up-fg-secondary)}.demo-root .post .pf{margin-top:var(--up-space-2);font-size:var(--up-text-xs);letter-spacing:var(--up-tracking-eyebrow);text-transform:uppercase;color:var(--up-fg-secondary)}.demo-root .factored{align-items:flex-end;gap:var(--up-space-5);padding:var(--up-space-6) var(--up-space-5);flex-wrap:wrap;display:flex}.demo-root .metric .lab{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-bottom:var(--up-space-2);font-weight:var(--up-kpi-label-weight)}.demo-root .metric .val{font-family:var(--up-font-display);font-size:var(--up-text-3xl);line-height:var(--up-leading-3xl);font-weight:var(--up-weight-medium)}.demo-root .metric.small .val{font-size:var(--up-text-xl);line-height:var(--up-leading-xl);color:var(--up-fg-secondary)}.demo-root .metric .delta{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:var(--up-space-2)}.demo-root .op{font-size:var(--up-text-lg);color:var(--up-fg-secondary);padding-bottom:var(--up-space-3)}.demo-root .cal{padding:var(--up-space-5)}.demo-root .cal-h{gap:var(--up-space-1);margin-bottom:var(--up-space-2);grid-template-columns:repeat(7,1fr);max-width:432px;display:grid}.demo-root .cal-h span{font-size:var(--up-text-xs);color:var(--up-fg-secondary);text-align:center}.demo-root .cal-g{gap:var(--up-space-1);grid-template-columns:repeat(7,1fr);max-width:432px;display:grid}.demo-root .cel{aspect-ratio:1;border-radius:var(--up-radius-md);border:1px solid var(--up-hairline);font-size:var(--up-text-xs);color:var(--up-fg-secondary);place-items:center;display:grid;position:relative}.demo-root .cel.has{background:var(--up-tint);color:var(--up-fg)}.demo-root .cel.has:after{content:"";bottom:var(--up-space-1);border-radius:var(--up-radius-pill);background:var(--up-fg);width:4px;height:4px;position:absolute}.demo-root .cel.dim{color:var(--up-fg-disabled);border-color:#0000}.demo-root table{border-collapse:collapse;width:100%;font-size:var(--up-text-sm)}.demo-root th{text-align:left;font-size:var(--up-text-xs);color:var(--up-fg-secondary);font-weight:var(--up-weight-medium);height:var(--up-row-compact);padding:0 var(--up-space-5);border-bottom:1px solid var(--up-hairline)}.demo-root td{height:var(--up-row-comfortable);padding:0 var(--up-space-5);color:var(--up-fg-secondary);box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root td.num,.demo-root th.num{text-align:right}.demo-root .item{gap:var(--up-space-4);padding:var(--up-space-5);transition:opacity var(--up-dur-base) var(--up-ease-enter);grid-template-columns:96px 1fr;display:grid}.demo-root .item+.item{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .item.resolved{opacity:var(--up-alpha-disabled)}.demo-root .item .type{font-size:var(--up-text-xs);letter-spacing:var(--up-tracking-eyebrow);text-transform:uppercase;color:var(--up-fg-secondary);font-weight:var(--up-weight-medium)}.demo-root .item .co{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-bottom:var(--up-space-1)}.demo-root .item .ti{font-size:var(--up-text-md);margin-bottom:var(--up-space-1)}.demo-root .why{margin-top:var(--up-space-5);border-top:1px solid var(--up-hairline);padding-top:var(--up-space-3)}.demo-root .why-t{height:var(--up-control-sm);padding:0 var(--up-space-3);margin-left:calc(-1 * var(--up-space-3));border-radius:var(--up-radius-md);font-size:var(--up-text-sm);color:var(--up-fg-secondary);cursor:pointer;align-items:center;gap:var(--up-space-2);text-align:left;transition:color var(--up-dur-fast) var(--up-ease-enter), background var(--up-dur-fast) var(--up-ease-enter);background:0 0;border:0;display:inline-flex}.demo-root .why-t:hover{color:var(--up-fg);background:var(--up-tint)}.demo-root .skilltag{font-size:var(--up-text-xs);color:var(--up-fg-secondary);border:1px solid var(--up-hairline);border-radius:var(--up-radius-pill);padding:0 var(--up-space-2);white-space:nowrap;font-weight:var(--up-weight-medium)}.demo-root .why-t .chev{transition:transform var(--up-dur-base) var(--up-ease-settle)}.demo-root .why-t[aria-expanded=true] .chev{transform:rotate(90deg)}.demo-root .why-b{display:none}.demo-root .why-b.open{animation:demo-rise var(--up-dur-base) var(--up-ease-enter) both;margin-top:var(--up-space-3);font-size:var(--up-text-sm);line-height:var(--up-leading-md);color:var(--up-fg-secondary);max-width:64ch;display:block}.demo-root .why-b p{margin:0 0 var(--up-space-3)}.demo-root .why-b strong{color:var(--up-fg);font-weight:var(--up-weight-medium)}.demo-root .foot{margin-top:var(--up-space-6);padding-top:var(--up-space-5);border-top:1px solid var(--up-hairline);max-width:62ch}.demo-root .foot h3{font-size:var(--up-text-xs);color:var(--up-fg-secondary);text-transform:uppercase;letter-spacing:var(--up-tracking-eyebrow);font-weight:var(--up-weight-medium);margin-bottom:var(--up-space-3)}.demo-root .foot p{font-size:var(--up-text-sm);color:var(--up-fg-secondary);line-height:var(--up-leading-md);margin-bottom:var(--up-space-3)}.demo-root .pager{justify-content:space-between;gap:var(--up-space-3);margin-top:var(--up-space-6);padding-top:var(--up-space-5);border-top:1px solid var(--up-hairline);display:flex}.demo-root .small{font-size:var(--up-text-sm)}.demo-root .xsmall{font-size:var(--up-text-xs)}.demo-root .dim,.demo-root .muted{color:var(--up-fg-secondary)}.demo-root .hint{font-size:var(--up-text-xs);color:var(--up-fg-secondary);padding:0 var(--up-space-5) var(--up-space-5)}.demo-root .band{background:var(--up-hairline);border:1px solid var(--up-hairline);border-radius:var(--up-radius-lg);margin-bottom:var(--up-space-4);box-shadow:var(--up-shadow-1);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.demo-root .band .b{background:var(--up-bg);padding:var(--up-space-4);text-align:left;cursor:pointer;transition:background var(--up-dur-fast) var(--up-ease-enter);border:0}.demo-root .band .b:hover{background:var(--up-tint)}.demo-root .band .lab{font-size:var(--up-text-xs);color:var(--up-fg-secondary);font-weight:var(--up-kpi-label-weight);margin-bottom:var(--up-space-2)}.demo-root .band .val{font-family:var(--up-font-display);font-size:var(--up-text-2xl);line-height:var(--up-leading-2xl);font-weight:var(--up-weight-medium)}.demo-root .band .cmp{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:var(--up-space-1)}.demo-root .rows{padding:var(--up-space-1) 0}.demo-root .row{gap:var(--up-space-4);width:100%;min-height:var(--up-row-comfortable);padding:var(--up-space-3) var(--up-space-5);text-align:left;cursor:pointer;transition:background var(--up-dur-fast) var(--up-ease-enter);background:0 0;border:0;grid-template-columns:74px 1fr 168px 104px;align-items:center;display:grid}.demo-root .row+.row{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .row:hover{background:var(--up-tint)}.demo-root .row .d{font-size:var(--up-text-xs);color:var(--up-fg-secondary)}.demo-root .row .n{font-size:var(--up-text-base);color:var(--up-fg);line-height:var(--up-leading-base)}.demo-root .row .sub{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:2px}.demo-root .row .res{font-size:var(--up-text-sm);color:var(--up-fg-secondary);text-align:right}.demo-root .row .res .u{color:var(--up-fg-secondary);font-size:var(--up-text-xs)}.demo-root .row.off{cursor:default}.demo-root .row.off:hover{background:0 0}.demo-root .mods{gap:var(--up-space-1);margin-top:var(--up-space-1);flex-wrap:wrap;display:flex}.demo-root .mod{font-size:var(--up-text-xs);color:var(--up-fg-secondary);background:var(--up-tint);border-radius:var(--up-radius-pill);padding:0 var(--up-space-2);white-space:nowrap;font-weight:var(--up-weight-medium);text-decoration:none}.demo-root a.mod:hover{color:var(--up-fg);background:var(--up-tint-strong)}.demo-root .mod.anchor{background:var(--up-tint-strong);color:var(--up-fg)}.demo-root .mod.missing{border:1px dashed var(--up-hairline);background:0 0}.demo-root .st{font-size:var(--up-text-xs);color:var(--up-fg-secondary);align-items:center;gap:var(--up-space-2);display:inline-flex}.demo-root .st:before{content:"";border-radius:var(--up-radius-pill);background:var(--up-fg-secondary);flex:0 0 6px;width:6px;height:6px}.demo-root .st.now{color:var(--up-fg)}.demo-root .st.now:before{background:var(--up-fg);animation:demo-pulse 1.7s var(--up-ease-draw) infinite}.demo-root .st.wait{color:var(--up-fg)}.demo-root .st.wait:before{box-shadow:inset 0 0 0 1.5px var(--up-fg);background:0 0}.demo-root .st.done{color:var(--up-fg-secondary)}.demo-root .crumb{height:var(--up-control-sm);padding:0 var(--up-space-3);margin:0 0 var(--up-space-4) calc(-1 * var(--up-space-3));border-radius:var(--up-radius-md);font-size:var(--up-text-sm);line-height:var(--up-control-sm);color:var(--up-fg-secondary);cursor:pointer;transition:color var(--up-dur-fast) var(--up-ease-enter), background var(--up-dur-fast) var(--up-ease-enter);background:0 0;border:0;text-decoration:none;display:inline-block}.demo-root .crumb:hover{color:var(--up-fg);background:var(--up-tint)}.demo-root .prog{gap:var(--up-space-2);margin:0 0 var(--up-space-6);grid-template-columns:repeat(4,1fr);display:grid}.demo-root .prog .p{padding-top:var(--up-space-2);border-top:2px solid var(--up-hairline);font-size:var(--up-text-xs);color:var(--up-fg-secondary);transition:border-color var(--up-dur-base) var(--up-ease-enter), color var(--up-dur-base) var(--up-ease-enter)}.demo-root .prog .p.done{border-top-color:var(--up-fg-secondary);color:var(--up-fg-secondary)}.demo-root .prog .p.now{border-top-color:var(--up-fg);color:var(--up-fg)}.demo-root .prog .p .w{font-size:var(--up-text-xs);color:var(--up-fg-secondary);display:block}.demo-root .kpis{background:var(--up-hairline);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.demo-root .kpi{background:var(--up-bg);padding:var(--up-space-4) var(--up-space-5)}.demo-root .kpi .lab{font-size:var(--up-text-xs);color:var(--up-fg-secondary);font-weight:var(--up-kpi-label-weight);margin-bottom:var(--up-space-2)}.demo-root .kpi .val{font-family:var(--up-font-display);font-size:var(--up-text-3xl);line-height:var(--up-leading-3xl);font-weight:var(--up-weight-medium)}.demo-root .kpi .cmp{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:var(--up-space-2)}.demo-root .kpi .act{font-size:var(--up-text-sm);color:var(--up-fg-secondary);margin-top:var(--up-space-3);padding-top:var(--up-space-3);border-top:1px solid var(--up-hairline);line-height:var(--up-leading-sm)}.demo-root .kpi.none .val{font-size:var(--up-text-md);line-height:var(--up-leading-md);color:var(--up-fg-secondary);font-family:var(--up-font-body);font-weight:var(--up-weight-regular)}.demo-root .plan{padding:var(--up-space-1) 0}.demo-root .pstep{gap:var(--up-space-3);padding:var(--up-space-3) var(--up-space-5);grid-template-columns:22px 1fr auto;align-items:start;display:grid}.demo-root .pstep+.pstep{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .pstep .mk{border-radius:var(--up-radius-pill);background:var(--up-tint);width:22px;height:22px;color:var(--up-fg-secondary);font-size:var(--up-text-xs);place-items:center;display:grid}.demo-root .pstep .t{font-size:var(--up-text-base);line-height:var(--up-leading-base)}.demo-root .pstep.locked .t{color:var(--up-fg-secondary)}.demo-root .pstep.locked .mk{color:var(--up-fg-disabled)}.demo-root .up{margin:2px var(--up-space-5) var(--up-space-5);border:1px dashed var(--up-hairline);border-radius:var(--up-radius-lg);padding:var(--up-space-4);background:var(--up-tint)}.demo-root .up .t{font-size:var(--up-text-sm);color:var(--up-fg);margin-bottom:var(--up-space-1);font-weight:var(--up-weight-medium)}.demo-root .up .s{font-size:var(--up-text-sm);color:var(--up-fg-secondary);line-height:var(--up-leading-sm);margin-bottom:var(--up-space-3);max-width:56ch}.demo-root .pline{padding:var(--up-space-5)}.demo-root .pline+.pline{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .pline .hd{justify-content:space-between;align-items:baseline;gap:var(--up-space-4);margin-bottom:var(--up-space-4);display:flex}.demo-root .pline .nm{font-family:var(--up-font-display);font-size:var(--up-text-md);line-height:var(--up-leading-md);font-weight:var(--up-weight-medium)}.demo-root .pline .tec{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:2px}.demo-root .pline .pr{font-size:var(--up-text-sm);color:var(--up-fg-secondary);white-space:nowrap}.demo-root .quad{gap:var(--up-space-3);margin-bottom:var(--up-space-3);grid-template-columns:repeat(4,1fr);display:grid}.demo-root .quad .q4 .l{font-size:var(--up-text-xs);color:var(--up-fg-secondary);font-weight:var(--up-kpi-label-weight);margin-bottom:var(--up-space-1)}.demo-root .quad .q4 .v{font-size:var(--up-text-md);line-height:var(--up-leading-md);font-family:var(--up-font-display);font-weight:var(--up-weight-medium)}.demo-root .quad .q4 .v.sm{font-size:var(--up-text-sm);font-family:var(--up-font-body);font-weight:var(--up-weight-regular);color:var(--up-fg-secondary)}.demo-root .cat{gap:var(--up-space-3);padding:var(--up-space-5);grid-template-columns:repeat(2,1fr);display:grid}.demo-root .cati{border:1px solid var(--up-hairline);border-radius:var(--up-radius-lg);padding:var(--up-space-4);background:var(--up-bg)}.demo-root .cati .nm{font-size:var(--up-text-base);font-weight:var(--up-weight-medium);margin-bottom:var(--up-space-1)}.demo-root .cati .ds{font-size:var(--up-text-xs);color:var(--up-fg-secondary);line-height:var(--up-leading-xs);margin-bottom:var(--up-space-3);min-height:36px}.demo-root .cati .pr{font-size:var(--up-text-sm);color:var(--up-fg-secondary);margin-bottom:var(--up-space-3)}.demo-root .tiers{gap:var(--up-space-2);padding:0 var(--up-space-5) var(--up-space-5);flex-wrap:wrap;display:flex}.demo-root .tier{border:1px solid var(--up-hairline);border-radius:var(--up-radius-lg);min-width:150px;padding:var(--up-space-4);background:var(--up-bg);flex:1}.demo-root .tier .n{font-size:var(--up-text-sm);color:var(--up-fg-secondary);margin-bottom:var(--up-space-2)}.demo-root .tier .p{font-family:var(--up-font-display);font-size:var(--up-text-2xl);line-height:var(--up-leading-2xl);font-weight:var(--up-weight-medium)}.demo-root .tier .p i{font-style:normal;font-size:var(--up-text-xs);color:var(--up-fg-secondary);font-family:var(--up-font-body);font-weight:var(--up-weight-regular)}.demo-root .tier .d{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-top:var(--up-space-2);line-height:var(--up-leading-xs)}.demo-root .wait-i{gap:var(--up-space-4);padding:var(--up-space-4) var(--up-space-5);grid-template-columns:1fr auto;align-items:center;display:grid}.demo-root .wait-i+.wait-i{box-shadow:inset 0 1px 0 var(--up-hairline)}.demo-root .wait-i .ti{font-size:var(--up-text-md);margin-bottom:var(--up-space-1)}.demo-root .wait-i .co{font-size:var(--up-text-xs);color:var(--up-fg-secondary);margin-bottom:var(--up-space-1)}.demo-root .wait-i .cost{font-size:var(--up-text-sm);color:var(--up-fg-secondary)}.demo-root .empty{padding:var(--up-space-7) var(--up-space-5);text-align:center;color:var(--up-fg-secondary);font-size:var(--up-text-sm)}.demo-root .vistas{max-width:var(--up-container);justify-content:space-between;align-items:center;gap:var(--up-space-4);margin-inline:auto;margin-top:var(--up-space-3);border-top:1px solid var(--up-hairline);padding-top:var(--up-space-2);flex-wrap:wrap;display:flex}.demo-root .vtabs{align-items:stretch;gap:var(--up-space-4);min-width:0;display:flex}.demo-root .vtab{height:var(--up-control-md);padding:0 var(--up-space-1);font-size:var(--up-text-sm);color:var(--up-fg-secondary);cursor:pointer;white-space:nowrap;transition:color var(--up-dur-fast) var(--up-ease-enter), border-color var(--up-dur-base) var(--up-ease-settle);background:0 0;border:0;border-bottom:2px solid #0000}.demo-root .vtab:hover{color:var(--up-fg)}.demo-root .vtab[aria-selected=true]{color:var(--up-fg);font-weight:var(--up-weight-medium);border-bottom-color:var(--up-fg)}.demo-root .vcta{height:var(--up-control-md);flex:none}.demo-root .micw{align-items:center;gap:var(--up-space-3);flex-wrap:wrap;min-width:0;display:inline-flex}.demo-root .mic:disabled{color:var(--up-fg-disabled);cursor:not-allowed}.demo-root .mic:disabled .dot{background:var(--up-fg-disabled)}.demo-root .micnota{font-size:var(--up-text-xs);line-height:var(--up-leading-xs);color:var(--up-fg-secondary);max-width:34ch}.demo-root .toastw{left:50%;bottom:var(--up-space-5);z-index:40;pointer-events:none;padding:0 var(--up-space-4);justify-content:center;max-width:100%;display:flex;position:fixed;transform:translate(-50%)}.demo-root .toast{pointer-events:auto;align-items:center;gap:var(--up-space-4);background:var(--up-inverse-bg);color:var(--up-inverse-fg);border-radius:var(--up-radius-lg);box-shadow:var(--up-shadow-3);padding:var(--up-space-3) var(--up-space-4);font-size:var(--up-text-sm);animation:demo-toast var(--up-dur-slow) var(--up-ease-enter) both;display:inline-flex}@keyframes demo-toast{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.demo-root .toast .tx{max-width:44ch}.demo-root .toast .un{color:inherit;font-size:var(--up-text-sm);font-weight:var(--up-weight-medium);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;text-decoration:underline}.demo-root .dlg-ov{z-index:50;background:var(--up-overlay);padding:var(--up-space-5);animation:demo-fade var(--up-dur-base) var(--up-ease-enter) both;place-items:center;display:grid;position:fixed;inset:0}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}.demo-root .dlg{background:var(--up-bg);color:var(--up-fg);border:1px solid var(--up-hairline);border-radius:var(--up-radius-xl);box-shadow:var(--up-shadow-3);width:min(560px,100%);max-height:84dvh;animation:demo-rise var(--up-dur-slow) var(--up-ease-enter) both;overflow:auto}.demo-root .dlg:focus,.demo-root .dlg:focus-visible{outline:none}.demo-root .dlg-h{justify-content:space-between;align-items:center;gap:var(--up-space-4);padding:var(--up-space-4) var(--up-space-5);box-shadow:inset 0 -1px 0 var(--up-hairline);background:var(--up-bg);display:flex;position:sticky;top:0}.demo-root .dlg-h .t{font-family:var(--up-font-display);font-size:var(--up-text-md);line-height:var(--up-leading-md);font-weight:var(--up-weight-medium)}.demo-root .dlg-b{padding:var(--up-space-1) 0 var(--up-space-4)}.demo-root .fedit{gap:var(--up-space-2);animation:demo-reveal var(--up-dur-base) var(--up-ease-settle) both;display:grid}@keyframes demo-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.demo-root .empty.first{padding:var(--up-space-8) var(--up-space-5) var(--up-space-5);text-align:left}.demo-root .empty .et{font-size:var(--up-heading-app);line-height:var(--up-heading-app-leading);color:var(--up-fg);margin-bottom:var(--up-space-3)}.demo-root .empty .ec{font-size:var(--up-text-base);line-height:var(--up-leading-base);color:var(--up-fg-secondary);max-width:56ch}.demo-root .escape{margin-top:var(--up-space-3)}.demo-root .sk{gap:var(--up-space-2);padding:var(--up-space-4) var(--up-space-5);display:grid}.demo-root .sk i{height:var(--up-space-4);border-radius:var(--up-radius-sm);background:var(--up-tint-strong);animation:demo-pulse 1.2s var(--up-ease-draw) infinite;display:block}.demo-root .sk i:nth-child(2){width:78%}.demo-root .sk i:nth-child(3){width:54%}@media (width<=1023px){.demo-root .jstop{padding:var(--up-space-3) var(--up-space-5)}.demo-root .shell{padding:0 var(--up-space-5);grid-template-columns:minmax(0,1fr);gap:0}.demo-root .rail{max-height:none;padding:var(--up-space-5) 0 var(--up-space-1);position:static}.demo-root .nav{gap:var(--up-space-1);padding-bottom:var(--up-space-1);flex-direction:row;overflow:auto}.demo-root .nav button{width:auto}.demo-root .rail-foot{display:none}.demo-root .vistas{align-items:stretch;gap:var(--up-space-3);flex-direction:column}.demo-root .vcta{align-self:flex-start}.demo-root .main{padding:var(--up-space-5) 0 var(--up-space-8)}.demo-root .mgrid{grid-template-columns:repeat(3,1fr)}.demo-root .posts{grid-template-columns:1fr}.demo-root .fact{gap:var(--up-space-1);grid-template-columns:1fr}.demo-root .fact .a{opacity:1}.demo-root .band{grid-template-columns:repeat(2,1fr)}.demo-root .row{gap:var(--up-space-1);grid-template-columns:1fr}.demo-root .row .res{text-align:left}.demo-root .kpis{grid-template-columns:1fr}.demo-root .quad{grid-template-columns:repeat(2,1fr)}.demo-root .cat{grid-template-columns:1fr}.demo-root .prog{grid-template-columns:repeat(2,1fr)}.demo-root .wait-i{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.demo-root *{transition:none!important;animation:none!important}}:root,[data-theme=light],[data-theme=dark]{--demo-media-placeholder:linear-gradient(150deg, var(--up-tint-strong), var(--up-tint))}
