body{background:#18181b;color:#f4f4f5;font-size:16px;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}html{scrollbar-gutter:stable}main{max-width:800px;margin:40px auto;padding:24px;background:#232326;border-radius:12px;box-shadow:0 2px 16px #00000040}h1,h2,h3{color:#a78bfa;margin-top:0;margin-bottom:1rem}ol{padding-left:1.5rem}p{margin:0;margin-bottom:1.5rem}a{color:#38bdf8;text-decoration:none;transition:color .2s}a:hover{color:#f472b6}input:focus,textarea:focus,select:focus{border-color:#a78bfa}code{background:#2d2d34;color:#f4f4f5;padding:2px 4px;border-radius:4px;font-family:Courier New,Courier,monospace;max-width:100%;overflow-wrap:break-word}.error{color:#ff4d4d;background-color:#300;padding:.5rem;border:1px solid #800000;border-radius:3px}.info{color:#38bdf8;background-color:#0a2540;padding:.5rem;border:1px solid #004080;border-radius:3px}details[open] summary~section{animation:sweep .3s ease-in-out;padding:1rem;margin:.5rem 1rem 1rem;border:1px solid #323133;border-radius:5px;box-shadow:0 2px 8px #0003;color:#e0e0e0;background-color:#1e1e1e}@keyframes sweep{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;padding:1rem;font-size:.875rem;color:#888}.button-update-chat{margin-top:1rem;width:100%}.add-to-obs{margin-bottom:2rem}.divider{border:none;border-top:1px solid #323133;margin:1rem 0}.chat{font-size:22px;box-sizing:border-box;width:500px;height:100vh;text-align:left;overflow:hidden}.chat ::-webkit-scrollbar{width:0;background:transparent}.chat-disappearing{display:flex;flex-direction:column;overflow:auto;height:100%;justify-content:end}.chat-message{all:unset;box-sizing:border-box;width:100%;overflow-wrap:anywhere;padding:.2rem;line-height:22px}.chat-message-body{padding:0;border-radius:3px;border-left:3px solid transparent;border-right:3px solid transparent;display:flex;flex-direction:row;background-size:100% 3px;background-position:0 0,0 100%;background-repeat:no-repeat;line-height:32px}.chat-message-body-subscriber{border-left:3px solid #725a1e;border-right:3px solid #fff9ab;background-image:linear-gradient(90deg,#725a1e,#fff9ab),linear-gradient(90deg,#725a1e,#fff9ab);padding:6px 4px}.chat-message-body-spotlighted{border-left:3px solid #be36ec;border-right:3px solid #0737b0;background:linear-gradient(90deg,#be36ec,#0737b0)}.chat-message-body-gigantified>span>span.chat-message-text>img:last-of-type{width:112px;height:112px;max-height:unset}.chat-message-nick{font-weight:700;padding-right:.2em;overflow:visible;white-space:nowrap;text-overflow:ellipsis;display:inline-block}.chat-message-nick-alias{opacity:.6;font-weight:400}.chat-message-text{word-break:break-word}.chat-message-text-action{font-style:italic}.chat-message-badge{height:1.2rem;width:unset;border-radius:3px;margin-bottom:.3rem;margin-right:.3rem;vertical-align:middle}.chat-message-avatar-image{border-radius:4px;height:36px;width:36px;display:inline-block;vertical-align:middle;margin-bottom:.05rem;margin-right:.3rem}.chat-emote{max-height:36px;display:inline-block;vertical-align:middle}.chat-emote--flipy{transform:scaleY(-1)}.chat-emote--flipx{transform:scaleX(-1)}.chat-emote--cursed{filter:grayscale(1) brightness(.7) contrast(2.5)}.chat-emote--hyperred{filter:brightness(.2) sepia(1) brightness(2.2) contrast(3) saturate(8)}.chat-emote--party{animation:party 1.5s linear infinite}.chat-emote--shake{animation:shake .5s step-start infinite}.chat-emote--rotate{transform:rotate(90deg)}.chat-emote--rotate-left{transform:rotate(-90deg)}.chat-emote--zero-width-wrapper{position:relative;display:inline-block}.chat-emote--zero-width-span{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;pointer-events:none}.chat-emote--zero-width-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-emote--emoji{max-height:28px}.chat-cheer{vertical-align:middle}.chat-cheer-amount{font-weight:700;font-size:rem;margin-left:.2rem}.chat-emote--shake.chat-emote--party{animation:shake .5s step-start infinite,party 1.5s linear infinite}.chat-emote--flipy.chat-emote--flipx{transform:scaleX(-1) scaleY(-1)}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes party{0%{filter:sepia(.5) hue-rotate(0deg) saturate(2.5)}to{filter:sepia(.5) hue-rotate(1turn) saturate(2.5)}}@keyframes shake{0%{translate:0 1px}10%{translate:2px 0}20%{translate:1px -2px}30%{translate:-2px 1px}40%{translate:0 -1px}50%{translate:2px 2px}60%{translate:-1px -1px}70%{translate:-2px 2px}80%{translate:2px 1px}90%{translate:-1px -2px}to{translate:1px 0}}.button{border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .15s}.button-primary{padding:10px 20px;background:linear-gradient(90deg,#0000,#38bdf8);background-color:#a78bfa;color:#18181b;box-shadow:0 0 3px #e0c5c54d}.button-primary:hover{background-color:#ffdcee;color:#000}.button-ghost{padding:8px;background:transparent;color:#38bdf8;border:1px solid #38bdf8}.button-ghost:hover{background:#38bdf8;color:#fff}.button-secondary{font-size:.875rem;font-weight:500;background:#333;color:#ddd;border:1px solid #444;border-radius:4px;padding:6px 10px;cursor:pointer}.button-secondary:hover{background:#8267dc;color:#fff}.toast-wrapper{position:fixed;right:1rem;top:1rem;z-index:1000;pointer-events:none}.toast{pointer-events:auto;background:#1f1b2e;color:#f4f4f5;border:1px solid #433b5d;border-radius:10px;box-shadow:0 10px 30px #00000059,0 2px 8px #0003;padding:.75rem .75rem .75rem 1rem;display:flex;align-items:center;gap:.75rem;min-width:260px}.toast-content{display:flex;flex-direction:column}.toast-title{font-weight:700;font-size:.9rem;color:#e879f9}.toast-message{font-size:.9rem;opacity:.95}.toast-close{background:transparent;color:#f4f4f5;border:none;font-size:1.25rem;line-height:1;padding:.25rem .5rem;cursor:pointer;border-radius:6px;transition:background .12s ease}.toast-close:hover{background:#e879f91f}.color-picker{display:flex;align-items:flex-start;flex-direction:column;gap:1rem;border:1px solid #433b5d;padding:1rem;border-radius:5px}.color-picker-footer{display:flex;gap:1rem}.filter-editor-rules{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-direction:column}.chat-preview{border:1px solid #433b5d;border-radius:5px;padding:1rem;margin-top:1rem;background:#1e1e1e;box-shadow:0 2px 8px #0003;overflow-y:auto;display:flex;justify-content:center;overflow:auto;position:relative}.chat-preview-container{position:sticky;top:0;z-index:5;background:#232326;padding-top:.5rem}.chat-preview-container .chat-preview{max-height:50vh}.chat-preview-change-bg-button{position:absolute;top:.5rem;right:.5rem;background-color:#635dc2;border:1px solid #9b87dc;border-radius:5px;padding:.25rem .5rem;cursor:pointer;color:#fff;font-size:.875rem;transition:all .15s}.chat-preview-change-bg-button:hover{background-color:#7a6bc2}.chat-settings{position:relative;margin:1rem 0}.chat-settings summary{background-color:#635dc2;border:1px solid #9b87dc;border-radius:5px;padding:.5rem 1rem;cursor:pointer;transition:all .15s}.chat-settings summary:hover{background-color:#514abb;color:#fff}.chat-settings-section{padding:.5rem;border-radius:5px;transition:all .15s}.chat-settings-section>label{width:100%;display:flex;align-items:center;padding:0;margin-bottom:1rem}.chat-settings-section:hover{border-color:#594f7c}.chat-settings-load-from-url{border-width:1px;border-style:solid;border-color:#433b5d;padding:1rem}.chat-settings select{box-sizing:border-box;background-color:#1a1a1a;color:#f4f4f5;border:1px solid #444;border-radius:6px;padding:8px;font-size:1rem;outline:none}.chat-settings select:focus{outline:2px solid #7c3aed}.chat-settings input[type=text],.chat-settings input[type=number]{width:100%;background-color:#1a1a1a;color:#fff;box-sizing:border-box;color:#f4f4f5;border:1px solid #444;border-radius:6px;padding:8px;font-size:1rem;outline:none;transition:border-color .2s}.chat-settings input[type=checkbox]{width:1.5rem;height:1.5rem;margin-right:.5rem}.chat-settings input[type=number]{max-width:100px}.chat-settings input[type=color]{background-color:transparent;outline:none;border:none}.chat-settings input:focus{outline:2px solid #7c3aed}.chat-settings-inputs-wrapper{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.chat-settings-size-inputs input{flex:1;max-width:100px}.chat-settings-size-inputs select{flex:0 0 auto}.twitch-connect-page-info-box{display:flex;gap:1rem;align-items:center;background:#232326;margin-bottom:1rem;justify-content:center}.twitch-connect-page-logged-out{border-radius:5px;padding:1rem;text-align:center;margin-bottom:1rem}.twitch-connect-page-url-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:1rem;border:1px solid #444;border-radius:6px;margin-top:1rem;gap:1rem;background:#1e1e1e;box-shadow:0 2px 8px #0003}.twitch-connect-page-change-channel{display:flex;gap:.5rem;align-items:center}.twitch-connect-page-change-channel-wrapper{margin:1rem 0}.twitch-connect-page input[type=text],.twitch-connect-page input[type=number]{background-color:#1a1a1a;color:#fff;box-sizing:border-box;color:#f4f4f5;border:1px solid #444;border-radius:6px;padding:8px;font-size:1rem;outline:none;transition:border-color .2s}