:root{--tot-teal:#00A8B5;--tot-teal-bright:#2EC4C6;--tot-teal-deep:#00727C;--tot-orange:#EE7435;--tot-orange-deep:#C85819;--tot-coral:#F3865C;--tot-yellow:#FFC845;--tot-navy:#1B2C56;--tot-teal-tint:#E0F5F6;--tot-teal-tint-soft:#F1FAFB;--tot-orange-tint:#FDE8DB;--tot-orange-tint-soft:#FEF4EE;--tot-yellow-tint:#FFF3CF;--tot-mint-tint:#E4F6EE;--tot-blush-tint:#FCE9E6;--tot-lilac-tint:#EDEAF7;--tot-sky-tint:#DCEEFB;--tot-cream:#FAF6ED;--tot-cream-deep:#F2ECDE;--tot-white:#FFFFFF;--tot-ink:#3A3A3A;--tot-ink-strong:#232323;--tot-ink-muted:#7A7A7A;--tot-ink-faint:#A7A198;--tot-line:#E8E1D2;--tot-line-strong:#D8CFBB;--tot-success:#2F9E6B;--tot-success-tint:#E4F6EE;--tot-warning:#E0A21B;--tot-warning-tint:#FFF3CF;--tot-danger:#D1543F;--tot-danger-tint:#FCE9E6;--tot-info:#00A8B5;--tot-info-tint:#E0F5F6;--surface-page:var(--tot-cream);--surface-page-alt:var(--tot-cream-deep);--surface-card:var(--tot-white);--surface-sunken:var(--tot-teal-tint-soft);--surface-inverse:var(--tot-navy);--surface-accent:var(--tot-orange);--surface-brand:var(--tot-teal);--text-heading:var(--tot-teal);--text-body:var(--tot-ink);--text-strong:var(--tot-ink-strong);--text-muted:var(--tot-ink-muted);--text-accent:var(--tot-orange-deep);--text-on-brand:var(--tot-white);--text-on-accent:var(--tot-white);--text-link:var(--tot-teal);--text-link-hover:var(--tot-teal-deep);--border-subtle:var(--tot-line);--border-strong:var(--tot-line-strong);--border-brand:var(--tot-teal);--border-accent:var(--tot-orange);--focus-ring:var(--tot-teal);--marker-highlight:var(--tot-yellow)}:root{--font-display:var(--font-nunito),"Nunito",ui-rounded,"Segoe UI",system-ui,sans-serif;--font-body:var(--font-mulish),"Mulish","Nunito Sans",system-ui,sans-serif;--font-script:"Caveat","Segoe Script",cursive;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--size-display:clamp(36px,4.6vw,56px);--size-h1:clamp(32px,3.6vw,44px);--size-h2:clamp(26px,2.6vw,32px);--size-h3:20px;--size-h4:18px;--size-body-lg:18px;--size-body:16px;--size-body-sm:15px;--size-caption:14px;--size-micro:13px;--size-metric:clamp(30px,3.2vw,36px);--size-eyebrow:13px;--leading-tight:1.08;--leading-snug:1.2;--leading-heading:1.25;--leading-body:1.6;--leading-relaxed:1.75;--tracking-display:-.01em;--tracking-normal:0;--tracking-eyebrow:.12em;--tracking-caps:.06em;--type-display:var(--weight-black) var(--size-display)/var(--leading-tight) var(--font-display);--type-h1:var(--weight-extrabold) var(--size-h1)/var(--leading-snug) var(--font-display);--type-h2:var(--weight-extrabold) var(--size-h2)/var(--leading-heading) var(--font-display);--type-h3:var(--weight-bold) var(--size-h3)/var(--leading-heading) var(--font-display);--type-h4:var(--weight-bold) var(--size-h4)/var(--leading-heading) var(--font-display);--type-body:var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-body);--type-body-sm:var(--weight-regular) var(--size-body-sm)/var(--leading-body) var(--font-body);--type-body-lg:var(--weight-regular) var(--size-body-lg)/var(--leading-relaxed) var(--font-body);--type-caption:var(--weight-regular) var(--size-caption)/1.5 var(--font-body);--type-micro:var(--weight-regular) var(--size-micro)/1.4 var(--font-body);--type-eyebrow:var(--weight-extrabold) var(--size-eyebrow)/1.2 var(--font-display);--type-metric:var(--weight-extrabold) var(--size-metric)/1 var(--font-display);--type-button:var(--weight-bold) 16px/1 var(--font-display);--type-script:var(--weight-bold) 24px/1.3 var(--font-script)}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:120px;--container-max:1200px;--container-narrow:760px;--gutter:24px;--gutter-mobile:16px;--grid-columns:12;--grid-gap:24px;--section-y:80px;--section-y-mobile:48px;--pad-card:24px;--pad-button-y:12px;--pad-button-x:24px;--pad-input-y:12px;--pad-input-x:14px;--bp-mobile:640px;--bp-tablet:1024px}:root{--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--radius-circle:50%}:root{--border-width:1px;--border-width-strong:2px;--shadow-none:none;--shadow-card:0 2px 8px rgba(0,0,0,.06);--shadow-raised:0 6px 18px rgba(27,44,86,.1);--shadow-float:0 14px 34px rgba(27,44,86,.14);--shadow-popover:0 10px 28px rgba(27,44,86,.18);--shadow-brand:0 6px 16px rgba(0,168,181,.22);--shadow-accent:0 6px 16px rgba(238,116,53,.26);--shadow-inset:inset 0 1px 2px rgba(0,0,0,.05);--focus-shadow:0 0 0 3px rgba(0,168,181,.32);--focus-outline:2px solid var(--focus-ring);--focus-offset:2px}:root{--duration-fast:.12s;--duration-base:.18s;--duration-slow:.28s;--duration-entrance:.42s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--transition-colors:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);--transition-lift:transform var(--duration-base) var(--ease-bounce),box-shadow var(--duration-base) var(--ease-out);--hover-lift:translateY(-2px);--press-scale:scale(.97)}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);color:var(--text-heading);font-family:var(--font-display);letter-spacing:var(--tracking-display)}h1{font:var(--type-h1)}h2{font:var(--type-h2)}h3{font:var(--type-h3);color:var(--text-strong)}h4{font:var(--type-h4);color:var(--text-strong)}p{margin:0 0 var(--space-4)}a{color:var(--text-link);text-decoration-color:color-mix(in srgb,var(--text-link) 35%,transparent);text-underline-offset:3px;transition:var(--transition-colors)}a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}a:active{color:var(--tot-teal-deep)}small{font-size:var(--size-caption);color:var(--text-muted)}strong,b{font-weight:var(--weight-bold)}hr{border:0;border-top:var(--border-width) solid var(--border-subtle);margin:var(--space-7) 0}::selection{background:var(--tot-yellow-tint);color:var(--tot-ink-strong)}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}img{max-width:100%}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--font-nunito: "Nunito";--font-mulish: "Mulish"}html,body{margin:0;height:100%;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body)}#live-root,.lv-app{height:100%}.lv-app{display:flex;flex-direction:column}.lv-top{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);flex:none}.lv-top img{border-radius:var(--radius-circle)}.lv-title{font:var(--weight-extrabold) 18px var(--font-display);color:var(--text-strong);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-pill{flex:none;padding:3px 10px;border-radius:var(--radius-pill);font:var(--weight-bold) 12px var(--font-display);text-transform:uppercase;letter-spacing:.04em}.lv-pill.on{background:var(--tot-teal);color:#fff}.lv-pill.on:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#fff;vertical-align:1px;animation:lv-blink 1.4s infinite}.lv-pill.wait{background:var(--tot-yellow-tint);color:var(--text-strong)}.lv-pill.off{background:var(--surface-sunken);color:var(--text-muted)}.lv-code{margin-left:auto;flex:none;font:var(--weight-bold) 13px var(--font-display);color:var(--text-muted);letter-spacing:.06em}@keyframes lv-blink{50%{opacity:.35}}.lv-stage{flex:1;min-height:0;display:grid;place-items:center;align-content:center;gap:10px;padding:12px}.lv-rotate{display:none;font:var(--type-body-sm);color:var(--text-muted);text-align:center}@media(orientation:portrait)and (max-width:700px){.lv-rotate{display:block}}.lv-board{position:relative;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-raised);overflow:hidden}.lv-ptr{position:absolute;left:0;top:0;display:none;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#ee743559;border:3px solid var(--tot-orange);pointer-events:none;will-change:transform;box-sizing:border-box}.lv-join{max-width:420px;margin:8vh auto 0;padding:0 16px;text-align:center}.lv-join h1{font:var(--type-h2);color:var(--text-heading);margin:12px 0 8px}.lv-join form{display:grid;gap:10px;margin-top:18px;text-align:left}.lv-join label{font:var(--weight-bold) 14px var(--font-display);color:var(--text-strong)}.lv-join input{font:var(--weight-bold) 20px var(--font-display);padding:12px 14px;border:2px solid var(--tot-line-strong);border-radius:var(--radius-md);background:#fff;color:var(--text-strong);text-align:center;letter-spacing:.06em}.lv-join input:focus{outline:none;border-color:var(--tot-teal)}.lv-join button{font:var(--weight-extrabold) 17px var(--font-display);padding:13px;border:0;border-radius:var(--radius-pill);background:var(--tot-orange);color:#fff;cursor:pointer}.lv-join button:hover{background:var(--tot-orange-deep)}.lv-muted{font:var(--type-body-sm);color:var(--text-muted)}.lv-err{color:var(--tot-coral);font-weight:700}.lv-net{flex:none;display:inline-flex;align-items:center;gap:5px;font:var(--weight-bold) 12px var(--font-display);color:var(--text-muted)}.lv-net i{width:10px;height:10px;border-radius:50%;background:var(--tot-success)}.lv-net.ok i{background:var(--tot-yellow)}.lv-net.poor i{background:#d1543f}@media(max-width:420px){.lv-net{font-size:0;gap:0}}.lv-pop{flex:none;font:var(--weight-bold) 13px var(--font-display);padding:6px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-strong);cursor:pointer}.lv-pop:hover{border-color:var(--tot-teal);color:var(--tot-teal-deep)}.lv-tip{margin:10px 16px 0;padding:10px 14px;background:var(--tot-yellow-tint);border-radius:var(--radius-md);font:var(--type-body-sm);color:var(--text-strong)}.lv-link{background:none;border:0;padding:0 0 0 6px;font:inherit;font-weight:700;color:var(--tot-teal-deep);cursor:pointer}.lv-pip{height:100vh;display:flex;flex-direction:column}.lv-pip .lv-stage{padding:4px}.lv-pip .lv-board{border-radius:6px;box-shadow:none}.lv-pip .lv-rotate{display:none!important}