/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.inline{display:inline}.table{display:table}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#f5f5f7;--secondary:#a1a1a6;--tertiary:#86868b;--canvas:#09090b;--surface:#1c1c1ec7;--surface-strong:#2c2c2eeb;--hairline:#ffffff1a;--highlight:#ffffff1a;--blue:#0a84ff;--blue-pressed:#0077ed;--red:#ff3b30;--green:#30d158;--yellow:#fc0;--font-mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:100%/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;margin:0}body{color:var(--ink);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Hiragino Sans,Yu Gothic,sans-serif}button,input,select{font:inherit}button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #0071e36b}button:active{transform:scale(.97);transition:transform .1s ease-out!important}.loading-screen{background:radial-gradient(circle at 50% 30%, #0071e31a, transparent 32rem), var(--canvas);align-content:center;place-items:center;gap:1.5rem;min-height:100svh;display:grid}.loading-pulse{background:var(--blue);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 0 7px #0071e31a}.brand{color:var(--ink);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.65rem;font-size:.78rem;font-weight:680;display:flex}.brand-mark{background:linear-gradient(145deg,#ffffffb3,#0000 45%),linear-gradient(150deg,#161618,#45454a);border:1px solid #ffffffb8;border-radius:9px;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex;position:relative;box-shadow:0 6px 18px #00000029,inset 0 1px #ffffff6b}.brand-mark span{border-radius:50%;width:5px;height:5px}.brand-mark span:first-child{background:var(--green);transform:translate(-2px);box-shadow:0 0 8px #30d158e6}.brand-mark span:last-child{background:var(--red);transform:translate(2px);box-shadow:0 0 8px #ff3b30e6}.prototype-tag{color:var(--secondary);letter-spacing:.06em;background:#76768014;border:1px solid #00000014;border-radius:999px;padding:.25rem .52rem;font-size:.58rem;font-weight:620}.home-shell{background:radial-gradient(circle at 92% 8%,#0071e317,#0000 27rem),radial-gradient(circle at 8% 54%,#30d15812,#0000 30rem),linear-gradient(#fbfbfd 0%,#f5f5f7 52%,#ededf0 100%);min-height:100svh;position:relative;overflow:clip}.home-shell:before{content:"";pointer-events:none;background:linear-gradient(110deg,#ffffffb8,#0000 45%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.ambient{filter:blur(110px);opacity:.11;pointer-events:none;border-radius:50%;width:22rem;height:22rem;position:absolute}.ambient--red{background:var(--red);top:9%;right:-10rem}.ambient--green{background:var(--green);bottom:4%;left:-12rem}.home-card{z-index:1;width:min(1180px,100% - 48px);margin:0 auto;padding:1.8rem 0 2.5rem;position:relative}.hero-stage{grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:34rem;padding:clamp(3.8rem,9vh,7rem) 0 clamp(3.5rem,8vh,6rem);display:grid}.hero-copy{z-index:2;animation:.52s cubic-bezier(.22,.8,.2,1) both copy-arrive;position:relative}.eyebrow,.card-kicker,.panel-label{color:var(--blue);letter-spacing:.055em;margin:0 0 .9rem;font-size:.72rem;font-weight:680}.hero-copy h1{color:#161617;letter-spacing:-.058em;max-width:46rem;margin:0;font-size:clamp(3rem,6.7vw,5.7rem);font-weight:720;line-height:.99}.hero-description{max-width:38rem;color:var(--secondary);letter-spacing:-.012em;margin:1.8rem 0 0;font-size:clamp(1rem,1.5vw,1.22rem);font-weight:430;line-height:1.65}.hero-preview{isolation:isolate;-webkit-backdrop-filter:blur(38px)saturate(160%);backdrop-filter:blur(38px)saturate(160%);background:linear-gradient(145deg,#ffffffdb,#ffffff4d),#ffffff57;border:1px solid #fffc;border-radius:3rem;place-items:center;min-height:28rem;animation:.56s cubic-bezier(.22,.8,.2,1) 80ms both materialize;display:grid;position:relative;box-shadow:0 44px 90px #31353f21,inset 0 1px #fffffff2}.preview-aura{z-index:-1;filter:blur(48px);opacity:.35;border-radius:50%;width:12rem;height:12rem;position:absolute}.preview-aura--red{background:var(--red);top:2.4rem;right:1.4rem}.preview-aura--green{background:var(--green);bottom:2.2rem;left:1.2rem}.mini-control{z-index:2;color:#fff;-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);background:#1d1d1fe6;border:1px solid #ffffff26;border-radius:1.3rem;gap:.45rem;width:12rem;padding:1rem;display:grid;position:absolute;top:4.1rem;left:2.2rem;transform:rotate(-4deg);box-shadow:0 24px 46px #0000003d}.mini-control-title{color:#ffffffa3;margin:0 0 .25rem .2rem;font-size:.66rem;font-weight:620}.mini-control-row{background:#ffffff0f;border:1px solid #ffffff17;border-radius:.8rem;align-items:center;gap:.6rem;min-height:2.45rem;padding:0 .7rem;font-size:.7rem;font-weight:580;display:flex}.mini-control-row i{background:#727276;border-radius:50%;width:.54rem;height:.54rem}.mini-control-row--red{background:#ff3b302e}.mini-control-row--red i{background:var(--red);box-shadow:0 0 10px #ff3b30cc}.mini-control-row--green i{background:var(--green)}.signal-path{z-index:1;gap:.5rem;display:flex;position:absolute;transform:rotate(-8deg)}.signal-path i{background:#0071e34d;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 16px #0071e347}.signal-path i:nth-child(2){background:#0071e394}.signal-path i:nth-child(3){background:var(--blue)}.mini-phone{color:#fff;background:radial-gradient(circle at 50% 40%,#ffffff38,#0000 42%),linear-gradient(160deg,#ff4c42,#da0018);border:7px solid #161617;border-radius:2.5rem;flex-direction:column;justify-content:center;align-items:center;width:12rem;height:20.8rem;padding:1.2rem;display:flex;position:absolute;bottom:3rem;right:2.4rem;transform:rotate(5deg);box-shadow:0 30px 58px #82000f4d,inset 0 1px #ffffff57}.phone-island{background:#101011;border-radius:999px;width:3.8rem;height:1.15rem;position:absolute;top:.65rem}.mini-phone small{letter-spacing:.04em;font-size:.54rem;font-weight:660;position:absolute;top:2.8rem}.mini-phone strong{letter-spacing:-.075em;font-size:2.2rem;font-weight:760;line-height:.92}.mini-phone>span:last-child{opacity:.72;margin-top:.7rem;font-size:.55rem;font-weight:560}.start-grid{grid-template-columns:1.03fr .97fr;gap:1.25rem;display:grid}.start-card{border:1px solid #ffffffc7;border-radius:2rem;flex-direction:column;justify-content:space-between;min-height:19rem;padding:clamp(1.6rem,3vw,2.25rem);animation:.52s cubic-bezier(.22,.8,.2,1) .14s both materialize;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 55px #31353f17,inset 0 1px #ffffffd9}.start-card--control{color:#fff;background:radial-gradient(circle at 100% 0,#0071e340,#0000 42%),#1d1d1f;border-color:#ffffff1a}.start-card--tally{-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);background:#ffffffb3}.step-number{color:#86868b8a;font-family:var(--font-mono);font-size:.7rem;font-weight:560;position:absolute;top:1.55rem;right:1.8rem}.start-card h2{letter-spacing:-.04em;max-width:28rem;margin:0 0 .75rem;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:680;line-height:1.12}.start-card p:not(.card-kicker){max-width:29rem;color:var(--secondary);margin:0;font-size:.9rem;line-height:1.65}.start-card--control .card-kicker{color:#2997ff}.start-card--control p:not(.card-kicker){color:#ffffff9e}.create-room-actions{grid-template-columns:7.5rem 1fr;gap:.55rem;display:grid}.home-camera-count{gap:.28rem;display:grid}.home-camera-count span{color:#ffffff8c;margin-left:.35rem;font-size:.62rem;font-weight:600}.home-camera-count select{color:#fff;min-height:3.25rem;font:inherit;background:#ffffff17;border:1px solid #ffffff1f;border-radius:999px;padding:0 .8rem;font-size:.78rem}.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;min-height:3.25rem;padding:0 1.2rem;font-size:.92rem;font-weight:620;transition:background .18s,transform .26s cubic-bezier(.22,.8,.2,1),box-shadow .26s;display:flex;box-shadow:0 10px 28px #0071e342}.primary-button:hover{background:#0077ed;transform:translateY(-1px);box-shadow:0 14px 32px #0071e34d}.primary-button span{font-size:1.05rem}.join-form label{color:var(--tertiary);margin:0 0 .5rem .4rem;font-size:.72rem;font-weight:560;display:block}.join-row{gap:.55rem;display:flex}.join-row input{min-width:0;min-height:3.25rem;color:var(--ink);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;background:#76768014;border:1px solid #00000017;border-radius:999px;flex:1;padding:0 1.15rem;font-size:1rem;font-weight:650;transition:background .18s,box-shadow .18s;box-shadow:inset 0 1px 2px #00000009}.join-row input::placeholder{color:#a3a3a7}.join-row button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;width:3.25rem;min-width:3.25rem;min-height:3.25rem;font-size:1.15rem;font-weight:700;box-shadow:0 8px 22px #0071e33b}.form-notice,.control-error{color:#c9342f;margin:1rem 0 0;font-size:.82rem;font-weight:560}.home-footer{color:var(--tertiary);letter-spacing:.05em;align-items:center;gap:1.4rem;margin-top:1.7rem;padding:0 .4rem;font-size:.62rem;font-weight:600;display:flex}.home-footer span:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:.4rem;display:inline-block}.home-footer span:first-child{color:#d8322c}.home-footer span:nth-child(2){color:#22a247}.home-footer small{color:#a0a0a5;font-family:var(--font-mono);letter-spacing:.02em;margin-left:auto;font-size:.58rem}.control-shell{background:radial-gradient(circle at 88% 16%, #0071e312, transparent 30rem), var(--canvas);min-height:100svh;transition:background .36s;position:relative;overflow:clip}.control-shell:before{content:"";filter:blur(90px);pointer-events:none;background:#0071e314;border-radius:50%;width:42rem;height:42rem;transition:background-color .3s;position:fixed;inset:-15rem -10rem auto auto}.control-shell[data-state=program]:before{background:#ff3b3024}.control-shell[data-state=preview]:before{background:#30d15824}.control-header{z-index:20;-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:#f5f5f7b8;border-bottom:1px solid #0000000e;justify-content:space-between;align-items:center;min-height:4.5rem;padding:0 max(1.5rem,50vw - 580px);display:flex;position:sticky;top:0}.header-actions,.share-actions{align-items:center;gap:.6rem;display:flex}.status-pill{color:#515154;letter-spacing:.01em;-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffffb8;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:.48rem;min-height:2rem;padding:0 .75rem;font-size:.66rem;font-weight:630;display:inline-flex;box-shadow:0 5px 18px #0000000d,inset 0 1px #ffffffd6}.status-dot{background:#a0a0a5;border-radius:50%;width:6px;height:6px}.status-pill--online .status-dot{background:var(--green);box-shadow:0 0 0 4px #30d1581c}.status-pill--offline .status-dot{background:var(--yellow);animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ffcc001f}.text-button{min-width:3.2rem;min-height:2.4rem;color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .8rem;font-size:.82rem;font-weight:570;transition:background .16s}.text-button:hover{background:#76768017}.control-layout{z-index:1;grid-template-columns:minmax(0,1fr) 21.5rem;gap:1.3rem;width:min(1160px,100% - 48px);margin:0 auto;padding:clamp(2rem,6vh,4.5rem) 0;display:grid;position:relative}.control-main,.room-panel{-webkit-backdrop-filter:blur(32px)saturate(160%);backdrop-filter:blur(32px)saturate(160%);background:#ffffffb3;border:1px solid #ffffffd1;border-radius:2rem;animation:.42s cubic-bezier(.22,.8,.2,1) both materialize;box-shadow:0 28px 60px #31353f1a,inset 0 1px #fffffff2}.control-main{padding:clamp(1.6rem,4vw,3rem)}.control-title-row{justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:2rem;display:flex}.control-title-row h1{letter-spacing:-.052em;margin:0;font-size:clamp(2.15rem,4.2vw,3.4rem);font-weight:710;line-height:1}.control-title-actions{align-items:flex-end;gap:.65rem;display:flex}.camera-select{gap:.35rem;display:grid}.camera-select>span{color:var(--tertiary);font-size:.62rem;font-weight:620}.camera-select select{min-width:7.4rem;min-height:2.7rem;color:var(--ink);background:#ffffffb8;border:1px solid #00000014;border-radius:999px;padding:0 2rem 0 .8rem;font-size:.74rem;font-weight:650}.live-state{color:#515154;letter-spacing:.035em;background:#76768014;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-width:8.4rem;min-height:2.7rem;padding:0 .95rem;font-size:.72rem;font-weight:680;transition:background .24s,color .24s,transform .3s cubic-bezier(.22,.8,.2,1);display:flex}.live-state span{background:#8e8e93;border-radius:50%;width:7px;height:7px}.live-state[data-state=program]{color:#c72620;background:#ff3b301a}.live-state[data-state=program] span{background:var(--red);box-shadow:0 0 0 5px #ff3b301a}.live-state[data-state=preview]{color:#218e41;background:#30d1581c}.live-state[data-state=preview] span{background:var(--green);box-shadow:0 0 0 5px #30d1581a}.camera-overview{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.45rem;margin:0 0 .9rem;display:grid}.camera-overview button{min-height:3.8rem;color:var(--secondary);text-align:left;cursor:pointer;background:#7676800f;border:1px solid #0000000f;border-radius:.95rem;align-content:center;gap:.12rem;padding:.55rem .7rem;transition:transform .12s,border-color .18s,background .18s,color .18s;display:grid}.camera-overview button[data-state=program]{color:#c72620;background:#ff3b301c}.camera-overview button[data-state=preview]{color:#218e41;background:#30d1581f}.camera-overview button span{color:var(--tertiary);font-size:.58rem;font-weight:650}.camera-overview button strong{text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.control-buttons{gap:.75rem;display:grid}.control-button{min-height:7.1rem;color:var(--tertiary);text-align:left;cursor:pointer;background:#76768011;border:1px solid #0001;border-radius:1.45rem;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:1.15rem;padding:1.15rem 1.35rem;transition:transform .34s cubic-bezier(.22,.8,.2,1),background .26s,border-color .26s,box-shadow .3s,color .26s;display:grid;box-shadow:inset 0 1px #ffffffb3}.control-button:hover{background:#76768017;transform:translateY(-1px)}.control-button:active{transform:scale(.985)}.control-button[data-active=true]{color:#fff;border-color:#0000;transform:scale(1.012);box-shadow:0 18px 38px,inset 0 1px #ffffff45}@supports (color:color-mix(in lab, red, red)){.control-button[data-active=true]{box-shadow:0 18px 38px color-mix(in srgb, currentColor 18%, transparent), inset 0 1px 0 #ffffff45}}.control-button--program[data-active=true]{background:radial-gradient(circle at 85% 10%,#ffffff3d,#0000 33%),linear-gradient(145deg,#ff5148,#e91d2b)}.control-button--preview[data-active=true]{background:radial-gradient(circle at 85% 10%,#ffffff3b,#0000 33%),linear-gradient(145deg,#3bd563,#19a947)}.control-button--off[data-active=true]{background:radial-gradient(circle at 85% 10%,#ffffff1f,#0000 33%),linear-gradient(145deg,#3c3c3f,#1d1d1f)}.control-light{background:#ffffffbf;border:1px solid #00000017;border-radius:50%;width:3rem;height:3rem;transition:background .22s,box-shadow .28s,transform .32s cubic-bezier(.22,.8,.2,1);box-shadow:inset 0 1px 2px #fffc,0 3px 9px #00000012}.control-button[data-active=true] .control-light{background:#ffffffeb;border-color:#ffffff7a;transform:scale(1.03);box-shadow:0 0 0 7px #ffffff1f,0 7px 18px #00000024}.control-button-label{flex-direction:column;gap:.24rem;display:flex}.control-button-label strong{color:var(--ink);letter-spacing:-.012em;font-size:1.1rem;font-weight:680;transition:color .22s}.control-button[data-active=true] .control-button-label strong{color:#fff}.control-button-label small{color:var(--tertiary);letter-spacing:.015em;font-size:.67rem;font-weight:550;transition:color .22s}.control-button[data-active=true] .control-button-label small{color:#ffffffb3}.button-shortcut{width:1.8rem;height:1.8rem;color:var(--tertiary);font-family:var(--font-mono);background:#ffffff80;border:1px solid #00000014;border-radius:.5rem;place-items:center;font-size:.62rem;display:grid}.control-button[data-active=true] .button-shortcut{color:#ffffffb8;background:#ffffff1f;border-color:#ffffff38}.last-updated{color:var(--tertiary);text-align:right;margin:1rem 0 0;font-size:.68rem}.room-panel{align-self:start;padding:2rem;animation-delay:70ms}.room-panel h2{letter-spacing:-.04em;margin:0 0 .7rem;font-size:1.65rem;font-weight:680;line-height:1.08}.room-panel>p:not(.panel-label){color:var(--secondary);margin:0;font-size:.84rem;line-height:1.62}.room-code{width:100%;min-height:8.8rem;color:var(--ink);font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;background:radial-gradient(circle at 100% 0,#0071e317,#0000 50%),#7676800f;border:1px solid #00000012;border-radius:1.4rem;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;margin:1.5rem 0 .8rem;padding:1.2rem;font-size:clamp(1.55rem,4vw,2.05rem);font-weight:720;transition:background .18s,transform .3s cubic-bezier(.22,.8,.2,1);display:flex}.room-code:hover{background-color:#7676801a}.room-code span{color:var(--tertiary);letter-spacing:0;font-family:inherit;font-size:.62rem;font-weight:560}.share-actions button{min-height:2.75rem;color:var(--blue);cursor:pointer;background:#76768017;border:0;border-radius:999px;flex:1;padding:0 .75rem;font-size:.75rem;font-weight:620;transition:background .16s}.share-actions button:hover{background:#76768024}.room-note{border-top:1px solid var(--hairline);grid-template-columns:1.3rem 1fr;gap:.65rem;margin-top:1.45rem;padding-top:1.3rem;display:grid}.room-note>span{width:1.25rem;height:1.25rem;color:var(--blue);background:#0071e31c;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:.72rem;font-weight:600;display:grid}.room-note p{color:var(--tertiary);margin:0;font-size:.7rem;line-height:1.55}.atem-connect-card{background:radial-gradient(circle at 100% 0,#0071e31f,#0000 48%),#0071e30b;border:1px solid #0071e31f;border-radius:1.2rem;gap:.85rem;margin-top:1.25rem;padding:1.1rem;display:grid}.atem-connect-card .panel-label{margin:0 0 .35rem;display:block}.atem-connect-card h3{letter-spacing:-.02em;margin:0;font-size:1rem}.atem-connect-card p{color:var(--secondary);margin:.35rem 0 0;font-size:.7rem;line-height:1.5}.atem-connection-status{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffffad;border:1px solid #7676801f;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .7rem;min-height:4.4rem;padding:.75rem .85rem;display:grid;box-shadow:0 8px 24px #0000000b,inset 0 1px #ffffffe6}.atem-connection-light{background:#a0a0a5;border-radius:50%;grid-row:1/span 2;width:.65rem;height:.65rem;box-shadow:0 0 0 5px #7676801a}.atem-connection-status>span:nth-child(2){gap:.08rem;display:grid}.atem-connection-status small{color:var(--tertiary);letter-spacing:.08em;font-size:.52rem;font-weight:700}.atem-connection-status strong{color:var(--ink);letter-spacing:-.01em;font-size:.82rem;font-weight:680}.atem-connection-status p{grid-column:2;margin:0;font-size:.62rem}.atem-connection-status[data-status=connected] .atem-connection-light{background:var(--green);box-shadow:0 0 0 5px #30d1581f,0 0 16px #30d1587a}.atem-connection-status[data-status=connecting] .atem-connection-light{background:var(--yellow);animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 0 5px #ffcc001f}.atem-connection-status[data-status=disconnected] .atem-connection-light{background:var(--red);box-shadow:0 0 0 5px #ff3b301c}.atem-connection-status[data-status=simulator] .atem-connection-light{background:var(--blue);box-shadow:0 0 0 5px #0071e31c}.atem-connect-card a{background:var(--blue);color:#fff;border-radius:999px;justify-content:space-between;align-items:center;min-height:2.7rem;padding:0 .9rem;font-size:.72rem;font-weight:650;text-decoration:none;display:flex}.tally-screen{color:#fff;grid-template-rows:auto 1fr auto;min-height:100svh;transition:none;display:grid;position:fixed;inset:0;overflow:hidden}.tally-screen:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 39%,#ffffff38,#0000 42%),linear-gradient(155deg,#ffffff14,#0000 36%);position:absolute;inset:0}.tally-screen:after{content:"";filter:blur(90px);pointer-events:none;background:#00000029;border-radius:50%;height:70%;position:absolute;inset:auto -20% -40%}.tally-screen--program{background:linear-gradient(155deg,#ff554b 0%,#ec2631 47%,#c90018 100%)}.tally-screen--preview{background:linear-gradient(155deg,#49d96d 0%,#20b851 48%,#058134 100%)}.tally-screen--off{background:radial-gradient(circle at 50% 35%,#242427,#0000 46%),#050506}.tally-topbar{z-index:3;padding:max(1rem, env(safe-area-inset-top)) max(1.15rem, env(safe-area-inset-right)) .8rem max(1.15rem, env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:relative}.tally-topbar .status-pill,.tally-room{color:#ffffffd1;-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);background:#1e1e2047;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff26,0 8px 24px #00000014}.tally-room{letter-spacing:.045em;border-style:solid;border-width:1px;border-radius:999px;min-height:2.25rem;padding:0 .85rem;font-size:.62rem;font-weight:620}.tally-room strong{color:#fff;letter-spacing:.08em;margin-left:.35rem;font-size:.72rem}.tally-screen--off .status-pill,.tally-screen--off .tally-room{background:#fff1;border-color:#ffffff17}.tally-content{z-index:2;text-align:center;align-content:center;place-items:center;padding:1.25rem;animation:.1s ease-out both state-arrive;display:grid;position:relative}.tally-content h1{letter-spacing:-.078em;text-shadow:0 14px 44px #0000002e;margin:0;font-size:clamp(5rem,21vw,13rem);font-weight:730;line-height:.86}.tally-camera-label{color:#ffffffb8;letter-spacing:.11em;margin:0 0 .65rem;font-size:clamp(.8rem,3vw,1.15rem);font-weight:680}.tally-screen--off .tally-camera-label{color:#717176}.tally-content p{color:#ffffffc2;letter-spacing:.015em;margin:1.8rem 0 0;font-size:clamp(.8rem,3.6vw,1.12rem);font-weight:580}.tally-screen--off .tally-content h1{color:#737377;text-shadow:none}.tally-screen--off .tally-content p{color:#717176}.tally-orbit{background:radial-gradient(circle at 34% 26%,#fff,#ffffffc2 42%,#0000 44%),#ffffff47;border:1px solid #ffffff9e;border-radius:50%;width:clamp(2rem,7vw,3rem);height:clamp(2rem,7vw,3rem);margin-bottom:clamp(1.6rem,5vw,2.8rem);box-shadow:0 0 0 9px #ffffff1a,0 14px 34px #00000029}.tally-screen--off .tally-orbit{background:#2d2d30;border-color:#ffffff1a;box-shadow:0 0 0 9px #ffffff06}.settings-toggle{z-index:5;right:max(1.1rem, env(safe-area-inset-right));bottom:max(1.1rem, env(safe-area-inset-bottom));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);background:#1e1e205c;border:1px solid #ffffff2e;border-radius:999px;min-height:2.6rem;padding:0 1rem;font-size:.7rem;font-weight:620;transition:transform .3s cubic-bezier(.22,.8,.2,1),background .16s;position:fixed;box-shadow:0 12px 30px #0000002e,inset 0 1px #ffffff2b}.settings-toggle:hover{background:#1e1e2075}.tally-settings{z-index:4;left:50%;bottom:max(1.1rem, env(safe-area-inset-bottom));width:min(54rem,100% - 2.2rem);color:var(--ink);-webkit-backdrop-filter:blur(36px)saturate(180%);backdrop-filter:blur(36px)saturate(180%);transform-origin:100% 100%;background:#f5f5f7d1;border:1px solid #ffffffb3;border-radius:1.65rem;grid-template-columns:1.45fr repeat(5,1fr);gap:.55rem;padding:.7rem 6.8rem .7rem .7rem;animation:.38s cubic-bezier(.22,.8,.2,1) both sheet-arrive;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 24px 60px #00000038,inset 0 1px #fffffff0}.tally-camera-select{align-content:center;gap:.35rem;padding:.5rem;display:grid}.tally-camera-select span{color:var(--secondary);font-size:.58rem;font-weight:620}.tally-camera-select select{width:100%;min-height:2.5rem;color:var(--ink);background:#ffffffc2;border:1px solid #00000014;border-radius:.8rem;padding:0 .65rem;font-size:.68rem;font-weight:620}.tally-settings button{color:#3a3a3c;cursor:pointer;background:#ffffffad;border:1px solid #0000000e;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:4rem;padding:.5rem .25rem;font-size:.62rem;font-weight:580;transition:background .16s,transform .26s cubic-bezier(.22,.8,.2,1);display:flex;box-shadow:inset 0 1px #ffffffd1}.tally-settings button span{font-size:1rem}.tally-settings button:disabled{cursor:wait;opacity:.58}.tally-settings p{color:var(--secondary);grid-column:1/-1;margin:.1rem .4rem;font-size:.65rem;line-height:1.45}.disconnect-banner{z-index:6;color:#352b00;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffcc00eb;border-radius:999px;align-items:center;min-height:2.2rem;padding:0 .85rem;font-size:.67rem;font-weight:680;animation:.3s cubic-bezier(.22,.8,.2,1) both banner-arrive;display:flex;position:fixed;top:4.6rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000029}.pip-source{pointer-events:none;position:fixed;bottom:0;left:0}.pip-canvas-source{z-index:-1;opacity:0;width:2px;height:2px}.pip-video-source{z-index:0;opacity:.01;width:1px;height:1px}@keyframes copy-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes materialize{0%{opacity:0;filter:blur(8px);transform:translateY(14px)scale(.965)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes state-arrive{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes sheet-arrive{0%{opacity:0;filter:blur(6px);transform:translate(-50%)translateY(18px)scale(.96)}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}}@keyframes banner-arrive{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pulse{50%{opacity:.5}}@media (width<=900px){.home-card{width:min(100% - 28px,680px);padding-top:1rem}.hero-stage{grid-template-columns:1fr;gap:2.6rem;min-height:0;padding:4.5rem 0}.hero-copy{text-align:center}.hero-copy h1,.hero-description{margin-left:auto;margin-right:auto}.hero-copy h1{font-size:clamp(2.8rem,11vw,4.8rem)}.hero-preview{min-height:27rem}.start-grid{grid-template-columns:1fr}.control-layout{grid-template-columns:1fr;width:min(100% - 24px,660px);padding:1.5rem 0 2.5rem}.room-panel{grid-row:1}}@media (width<=600px){.brand{font-size:.72rem}.prototype-tag{display:none}.hero-stage{padding:3.8rem 0 3rem}.hero-copy{text-align:left}.hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-description{font-size:.98rem}.hero-preview{border-radius:2.25rem;min-height:22rem}.mini-control{width:9.3rem;padding:.75rem;top:2.1rem;left:1.1rem}.mini-control-row{min-height:2rem}.mini-phone{border-width:6px;border-radius:2rem;width:9.4rem;height:16.8rem;bottom:1.8rem;right:1.25rem}.mini-phone strong{font-size:1.8rem}.start-card{border-radius:1.65rem;min-height:17rem}.home-footer{flex-wrap:wrap;gap:.8rem 1.1rem}.home-footer small{width:100%;margin-left:0}.control-header{min-height:4.2rem;padding:0 .9rem}.header-actions{gap:.2rem}.status-pill{text-overflow:ellipsis;white-space:nowrap;max-width:12.5rem;overflow:hidden}.control-main,.room-panel{border-radius:1.65rem}.control-main{padding:1.4rem 1rem}.control-title-row{flex-direction:column;align-items:flex-start;margin-bottom:1.4rem}.control-title-actions{justify-content:space-between;align-items:flex-end;width:100%}.camera-overview{grid-template-columns:repeat(2,1fr)}.control-title-row h1{font-size:2.4rem}.control-button{border-radius:1.25rem;grid-template-columns:2.8rem 1fr;gap:.9rem;min-height:6.2rem;padding:1rem}.control-light{width:2.7rem;height:2.7rem}.button-shortcut{display:none}.room-panel{padding:1.5rem}.tally-content h1{font-size:clamp(4.6rem,22vw,8.5rem)}.tally-settings{grid-template-columns:repeat(2,1fr);padding:.7rem .7rem 4.2rem}.tally-camera-select{grid-column:1/-1}.settings-toggle{right:50%;transform:translate(50%)}.settings-toggle:active{transform:translate(50%)scale(.97)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.hero-preview,.start-card--tally,.control-header,.control-main,.room-panel,.status-pill,.atem-connection-status,.tally-settings,.settings-toggle,.tally-room{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#f5f5f7}.tally-settings{background-color:#f5f5f7}.settings-toggle,.tally-room,.tally-topbar .status-pill{background-color:#262628}}@media (prefers-contrast:more){.control-header,.control-main,.room-panel,.start-card,.status-pill{background-color:#fff;border-color:#00000047}.atem-connection-status{border-color:#00000038}.control-button{border-color:#0000003d}}html,body{background:#09090b}.loading-screen{background:radial-gradient(circle at 50% 30%, #0a84ff29, transparent 32rem), var(--canvas)}.prototype-tag{background:#fff1;border-color:#ffffff1a}.home-shell{background:radial-gradient(circle at 92% 8%,#0a84ff2b,#0000 29rem),radial-gradient(circle at 8% 54%,#30d15817,#0000 31rem),linear-gradient(#09090b 0%,#111114 52%,#09090b 100%)}.home-shell:before{background:linear-gradient(110deg,#ffffff0e,#0000 45%)}.hero-copy h1{color:#f5f5f7}.hero-preview,.start-card--tally{background:linear-gradient(145deg,#2c2c2ee0,#1c1c1e8a),#1c1c1eb8;border-color:#ffffff1c;box-shadow:0 44px 90px #00000057,inset 0 1px #ffffff17}.start-card{border-color:#ffffff1a;box-shadow:0 24px 55px #00000047,inset 0 1px #ffffff14}.start-card--control{background:radial-gradient(circle at 100% 0,#0a84ff47,#0000 42%),#1c1c1e}.home-camera-count select,.join-row input{color:#f5f5f7;background:#ffffff13;border-color:#ffffff1c;box-shadow:inset 0 1px #ffffff0a}.join-row input:focus{background:#ffffff1a;box-shadow:0 0 0 4px #0a84ff24,inset 0 1px #ffffff0d}.control-shell{background:radial-gradient(circle at 88% 16%, #0a84ff1c, transparent 31rem), var(--canvas)}.control-header{background:#09090bb8;border-color:#ffffff12}.status-pill{color:#c7c7cc;background:#2c2c2eb8;border-color:#ffffff17;box-shadow:0 7px 22px #0003,inset 0 1px #ffffff14}.control-main,.room-panel{background:#1c1c1ec2;border-color:#ffffff1c;box-shadow:0 30px 72px #00000057,inset 0 1px #ffffff14}.camera-select select,.tally-camera-select select{color:#f5f5f7;background:#ffffff13;border-color:#ffffff1a}.live-state,.camera-overview button,.control-button,.room-code{color:#a1a1a6;background:#ffffff0e;border-color:#ffffff14}.live-state[data-state=program],.camera-overview button[data-state=program]{color:#ff6961}.live-state[data-state=preview],.camera-overview button[data-state=preview]{color:#5ee27e}.camera-overview button[data-selected=true]{border-color:#0a84ff94;box-shadow:0 0 0 3px #0a84ff1a}.control-button{box-shadow:inset 0 1px #ffffff0e}.control-button:hover{background:#ffffff16}.control-light{background:#ffffff1f;border-color:#ffffff1a;box-shadow:inset 0 1px 1px #ffffff1a,0 5px 14px #0000002e}.button-shortcut{background:#ffffff12;border-color:#ffffff17}.room-code{color:#f5f5f7;background:radial-gradient(circle at 100% 0,#0a84ff21,#0000 50%),#ffffff0d}.share-actions button{background:#ffffff13}.share-actions button:hover,.room-code:hover{background-color:#ffffff1a}.atem-connect-card{background:radial-gradient(circle at 100% 0,#0a84ff2b,#0000 48%),#0a84ff11;border-color:#0a84ff33}.atem-connection-status{background:#ffffff0e;border-color:#ffffff17;box-shadow:0 10px 28px #00000038,inset 0 1px #ffffff12}.tally-settings{color:#f5f5f7;background:#1c1c1ed6;border-color:#ffffff21;box-shadow:0 28px 72px #0000006b,inset 0 1px #ffffff17}.tally-settings button{color:#e5e5ea;background:#ffffff12;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff0f}.tally-settings button:hover{background:#ffffff1c}.tally-settings button[data-active=true]{color:#409cff;background:#0a84ff2b;border-color:#0a84ff4d}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}