/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.start{inset-inline-start:var(--spacing)}}:root{--ink:#111824;--muted:#667085;--line:#e7e9ee;--green:#35d07f;--blue:#4361ee;--cyan:#47c8d3}*{box-sizing:border-box}html{background:#f7f8fb;min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 50% -10%,#fff 0,#f8f9fc 38%,#f1f3f8 100%);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border-bottom:1px solid #d9dde6bf;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,76px);display:flex}.brand{color:#172031;letter-spacing:-.5px;align-items:center;gap:11px;font-size:20px;font-weight:780;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(145deg,#40d5d0,#4264ef);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 7px 18px #4361ee3d}.brand-mark span{border:3px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:5px 0 0 -3px #fff}.brand-button{background:0 0;border:0;padding:0}.header-status{color:#556070;border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex;box-shadow:0 3px 12px #1018280a}.header-status>span,.connection-note>span,.viewer-foot i{background:#aab2bf;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #edf0f4}.header-status>span.online,.connection-note>span.online,.viewer-foot i.online{background:var(--green);box-shadow:0 0 0 3px #def8e9}.hero{text-align:center;flex:1;width:min(790px,100% - 34px);margin:0 auto;padding:clamp(55px,8vh,90px) 0 54px}.eyebrow{color:#637083;letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.eyebrow span{color:#fff;letter-spacing:.12em;background:#ff5a66;border-radius:5px;padding:3px 7px;font-size:9px;box-shadow:0 4px 10px #ff5a6638}h1{letter-spacing:-.055em;margin:20px 0 14px;font-size:clamp(38px,6vw,62px);font-weight:820;line-height:1.04}h1 em{color:#0000;background:linear-gradient(100deg,#4167ee 15%,#33b8c3 85%);-webkit-background-clip:text;font-style:normal}.hero>p{max-width:580px;color:var(--muted);margin:0 auto;font-size:15px;line-height:1.75}.mode-switch{grid-template-columns:1fr 1fr;gap:10px;width:min(600px,100%);margin:37px auto 15px;display:grid}.mode-switch button{text-align:left;color:#718096;background:#ffffffb3;border:1px solid #e1e4eb;border-radius:13px;align-items:center;gap:13px;padding:14px 17px;transition:all .2s;display:flex}.mode-switch button.active{color:#263454;background:#fff;border-color:#7991f3;box-shadow:0 7px 24px #2f3f7017,inset 0 0 0 1px #d7ddfc}.mode-switch b,.mode-switch small{display:block}.mode-switch b{color:#273246;margin-bottom:2px;font-size:14px}.mode-switch small{font-size:11px}.tab-icon{color:#7a89aa;background:#eff2f8;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.active .tab-icon{color:#4968e9;background:#e9edff}.action-card{text-align:left;background:#fff;border:1px solid #e2e5ec;border-radius:21px;grid-template-columns:1.08fr .92fr;min-height:260px;display:grid;overflow:hidden;box-shadow:0 24px 60px #151f3a1c,0 3px 12px #151f3a0a}.preview-panel{text-align:center;color:#fff;background:linear-gradient(145deg,#1d2738,#101725);flex-direction:column;justify-content:center;align-items:center;padding:36px 25px;display:flex;position:relative;overflow:hidden}.preview-panel:before{content:"";filter:blur(90px);opacity:.2;background:#4264ef;border-radius:50%;width:240px;height:240px;position:absolute;top:-150px;right:-70px}.preview-orb{background:linear-gradient(145deg,#29364b,#111a29);border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 10px 30px #080d16,inset 0 1px 2px #ffffff1a}.lens{color:#45d3d4;background:radial-gradient(circle,#1b3043 0,#172130 52%,#0d131d 55%);border:1px solid #3a485c;border-radius:50%;place-items:center;width:36px;height:36px;font-size:8px;display:grid;box-shadow:inset 0 0 10px #091018,0 0 18px #45d3d417}.ready-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-top:23px;box-shadow:0 0 0 4px #35d07f1f}.preview-panel h2{margin:12px 0 4px;font-size:16px}.preview-panel p{color:#8f9bad;margin:0;font-size:11px}.action-panel{flex-direction:column;justify-content:center;padding:36px 32px;display:flex}.action-panel label{color:#6c7687;margin-bottom:7px;font-size:11px;font-weight:700}.action-panel input{letter-spacing:.25em;text-align:center;border:1px solid #dfe3ea;border-radius:10px;outline:none;width:100%;margin-bottom:10px;padding:13px 14px;font-size:18px}.action-panel input:focus{border-color:#6980ed;box-shadow:0 0 0 3px #edf0ff}.primary{color:#fff;background:linear-gradient(100deg,#4265ed,#4260d8);border:0;border-radius:11px;justify-content:center;align-items:center;gap:20px;width:100%;padding:14px 18px;font-size:14px;font-weight:720;transition:all .2s;display:flex;box-shadow:0 10px 22px #4361ee3d}.primary:hover{transform:translateY(-1px);box-shadow:0 13px 25px #4361ee4d}.primary span{font-size:18px;font-weight:400}.latency{color:#516070;grid-template-columns:25px 1fr;align-items:center;margin-top:24px;font-size:10px;display:grid}.latency>span{background:#e6faf0;border-radius:7px;grid-row:1/3;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.latency b{margin-left:8px;font-size:10px}.latency small{color:#98a1af;margin-top:1px;margin-left:8px}.inline-error{color:#c43d4b;text-align:center;background:#fff5f6;border:1px solid #ffd4d8;border-radius:9px;margin-top:12px;padding:9px 11px;font-size:11px;line-height:1.4}.session{flex:1;width:min(1120px,100% - 40px);margin:0 auto;padding:38px 0 54px}.session-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;display:flex}.session-heading h1{letter-spacing:-.035em;margin:6px 0 0;font-size:clamp(26px,4vw,38px)}.session-kicker{color:#7d8796;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:750}.danger-quiet{color:#b64552;background:#fff;border:1px solid #ebdfe1;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700}.danger-quiet:hover{background:#fff5f6}.session-grid{grid-template-columns:minmax(0,1fr) 318px;gap:18px;display:grid}.video-card,.viewer-stage{background:#0b111d;border:1px solid #1f2b3c;position:relative;overflow:hidden;box-shadow:0 22px 55px #0e182a2b}.video-card{border-radius:20px;min-height:570px}.video-card video,.viewer-stage video{object-fit:cover;background:#0b111d;width:100%;height:100%;position:absolute;inset:0}.video-shade{pointer-events:none;background:linear-gradient(#050a122e,#0000 40%,#050a12b3);position:absolute;inset:0}.live-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.1em;background:#090f1ab8;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:flex;position:absolute;top:17px;left:17px}.live-badge span{background:#ff5a66;border-radius:50%;width:7px;height:7px;animation:1.7s infinite pulse;box-shadow:0 0 0 3px #ff5a662b}.video-status{color:#fff;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:25px;left:22px}.video-status b{font-size:15px}.video-status small{color:#aeb8c7;font-size:10px}.camera-controls,.viewer-controls{gap:8px;display:flex;position:absolute}.camera-controls{bottom:20px;right:20px}.camera-controls button,.viewer-controls button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c131fad;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:58px;height:55px;font-size:18px;display:flex}.camera-controls button:hover,.viewer-controls button:hover{background:#2d3c53c7}.camera-controls small,.viewer-controls small{color:#b7c0ce;font-size:8px}.share-card{text-align:center;background:#fff;border:1px solid #e1e5ec;border-radius:20px;padding:27px;box-shadow:0 18px 45px #151f3a17}.big-code{font-variant-numeric:tabular-nums;letter-spacing:.09em;color:#182238;margin:13px 0 8px;font-size:38px;font-weight:850}.share-card>p{color:#788393;max-width:250px;margin:0 auto 18px;font-size:11px;line-height:1.65}.qr-code,.qr-placeholder{background:#fff;border:1px solid #e3e6ec;border-radius:13px;width:164px;height:164px;margin:0 auto 17px;padding:8px;display:block}.qr-placeholder{background:linear-gradient(135deg,#f1f3f7,#f8f9fb)}.secondary{color:#33405a;background:#f8f9fc;border:1px solid #d9deea;border-radius:10px;width:100%;padding:11px;font-size:11px;font-weight:750}.secondary:hover{background:#f2f4ff;border-color:#aab7e9}.connection-note{text-align:left;border-top:1px solid #eceef2;align-items:center;gap:10px;margin-top:22px;padding-top:19px;display:flex}.connection-note>div{flex-direction:column;gap:2px;display:flex}.connection-note b{color:#4e596a;font-size:9px}.connection-note small{color:#9da5b1;font-size:8px}.viewer-session{width:min(1280px,100% - 40px)}.viewer-stage{border-radius:21px;height:min(70vh,760px);min-height:430px}.stage-waiting{color:#fff;background:radial-gradient(circle at 50% 45%,#1b2a43,#0a101b 65%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage-waiting b{margin-top:20px;font-size:16px}.stage-waiting span{color:#8794a8;margin-top:5px;font-size:10px}.signal-loader{align-items:flex-end;gap:6px;height:60px;display:flex}.signal-loader i{background:linear-gradient(#48d1d1,#4969ed);border-radius:5px;width:7px;animation:1s ease-in-out infinite signal}.signal-loader i:first-child{height:22px}.signal-loader i:nth-child(2){height:39px;animation-delay:.12s}.signal-loader i:nth-child(3){height:57px;animation-delay:.24s}.stats-strip{gap:4px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%)}.stats-strip span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#dce3ed;font-variant-numeric:tabular-nums;background:#090f1aa6;border:1px solid #ffffff1a;border-radius:6px;padding:6px 8px;font-size:8px}.viewer-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c1466;border-radius:15px;padding:7px;bottom:19px;left:50%;transform:translate(-50%)}.viewer-controls button{background:#222d3e9e;width:62px;height:52px}.viewer-foot{color:#8993a1;justify-content:space-between;align-items:center;padding:13px 5px 0;font-size:9px;display:flex}.viewer-foot span:first-child{align-items:center;gap:8px;display:flex}.viewer-foot i{display:block}@keyframes pulse{50%{opacity:.5}}@keyframes signal{50%{opacity:.5;transform:scaleY(.55)}}footer{color:#9aa2ae;border-top:1px solid #d9dde6bf;justify-content:space-between;align-items:center;min-height:64px;padding:0 clamp(22px,5vw,76px);font-size:10px;display:flex}@media (max-width:820px){.session-grid{grid-template-columns:1fr}.video-card{min-height:min(62vh,620px)}.share-card{text-align:left;grid-template-columns:1fr 150px;align-items:center;gap:5px 20px;display:grid}.share-card .session-kicker,.share-card .big-code,.share-card>p,.share-card .secondary,.share-card .connection-note{grid-column:1}.qr-code,.qr-placeholder{grid-area:1/2/6;width:140px;height:140px;margin:0}.connection-note{margin-top:10px}.big-code{margin:7px 0;font-size:32px}.share-card>p{margin:0}.secondary{margin-top:8px}.stats-strip{display:none}}@media (max-width:640px){.topbar{height:66px}.hero{padding-top:45px}.mode-switch{gap:7px}.mode-switch button{padding:12px 10px}.tab-icon{display:none}.action-card{grid-template-columns:1fr}.preview-panel{min-height:220px}.action-panel{padding:25px}.header-status{font-size:9px}footer{justify-content:center}footer span:last-child{display:none}.session{width:100% - 22px;padding-top:25px}.session-heading{align-items:center}.session-heading h1{font-size:24px}.session-grid{display:block}.video-card{min-height:58vh}.share-card{text-align:center;margin-top:12px;display:block}.share-card .qr-code,.share-card .qr-placeholder{display:none}.camera-controls{bottom:18px;left:50%;right:auto;transform:translate(-50%)}.video-status{bottom:88px}.viewer-session{width:100%;padding:0}.viewer-session .session-heading{margin:0;padding:20px 13px 13px}.viewer-stage{border-left:0;border-right:0;border-radius:0;height:calc(100vh - 198px);min-height:410px}.viewer-foot{padding:12px 14px}.viewer-foot span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}