:root{--bg-black:#090807;--bg-primary:#0e0c0b;--bg-secondary:#13110f;--bg-tertiary:#1c1917;--bg-elevated:#24211f;--bg-hover:#2d2927;--bg-overlay:#090807db;--text-primary:#f3f0ea;--text-secondary:#b6b0a9;--text-tertiary:#8d8881;--text-muted:#67635d;--signal:#ef4937;--signal-strong:#d03929;--signal-text:#f87966;--signal-soft:#ef49371f;--signal-line:#ef493752;--accent-primary:#f3f0ea;--accent-primary-hover:#fff;--accent-contrast:#0e0c0b;--accent-secondary:#b6b0a9;--accent-glow:#f3f0ea29;--live-red:var(--signal);--live-red-dark:var(--signal-strong);--live-glow:#ef493740;--success:#62c37a;--success-bg:#62c37a1f;--warning:#eeb154;--warning-bg:#eeb1541f;--error:#f87966;--error-bg:#ef49371f;--info:#b6b0a9;--info-bg:#f3f0ea0f;--border-subtle:#f3f0ea0d;--border-muted:#f3f0ea14;--border-medium:#f3f0ea1f;--border-strong:#f3f0ea33;--border-accent:#f3f0ea66;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 6px 16px #00000073;--shadow-lg:0 16px 40px #0000008c;--shadow-xl:0 24px 64px #0009;--shadow-glow:none;--shadow-live:none;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-out:cubic-bezier(0.22,1,0.36,1);--transition-fast:0.12s var(--ease-out);--transition-normal:0.2s var(--ease-out);--transition-slow:0.35s var(--ease-out);--transition-smooth:0.45s var(--ease-out);--font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--stretch-condensed:72%;--stretch-wide:112%;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400;color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility;width:100%}body{font-feature-settings:"tnum";background:#0e0c0b;background:var(--bg-primary);color:#f3f0ea;color:var(--text-primary);font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:15px;font-variant-numeric:tabular-nums;line-height:1.55}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{color:#f3f0ea;color:var(--text-primary);font-weight:600;letter-spacing:-.01em;line-height:1.2}p{color:#b6b0a9;color:var(--text-secondary);line-height:1.6}a{color:#f3f0ea;color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:#f3f0ea33;text-decoration-color:#f3f0ea33;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:-webkit-text-decoration-color .2s cubic-bezier(.22,1,.36,1);transition:text-decoration-color .2s cubic-bezier(.22,1,.36,1);transition:text-decoration-color .2s cubic-bezier(.22,1,.36,1),-webkit-text-decoration-color .2s cubic-bezier(.22,1,.36,1);transition:-webkit-text-decoration-color var(--transition-normal);transition:text-decoration-color var(--transition-normal);transition:text-decoration-color var(--transition-normal),-webkit-text-decoration-color var(--transition-normal)}a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:initial}::selection{background:#ef493759;color:#f3f0ea;color:var(--text-primary)}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit}button:disabled{cursor:not-allowed}input,select,textarea{background:#1c1917;background:var(--bg-tertiary);border:1px solid #f3f0ea1f;border:1px solid var(--border-medium);border-radius:8px;border-radius:var(--radius-md);color:#f3f0ea;color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.4;outline:none;padding:11px 14px;transition:border-color .2s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1);transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}input:hover,select:hover,textarea:hover{border-color:#f3f0ea33;border-color:var(--border-strong)}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{border-color:#f3f0ea66;border-color:var(--border-accent);box-shadow:0 0 0 3px #f3f0ea29;box-shadow:0 0 0 3px var(--accent-glow);outline:none}input::placeholder,textarea::placeholder{color:#8d8881;color:var(--text-tertiary)}input:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23b6b0a9' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}select option{background:#13110f;background:var(--bg-secondary);color:#f3f0ea;color:var(--text-primary)}:focus-visible{outline:2px solid #f3f0ea;outline:2px solid var(--text-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}*{scrollbar-color:#2d2927 #0000;scrollbar-color:var(--bg-hover) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2d2927;background:var(--bg-hover);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#3a3633}.label-caps{font-size:12px;font-stretch:72%;font-stretch:var(--stretch-condensed);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand{align-items:center;color:#f3f0ea;color:var(--text-primary);display:inline-flex;font-size:17px;font-stretch:112%;font-stretch:var(--stretch-wide);font-weight:700;gap:9px;letter-spacing:-.02em;line-height:1;text-decoration:none;white-space:nowrap}.brand-tally{background:#ef4937;background:var(--signal);border-radius:50%;box-shadow:0 0 0 3px #ef49371f;box-shadow:0 0 0 3px var(--signal-soft);flex-shrink:0;height:10px;position:relative;width:10px}.brand-tally.is-off{background:#67635d;background:var(--text-muted);box-shadow:0 0 0 3px #f3f0ea0f}.tally-live{animation:tally 2.4s cubic-bezier(.22,1,.36,1) infinite;animation:tally 2.4s var(--ease-out) infinite}@keyframes tally{0%,to{opacity:1}50%{opacity:.45}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:768px){body{font-size:14px}}.embed-player{background:#000;background:var(--bg-black,#000);inset:0;position:absolute}.embed-player iframe{border:none;display:block;height:100%;inset:0;position:absolute;width:100%}.embed-loading{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;font-size:13px;gap:12px;inset:0;justify-content:center;pointer-events:none;position:absolute}.embed-spinner{animation:embed-spin .8s linear infinite;border:2px solid #ffffff14;border-radius:50%;border-top:2px solid var(--accent-primary,#6366f1);height:28px;width:28px}.embed-message{align-items:center;display:flex;flex-direction:column;gap:6px;padding:24px;text-align:center}.embed-message-title{color:#fff;color:var(--text-primary,#fff);font-size:15px;font-weight:600}.embed-message-text{color:#666;color:var(--text-muted,#666);font-size:13px}@keyframes embed-spin{to{transform:rotate(1turn)}}.stream-view-container{flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.stream-view-container,.sv-header{background:var(--bg-primary);display:flex}.sv-header{align-items:center;border-bottom:1px solid var(--border-muted);flex-shrink:0;gap:16px;height:56px;justify-content:space-between;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.sv-status{align-items:center;border:1px solid var(--border-medium);border-radius:var(--radius-xs);color:var(--text-secondary);display:inline-flex;font-size:12.5px;font-stretch:var(--stretch-condensed);font-weight:650;gap:7px;height:26px;letter-spacing:.09em;padding:0 10px;text-transform:uppercase;white-space:nowrap}.sv-status--live{background:var(--signal-strong);border-color:#0000;color:#fff8f6}.sv-status--ended{border-color:var(--border-muted);color:var(--text-tertiary)}.sv-status-dot{animation:tally 2.4s var(--ease-out) infinite;background:currentColor;border-radius:50%;height:7px;width:7px}.stream-content{display:grid;flex:1 1;grid-template-columns:minmax(0,1fr) 360px;min-height:0}.sv-stage-column{flex-direction:column;min-width:0}.sv-stage-column,.video-section{background:var(--bg-black);display:flex;min-height:0}.video-section{align-items:center;flex:1 1;justify-content:center;position:relative}.video-section iframe,.video-section video{border:none;height:100%;width:100%}.video-placeholder{align-items:center;display:flex;flex-direction:column;gap:6px;padding:24px;text-align:center}.video-placeholder-title{color:var(--text-primary);font-size:16px;font-weight:600}.video-placeholder-text{color:var(--text-tertiary);font-size:14px}.sv-countdown{align-items:flex-start;align-self:stretch;animation:slideUp .6s var(--ease-out) both;justify-content:center;padding:clamp(24px,6vw,80px);width:100%}.sv-countdown,.sv-countdown-inner{display:flex;flex-direction:column}.sv-countdown-inner{align-items:stretch;max-width:100%}.sv-countdown-label{color:var(--text-secondary);margin-bottom:clamp(12px,2vw,20px)}.sv-countdown-digits{align-items:flex-start;display:flex;gap:clamp(16px,3.2vw,44px)}.sv-countdown-unit{display:flex;flex-direction:column;gap:10px}.sv-countdown-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:clamp(56px,9vw,132px);font-stretch:var(--stretch-condensed);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:.85}.sv-countdown-unit-label{color:var(--text-tertiary);font-size:12px;font-stretch:var(--stretch-condensed);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sv-countdown-date{border-top:1px solid var(--border-medium);color:var(--text-primary);font-size:17px;font-weight:500;margin-top:clamp(24px,3.5vw,40px);padding-top:16px}.sv-countdown-note{color:var(--text-tertiary);font-size:14px;margin-top:6px}.stream-info-bar{background:var(--bg-primary);border-top:1px solid var(--border-muted);flex-shrink:0;padding:18px 24px 20px}.stream-info-title{color:var(--text-primary);font-size:20px;font-weight:650;letter-spacing:-.015em;line-height:1.25}.stream-info-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.55;margin-top:6px;max-width:80ch;overflow:hidden}.chat-section{background:var(--bg-secondary);border-left:1px solid var(--border-muted);display:flex;flex-direction:column;min-height:0;min-width:0}.chat-header{align-items:center;border-bottom:1px solid var(--border-muted);display:flex;flex-shrink:0;gap:12px;height:48px;justify-content:space-between;padding:0 16px}.chat-header-title{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.chat-header-count{background:var(--bg-tertiary);border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:11px;letter-spacing:.02em;padding:1px 6px}.chat-header-status{align-items:center;color:var(--text-tertiary);display:flex;font-size:12.5px;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;height:6px;width:6px}.pinned-message{animation:slideUp .35s var(--ease-out);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-shrink:0;margin:12px 12px 0;padding:10px 12px 11px}.pinned-message-label{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;gap:5px;margin-bottom:4px}.pinned-message-content{color:var(--text-primary);font-size:14px;line-height:1.45}.chat-error-toast,.chat-paused-banner{animation:fadeIn .2s var(--ease-out);border-radius:var(--radius-sm);flex-shrink:0;font-size:13px;line-height:1.4;margin:12px 12px 0;padding:8px 12px}.chat-paused-banner{background:var(--warning-bg);color:var(--warning)}.chat-error-toast{background:var(--error-bg);color:var(--error)}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 8px 12px}.messages-empty{color:var(--text-tertiary);font-size:13.5px;line-height:1.5;margin-top:auto;padding:16px 8px}.message{grid-gap:10px;animation:messageIn .3s var(--ease-out);border-radius:var(--radius-md);display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr);padding:7px 8px;transition:background var(--transition-fast)}.message:hover{background:hsla(40,27%,94%,.025)}.message.admin{background:hsla(40,27%,94%,.055)}.message-avatar{border-radius:50%;color:#1a1715;display:grid;font-size:11px;font-weight:700;height:24px;margin-top:1px;place-items:center;width:24px}.message-header{align-items:center;display:flex;gap:6px;margin-bottom:1px;min-width:0}.username{color:var(--text-secondary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.admin .username,.message.own .username{color:var(--text-primary)}.message-badge{border-radius:var(--radius-xs);flex-shrink:0;font-size:10.5px;font-stretch:var(--stretch-condensed);font-weight:700;letter-spacing:.08em;padding:1px 5px;text-transform:uppercase}.message-badge.host{background:var(--text-primary);color:var(--bg-primary)}.message-badge.you{background:var(--bg-elevated);color:var(--text-tertiary)}.message-content{color:var(--text-primary);font-size:14px;line-height:1.45;overflow-wrap:anywhere}.name-entry{animation:slideUp .4s var(--ease-out);margin-top:auto;padding:20px 8px 8px}.name-entry-title{font-size:17px;font-weight:650;letter-spacing:-.01em}.name-entry-subtitle{color:var(--text-tertiary);font-size:13.5px;line-height:1.5;margin-top:4px}.name-entry-form{display:flex;flex-direction:column;gap:8px;margin-top:16px}.name-entry-form input{width:100%}.sv-btn{align-items:center;background:var(--accent-primary);border-radius:var(--radius-md);color:var(--accent-contrast);display:inline-flex;font-size:14px;font-weight:650;gap:8px;justify-content:center;padding:11px 18px;transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.sv-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.sv-btn:active:not(:disabled){transform:scale(.985)}.sv-btn:disabled{opacity:.35}.message-input{border-top:1px solid var(--border-muted);flex-shrink:0;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.message-input-wrapper{display:flex;gap:8px}.message-input-wrapper input{flex:1 1;min-width:0}.send-button{background:var(--accent-primary);border-radius:var(--radius-md);color:var(--accent-contrast);display:grid;flex-shrink:0;place-items:center;transition:background var(--transition-fast),transform var(--transition-fast),color var(--transition-fast);width:44px}.send-button:hover:not(:disabled){background:var(--accent-primary-hover)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:var(--bg-tertiary);color:var(--text-muted)}.sv-state{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;gap:28px;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;text-align:center}.sv-state-spinner{animation:spin .8s linear infinite;border:2px solid var(--border-medium);border-radius:50%;border-top-color:var(--text-primary);height:22px;width:22px}.sv-state-text{align-items:center;animation:slideUp .4s var(--ease-out);display:flex;flex-direction:column;max-width:44ch}.sv-state-text h1{font-size:22px;font-weight:650}.sv-state-text p{color:var(--text-tertiary);font-size:15px;margin:8px 0 20px}@media (max-width:1100px){.stream-content{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:900px){.sv-header{height:48px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.brand{font-size:16px}.stream-content{display:flex;flex-direction:column}.sv-stage-column{flex:none}.video-section{aspect-ratio:16/9;flex:none;max-height:56vh;width:100%}.video-section.is-waiting{aspect-ratio:auto;max-height:none}.sv-countdown{padding:28px 20px 24px}.sv-countdown-value{font-size:clamp(44px,14vw,72px)}.sv-countdown-date{font-size:15px}.sv-countdown-note{font-size:13px}.stream-info-bar{padding:12px 16px 14px}.stream-info-title{font-size:16px}.stream-info-description{-webkit-line-clamp:2;font-size:13px;margin-top:3px}.chat-section{border-left:none;border-top:1px solid var(--border-muted);flex:1 1}.chat-header{height:42px}.message-input-wrapper input,.name-entry-form input{font-size:16px}}@media (max-height:500px) and (orientation:landscape){.sv-header{height:44px}.stream-content{display:grid;grid-template-columns:minmax(0,1fr) 280px}.stream-info-bar{display:none}.video-section{aspect-ratio:auto;flex:1 1;max-height:none}.chat-section{border-left:1px solid var(--border-muted);border-top:none}.chat-header{height:40px}.sv-countdown{padding:20px 28px}.sv-countdown-value{font-size:48px}}