/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-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{.static{position:static}.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))}}:root{color:#edf2f7;font-synthesis:none;text-rendering:optimizelegibility;background:#121512;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#121512;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 100% 0,#20251e 0,#121512 42rem);min-height:100vh}.page-width{width:min(1180px,100% - 40px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand{color:#f7fafc;letter-spacing:0;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#09201f;background:#49c5b6;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-subtle{color:#718096;font-size:.82rem;font-weight:500}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.button:focus-visible,.input:focus-visible,.text-button:focus-visible{outline-offset:2px;outline:2px solid #65d4c5}.button:active{transform:translateY(1px)}.button-primary{color:#09201f;background:#49c5b6;font-weight:700}.button-primary:hover{background:#65d4c5}.button-secondary{color:#edf2f7;background:#292e28;border-color:#454b42}.button-secondary:hover{background:#353a32}.button-ghost{color:#a9b6c7;background:0 0}.button-ghost:hover{color:#edf2f7;background:#2a3029}.button-danger{color:#ffb9bd;background:#40262b;border-color:#70343d}.input{color:#f7fafc;background:#171a17;border:1px solid #3a4038;border-radius:8px;width:100%;min-height:46px;padding:0 13px;transition:border-color .16s,background .16s}.input::placeholder{color:#65758a}.input:focus{background:#1d231d;border-color:#49c5b6;outline:none}.textarea{resize:vertical;min-height:80px;padding-top:12px}.eyebrow{color:#65d4c5;letter-spacing:0;text-transform:uppercase;font-size:.77rem;font-weight:800}.home-main{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:80px;min-height:calc(100vh - 90px);padding:36px 0 90px;display:grid}.home-copy h1{color:#f7fafc;letter-spacing:0;max-width:680px;margin:18px 0;font-size:4.5rem;line-height:1.02}.home-copy p{color:#a9b6c7;max-width:580px;margin:0;font-size:1.12rem;line-height:1.65}.feature-row{color:#8190a4;flex-wrap:wrap;gap:10px 24px;margin-top:32px;font-size:.9rem;display:flex}.feature-row span{align-items:center;gap:7px;display:inline-flex}.feature-dot{background:#49c5b6;border-radius:999px;width:6px;height:6px}.form-panel{background:#1a1e19;border:1px solid #343a32;border-radius:8px;padding:28px;box-shadow:0 24px 70px #00000038}.form-panel h2{margin:0 0 8px;font-size:1.35rem}.form-panel p{color:#8190a4;margin:0 0 24px;line-height:1.5}.field{gap:8px;margin-bottom:16px;display:grid}.field label{color:#dce4ee;font-size:.9rem;font-weight:650}.field-help{color:#718096;font-size:.78rem;line-height:1.4}.form-actions{align-items:center;gap:10px;margin-top:20px;display:flex}.form-actions .button-primary{flex:1}.error-text{color:#ff9b9f;margin:6px 0 0;font-size:.83rem}.success-text{color:#65d4c5;font-size:.83rem}.room-page{padding-bottom:38px}.room-bar{border-bottom:1px solid #30372f;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.room-title{align-items:center;gap:12px;min-width:0;display:flex}.room-title h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.08rem;overflow:hidden}.room-id{color:#718096;font-size:.82rem}.connection-status{color:#93a4b9;white-space:nowrap;align-items:center;gap:7px;font-size:.83rem;display:inline-flex}.status-dot{background:#718096;border-radius:999px;width:8px;height:8px}.status-connected .status-dot{background:#49c5b6;box-shadow:0 0 0 4px #49c5b61a}.status-reconnecting .status-dot,.status-connecting .status-dot{background:#e5b85c}.status-disconnected .status-dot{background:#ed7379}.room-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px;padding-top:18px;display:grid}.watch-column{min-width:0}.video-frame{aspect-ratio:16/9;background:#090d09;border:1px solid #30372f;border-radius:8px;width:100%;position:relative;overflow:hidden}.video-embed,.video-embed iframe{width:100%;height:100%}.external-iframe{background:#070b10;border:0;display:block}.twitch-embed{min-width:400px;min-height:300px}.native-video{object-fit:contain;background:#070b10;display:block}.player-loading,.player-notice{color:#a9b6c7;background:#070b10db;align-content:center;place-items:center;gap:12px;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.player-notice{text-align:center;align-content:center;padding:24px}.text-button{color:#65d4c5;background:0 0;border:0;font-weight:700}.watch-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.watch-toolbar .button{min-height:38px;padding:0 12px}.toolbar-group{align-items:center;gap:8px;display:flex}.seek-row{color:#8190a4;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:.78rem;display:grid}.seek-row input[type=range]{accent-color:#49c5b6;width:100%}.info-strip{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.info-chip{color:#a9b6c7;border:1px solid #363d34;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.78rem;display:inline-flex}.chat-panel{background:#1a1e19;border:1px solid #343a32;border-radius:8px;flex-direction:column;min-height:540px;display:flex;overflow:hidden}.panel-heading{border-bottom:1px solid #343a32;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;display:flex}.panel-heading h2{margin:0;font-size:.95rem}.panel-heading small{color:#718096}.chat-close,.chat-toggle,.chat-scrim{display:none}.participant-list{border-bottom:1px solid #30372f;flex-wrap:wrap;gap:7px;padding:12px 16px;display:flex}.participant{color:#b9c7d8;background:#252d25;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 9px;font-size:.76rem;display:inline-flex}.participant.host{color:#65d4c5}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.empty-chat{color:#718096;text-align:center;margin:auto 0;font-size:.86rem;line-height:1.5}.chat-message{gap:4px;display:grid}.chat-meta{color:#718096;justify-content:space-between;gap:8px;font-size:.72rem;display:flex}.chat-meta strong{color:#a9b6c7;font-weight:650}.chat-bubble{color:#e2e8f0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.87rem;line-height:1.45}.chat-compose{border-top:1px solid #343a32;gap:8px;padding:12px;display:flex}.chat-compose .input{min-height:40px}.chat-compose .button{flex:none;min-height:40px;padding:0 12px}.invite-panel{background:#202720;border:1px solid #454d42;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:15px 16px;display:flex}.invite-copy{gap:5px;display:grid}.invite-copy strong{font-size:.88rem}.invite-copy span{color:#8d9db1;font-size:.8rem}.invite-actions{align-items:center;gap:6px;display:flex}.icon-button{width:42px;min-width:42px;padding:0}.provider-note{color:#a9b6c7;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;font-size:.8rem;line-height:1.45;display:flex}.provider-note a{color:#65d4c5;flex:none;font-weight:700;text-decoration:none}.provider-note a:hover{text-decoration:underline}.host-password-panel{background:#171a17;border:1px solid #363d34;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.host-password-panel>div:first-child{gap:5px;display:grid}.host-password-panel strong{font-size:.86rem}.host-password-panel span{color:#8d9db1;font-size:.77rem;line-height:1.4}.host-password-field{align-items:center;gap:4px;min-width:min(280px,100%);display:flex}.host-password-unavailable{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.host-password-unavailable .button{min-height:36px;padding:0 10px;font-size:.8rem}.share-feedback{color:#65d4c5;margin:8px 0 0;font-size:.82rem}.copy-field{gap:8px;display:flex}.copy-field .button{flex:none;min-height:42px;padding:0 11px}.share-modal .field{margin-bottom:14px}.share-modal .form-actions{justify-content:flex-end}.join-wrap{place-items:center;min-height:calc(100vh - 90px);padding:40px 0;display:grid}.join-panel{width:min(440px,100%)}.room-error{text-align:center;width:min(560px,100%)}.room-error h1{margin:0 0 10px;font-size:2rem}.room-error p{color:#9aaabd;line-height:1.5}.modal-backdrop{z-index:20;background:#04070bbf;place-items:center;padding:20px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:#1a1e19;border:1px solid #454d42;border-radius:8px;width:min(480px,100%);padding:24px}.modal h2{margin:0 0 8px}.modal p{color:#8d9db1;font-size:.87rem;line-height:1.5}@media(max-width:900px){.home-main{grid-template-columns:1fr;gap:42px;padding-top:50px}.home-copy h1{font-size:3.5rem}.room-grid{grid-template-columns:1fr}.chat-panel{display:none}}@media(max-width:560px){.page-width{width:min(100% - 24px,1180px)}.home-copy h1{font-size:2.65rem}.topbar{padding:16px 0}.brand-subtle{display:none}.home-main{min-height:auto;padding:42px 0 60px}.form-panel{padding:20px}.room-bar{flex-direction:column;align-items:flex-start;gap:10px}.room-bar .connection-status{align-self:flex-end;margin-top:-30px}.watch-toolbar{flex-direction:column;align-items:flex-start}.toolbar-group{width:100%}.toolbar-group .button{flex:1}.invite-panel{flex-direction:column;align-items:stretch}.invite-actions{width:100%}.invite-actions .button-secondary{flex:1}.copy-field{flex-direction:column;align-items:stretch}.provider-note{flex-direction:column;align-items:flex-start}.host-password-panel{flex-direction:column;align-items:stretch}.host-password-field{width:100%;min-width:0}}@media(max-width:900px){.room-page .page-width{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.chat-panel.chat-open{z-index:42;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:8px;height:min(76dvh,640px);min-height:320px;display:flex;position:fixed;box-shadow:0 16px 64px #0000006b}.chat-scrim{z-index:41;background:#0205089e;border:0;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.chat-toggle{z-index:43;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:inline-flex;position:fixed;box-shadow:0 8px 28px #00000052}.chat-toggle span{color:#111820;background:#d88d63;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:.72rem;font-weight:800;display:grid}.chat-close{color:#a9b6c7;background:0 0;border:0;place-items:center;width:36px;height:36px;margin-left:auto;display:inline-grid}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}