body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Segoe UI,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#a31d1c;--bg-deep:#e6d0d0;--panel:#ffffffeb;--panel-soft:#a31d1c0f;--panel-border:#a31d1c1f;--text:#a31d1c;--muted:#a31d1cb8;--accent:#a31d1c;--accent-strong:#a31d1c;--danger:#a31d1c;--warning:#a31d1c;--shadow:0 24px 60px #a31d1c24;color-scheme:light}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#ffffffeb,#0000 26%),radial-gradient(circle at top right,#ffffffc7,#0000 22%),linear-gradient(160deg,snow,#fff3f3 52%,#f8e8e8);color:#a31d1c;color:var(--text);margin:0;min-height:100vh}body.live-no-scroll,body.viewer-no-scroll{height:100dvh;overflow:hidden}.fullscreen-overlay{display:grid;min-height:100dvh;padding:24px;place-items:center}.fullscreen-overlay-card{background:#fffffff0;border:1px solid #a31d1c1f;border-radius:28px;box-shadow:0 24px 60px #a31d1c24;box-shadow:var(--shadow);padding:28px;width:min(560px,100%)}.overlay-example{color:#a31d1cb8;color:var(--muted);line-height:1.6;margin:16px 0 0}a{color:#a31d1c;color:var(--accent)}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.app-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);min-height:100vh;padding:32px}.details-panel,.hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;background:var(--panel);border:1px solid #a31d1c1f;border:1px solid var(--panel-border);box-shadow:0 24px 60px #a31d1c24;box-shadow:var(--shadow)}.hero-panel{border-radius:28px;padding:32px}.details-panel{align-self:start;border-radius:24px;padding:28px}.details-panel h2,.hero-copy h1{margin:0}.eyebrow{color:#a31d1c;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.16em;margin:0 0 12px;text-transform:uppercase}.hero-copy h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.95;max-width:12ch}.hero-text{color:#a31d1cb8;color:var(--muted);font-size:1.02rem;line-height:1.7;max-width:64ch}.auth-card{grid-gap:14px;background:#ffffffd6;border:1px solid #a31d1c1f;border-radius:24px;display:grid;gap:14px;margin-top:24px;padding:20px}.auth-card-modal{background:#ffffffd1;margin-top:0}.auth-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-item{grid-gap:6px;background:#fffc;border:1px solid #a31d1c1a;border-radius:18px;display:grid;gap:6px;padding:14px 16px}.auth-item span,.auth-label{color:#a31d1cb8;color:var(--muted);font-size:.86rem;font-weight:600}.auth-item strong{font-size:1rem}.auth-input{background:#fffffff5;border:1px solid #a31d1c24;border-radius:18px;color:#a31d1c;color:var(--text);font:inherit;outline:none;padding:14px 16px;width:100%}.auth-input:focus{border-color:#a31d1c59;box-shadow:0 0 0 4px #a31d1c14}.auth-input-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.auth-toggle-button{min-width:88px}.auth-button{justify-self:start}.modal-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#78202038;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:20}.auth-modal{background:#ffffffbd;border:1px solid #ffffffa3;border-radius:30px;box-shadow:0 24px 80px #79252533;padding:28px;width:min(560px,calc(100vw - 32px))}.auth-modal h2{font-size:clamp(2rem,4vw,2.8rem);line-height:.95;margin:0}.auth-modal-text{margin:16px 0 0}.action-row,.status-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.status-pill{background:#ffffffd6;border:1px solid #a31d1c1f;border-radius:999px;font-size:.92rem;padding:10px 14px}.status-ready{color:#a31d1c}.status-loading{color:#a31d1cc7}.status-error,.status-live,.status-unsupported{color:#fff}.status-live{background:#a31d1c;border-color:#a31d1c;color:#fff}.status-muted{color:#a31d1cb8;color:var(--muted)}.preview-card{background:linear-gradient(145deg,#fffffffa,#faefeff5);border:1px solid #a31d1c14;border-radius:24px;margin-top:28px;min-height:420px;overflow:hidden;position:relative}.preview-canvas{aspect-ratio:16/9;display:block;height:auto;width:100%}.preview-overlay{left:18px;position:absolute;top:18px}.preview-overlay span{align-items:center;background:#ffffffeb;border:1px solid #a31d1c24;border-radius:999px;display:inline-flex;font-size:.76rem;gap:8px;letter-spacing:.14em;padding:10px 14px;text-transform:uppercase}.primary-button,.secondary-button{appearance:none;border:0;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 18px;text-decoration:none;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primary-button{background:linear-gradient(135deg,#a31d1c,#bc302f);color:#fff}.secondary-button{background:#ffffffe6;border:1px solid #a31d1c1f;color:#a31d1c;color:var(--text)}.danger-button{appearance:none;background:linear-gradient(135deg,#7a1212,#a31d1c);border:0;border-radius:16px;box-shadow:0 16px 28px #7a121238;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 18px}.danger-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.secondary-link{align-items:center;display:inline-flex;justify-content:center}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.error-banner,.warning-banner{border-radius:18px;line-height:1.6;margin:20px 0 0;padding:16px 18px}.warning-banner{background:#ffffffe0;border:1px solid #a31d1c24;color:#a31d1c}.error-banner{background:#ffffffe6;border:1px solid #a31d1c29;color:#a31d1c}.details-grid{grid-gap:18px;display:grid;gap:18px;margin:20px 0 0}.details-grid div{background:#ffffffe0;border:1px solid #a31d1c1a;border-radius:18px;padding:16px}.details-grid dt{color:#a31d1cb8;color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.details-grid dd{font-size:1rem;line-height:1.6;margin:10px 0 0;word-break:break-word}.broadcaster-shell{display:block;min-height:100dvh}.broadcaster-panel,.broadcaster-shell{background:#fff;height:100dvh;overflow:hidden;padding:0}.broadcaster-panel{border:0;border-radius:0;box-shadow:none;width:100%}.broadcaster-video-card{background:#fffffff2;height:100dvh;overflow:hidden;position:relative;width:100%}.broadcaster-canvas{aspect-ratio:auto;background:#f7eded;height:100dvh;object-fit:contain;width:100%}.chat-card{background:#ffffffe0;border:1px solid #a31d1c1a;border-radius:24px;margin-top:28px;padding:20px}.chat-card-compact{margin-top:24px}.chat-card-embed{background:#fffffff5;border-radius:24px 24px 0 0;box-shadow:0 -14px 32px #a31d1c1a;margin:0}.chat-card-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;bottom:16px;box-shadow:none;display:flex;flex-direction:column;margin-top:0;overflow:hidden;padding:18px;position:absolute;right:16px;top:88px;transition:transform .18s ease,opacity .18s ease,width .18s ease;width:min(360px,calc(100% - 32px));z-index:3}.broadcaster-video-card .chat-card-overlay{bottom:24px;top:96px}.chat-card-collapsed.chat-card-overlay{overflow:visible;padding:0;width:0}.chat-card-collapsed.chat-card-overlay .chat-form,.chat-card-collapsed.chat-card-overlay .chat-header,.chat-card-collapsed.chat-card-overlay .chat-messages,.chat-card-collapsed.chat-card-overlay .chat-note{opacity:0;pointer-events:none}.chat-toggle-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#a31d1ce6;border:1px solid #ffffffd1;border-radius:999px;box-shadow:0 14px 30px #00000047;color:#fff;cursor:pointer;font:inherit;font-size:1.6rem;font-weight:700;height:48px;left:-22px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);width:48px;z-index:8}.chat-card-overlay .chat-form,.chat-card-overlay .chat-header,.chat-card-overlay .chat-messages,.chat-card-overlay .chat-note{margin-left:36px;transition:opacity .14s ease}.details-overlay-panel{background:#0000;border:0;bottom:24px;box-shadow:none;display:flex;flex-direction:column;left:16px;overflow:hidden;padding:18px;position:absolute;top:96px;transition:width .18s ease,opacity .18s ease;width:min(380px,calc(100% - 32px));z-index:3}.details-overlay-panel:not(.details-overlay-open){overflow:visible;padding:0;width:0}.details-toggle-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#a31d1ce6;border:1px solid #ffffffd1;border-radius:999px;box-shadow:0 14px 30px #00000047;color:#fff;cursor:pointer;font:inherit;font-size:1.6rem;font-weight:700;height:48px;line-height:1;position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:48px;z-index:8}.details-overlay-content{grid-gap:16px;display:grid;gap:16px;height:100%;margin-right:36px;min-height:0;transition:opacity .14s ease}.details-overlay-panel:not(.details-overlay-open) .details-overlay-content{opacity:0;pointer-events:none}.details-overlay-header h3{color:#fff;margin:4px 0 0;text-shadow:0 2px 14px #00000073}.details-grid-overlay{min-height:0;overflow-y:auto;padding-right:6px}.details-grid-overlay div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff38;border:1px solid #ffffff2e}.details-grid-overlay .inline-status,.details-grid-overlay a,.details-grid-overlay dd,.details-grid-overlay dt{color:#fff;text-shadow:0 2px 14px #00000073}.details-grid-overlay .inline-copy-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#a31d1cb8;border-color:#ffffff4d;color:#fff}.qr-code-card{grid-gap:12px;display:grid;gap:12px;justify-items:start}.qr-code-card svg{background:#fff;border-radius:18px;box-shadow:0 12px 28px #0000002e}.qr-code-note{color:#fff;font-size:.9rem;margin:0}.chat-card-overlay .chat-count-pill,.chat-card-overlay .chat-empty-state,.chat-card-overlay .chat-header h3,.chat-card-overlay .chat-message p,.chat-card-overlay .chat-message-meta,.chat-card-overlay .chat-note,.chat-card-overlay .eyebrow,.qr-code-note{text-shadow:0 2px 14px #00000073}.chat-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.chat-header h3{font-size:1.2rem;margin:4px 0 0}.chat-count-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#a31d1c3d;border:1px solid #ffffff2e;border-radius:999px;color:#fff;display:inline-flex;font-size:.88rem;font-weight:700;justify-content:center;min-height:34px;padding:0 12px;white-space:nowrap}.chat-note{color:#ffffffeb;font-size:.9rem;line-height:1.55;margin:12px 0 0;text-shadow:0 2px 10px #00000040}.chat-messages{grid-gap:12px;display:grid;flex:1 1;gap:12px;margin-top:18px;min-height:0;overflow-y:auto;padding-right:6px}.chat-message{border:0;border-radius:14px;padding:8px 10px}.chat-message-own,.chat-message-peer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000}.chat-message-meta{align-items:center;color:#a31d1cb8;color:var(--muted);display:flex;font-size:.82rem;gap:10px;justify-content:space-between;margin-bottom:8px}.chat-message p{color:#fff;line-height:1.55;margin:0;text-shadow:0 2px 10px #00000059}.chat-empty-state{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#a31d1c1f;border-radius:18px;color:#fffffff2;padding:18px;text-align:center;text-shadow:0 2px 10px #00000040}.chat-form{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;margin-top:16px}.chat-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#a31d1c2e;border:1px solid #ffffff57;border-radius:20px;color:#fff;font:inherit;outline:none;padding:14px 16px;resize:none;width:100%}.chat-input:focus{border-color:#ffffffb3;box-shadow:0 0 0 4px #ffffff1f}.chat-input::placeholder{color:#ffffffd1}.chat-send-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#a31d1cb8;border:1px solid #ffffff5c;justify-self:end}.long-value{font-size:.94rem}.inline-copy-button{appearance:none;background:#fffffff2;border:1px solid #a31d1c24;border-radius:999px;color:#a31d1c;color:var(--text);cursor:pointer;margin-left:12px;padding:8px 12px}.inline-status{color:#a31d1cb8;color:var(--muted);font-size:.92rem;margin:10px 0 0}.viewer-shell{display:block;overflow:hidden}.viewer-shell,.viewer-shell-embed{background:#fff;height:100dvh;min-height:100dvh;padding:0}.viewer-panel{overflow:hidden}.viewer-panel,.viewer-panel-embed{background:#fff;border:0;border-radius:0;box-shadow:none;height:100dvh;padding:0;width:100%}.viewer-video-card{background:#fffffff2;border-radius:0;overflow:hidden;position:relative}.viewer-video-card,.viewer-video-card-embed{border:0;height:100dvh;margin-top:0;width:100%}.viewer-video-card-embed{border-radius:0}.viewer-video{background:#f7eded;display:block;width:100%}.viewer-video,.viewer-video-card-embed .viewer-video{aspect-ratio:auto;height:100dvh;object-fit:contain}.viewer-overlay{background:linear-gradient(180deg,#ffffffe0,#ffffff14 30%,#ffffff29 70%,#ffffffeb);display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:16px;pointer-events:none;position:absolute}.viewer-top-stack{grid-gap:4px;display:grid;gap:4px;margin-right:auto}.viewer-screen-title{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1;margin:0;max-width:18rem}.viewer-overlay-actions,.viewer-overlay-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.viewer-overlay-bottom{grid-gap:12px;align-content:end;display:grid;gap:12px}.broadcaster-overlay-bottom{max-width:48rem}.viewer-live-pill,.viewer-state-pill{align-items:center;background:#ffffffeb;border:1px solid #a31d1c24;border-radius:999px;color:#a31d1c;display:inline-flex;font-size:.82rem;font-weight:700;letter-spacing:.08em;min-height:36px;padding:0 14px;text-transform:uppercase}.viewer-live-pill{background:#a31d1c;border-color:#a31d1c;color:#fff}.viewer-live-pill-idle{background:#ffffffeb;border-color:#a31d1c24;color:#a31d1c}.viewer-hint{color:#a31d1cdb;font-size:.95rem;line-height:1.5;margin:0;max-width:32rem;text-shadow:none}.broadcaster-hint{max-width:44rem}.viewer-overlay .primary-button,.viewer-overlay .secondary-button{pointer-events:auto}.viewer-details{margin-top:24px}.viewer-alert-overlay{bottom:16px;left:16px;pointer-events:none;position:absolute;right:min(392px,calc(100% - 32px));z-index:4}.broadcaster-alert-overlay{bottom:24px;left:min(432px,calc(100% - 32px));right:min(392px,calc(100% - 32px))}.viewer-error-banner{margin:0}@media (max-width:980px){.app-shell{grid-template-columns:1fr;padding:18px}.details-panel,.hero-panel{padding:22px}.hero-copy h1{font-size:clamp(2.4rem,11vw,3.6rem);max-width:none}.auth-grid{grid-template-columns:1fr}.auth-button{justify-self:stretch;width:100%}.auth-input-row{grid-template-columns:1fr}.auth-toggle-button{width:100%}.preview-card{min-height:240px}.details-overlay-panel{bottom:auto;left:12px;max-height:min(46dvh,340px);right:12px;top:88px;width:auto}.details-overlay-panel:not(.details-overlay-open){right:auto;width:0}.details-toggle-button{right:-18px}.viewer-overlay{padding:12px}.viewer-hint{font-size:.88rem}.chat-card-overlay{bottom:12px;left:12px;max-height:min(52dvh,380px);right:12px;top:auto;width:auto}.chat-card-collapsed.chat-card-overlay{left:auto;width:0}.broadcaster-video-card .chat-card-overlay{bottom:12px;top:auto}.viewer-screen-title{font-size:1.2rem;max-width:12rem}.viewer-alert-overlay{bottom:min(54dvh,392px);left:12px;right:12px}.broadcaster-alert-overlay{bottom:min(56dvh,408px);left:12px;right:12px}.chat-header{flex-direction:column}.chat-send-button{justify-self:stretch;width:100%}}
/*# sourceMappingURL=main.6ed55d83.css.map*/