*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--twitch-bg-dark:#0e0e10;--twitch-bg-light:#18181c;--twitch-bg-input:#252529;--twitch-purple:#9146ff;--twitch-purple-hover:#772ce8;--twitch-text:#efeff1;--twitch-text-muted:#adadb8;--twitch-border:#2f2f35}body{color:#efeff1;color:var(--twitch-text);font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.stream-layout,body{background-color:#0e0e10;background-color:var(--twitch-bg-dark);overflow:hidden}.stream-layout{display:flex;height:100vh;width:100vw}.main-content{background-color:#000;flex:1 1;justify-content:center}.main-content,.video-container{align-items:center;display:flex}.video-container{height:100%;position:relative;width:100%}.video-player{background-color:#000;height:100%;object-fit:contain;width:100%}.side-panel{background-color:#18181c;background-color:var(--twitch-bg-light);border-left:1px solid #2f2f35;border-left:1px solid var(--twitch-border);min-width:340px;width:340px}.panel-section.chat,.side-panel{display:flex;flex-direction:column;height:100%}.section-title{border-bottom:1px solid #2f2f35;border-bottom:1px solid var(--twitch-border);color:#efeff1;color:var(--twitch-text);font-size:12px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:center}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px 15px}.chat-message{word-wrap:break-word;font-size:13px;line-height:1.5}.chat-user{color:#9146ff;color:var(--twitch-purple);cursor:pointer;font-weight:700}.chat-user:hover{text-decoration:underline}.chat-text{color:#efeff1;color:var(--twitch-text)}.chat-input-area{background-color:#18181c;background-color:var(--twitch-bg-light);display:flex;flex-direction:column;gap:10px;padding:15px}.chat-message-input,.chat-name-input{background-color:#252529;background-color:var(--twitch-bg-input);border:2px solid #0000;border-radius:4px;box-sizing:border-box;color:#efeff1;color:var(--twitch-text);font-size:13px;outline:none;padding:8px 12px;transition:border-color .1s ease;width:100%}.chat-message-input:focus,.chat-name-input:focus{background-color:#000;border-color:#9146ff;border-color:var(--twitch-purple)}.chat-user-row{display:flex}.chat-user-row .chat-name-input{max-width:120px}.chat-message-row{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.chat-send-btn{background-color:#9146ff;background-color:var(--twitch-purple);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:background-color .1s ease}.chat-send-btn:hover{background-color:#772ce8;background-color:var(--twitch-purple-hover)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#2f2f35;background:var(--twitch-border);border-radius:2px}@media (max-width:768px){.stream-layout{flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100vw}.main-content{aspect-ratio:16/9;background-color:#000;flex:none;width:100%}.video-container,.video-player{height:100%;width:100%}.side-panel{border-left:none;border-top:1px solid #2f2f35;border-top:1px solid var(--twitch-border);flex:1 1;height:auto;min-width:100%;overflow:hidden;width:100%}.panel-section.chat,.side-panel{display:flex;flex-direction:column}.panel-section.chat{height:100%}.section-title{font-size:11px;padding:8px}.chat-messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:10px}.chat-input-area{background-color:#18181c;background-color:var(--twitch-bg-light);border-top:1px solid #2f2f35;border-top:1px solid var(--twitch-border);padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.chat-message-input,.chat-name-input{font-size:16px;padding:8px 12px}.chat-user-row .chat-name-input{max-width:100px}.chat-message-row{align-items:center;flex-direction:row;gap:8px;width:100%}.chat-message-input{flex:1 1}.chat-send-btn{align-items:center;display:flex;height:40px;justify-content:center;padding:0 16px}}
/*# sourceMappingURL=main.816edf2a.css.map*/