@import url("https://fonts.googleapis.com/css2?family=Special+Elite&display=swap");*{margin:0;padding:0;box-sizing:border-box}.mouthoff-container{font-family:Special Elite,Courier New,monospace;background:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 0),radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 0);background-size:8px 8px,10px 10px;background-position:0 0,4px 4px;color:#e0e0e0;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;display:flex;flex-direction:column}.mouthoff-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><filter id="n"><feTurbulence baseFrequency="1.2" numOctaves="5" /><feColorMatrix values="0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 0.2 0"/></filter><rect width="400" height="400" filter="url(%23n)"/></svg>');pointer-events:none;z-index:999;mix-blend-mode:overlay;opacity:.6}.video-section{position:fixed;top:0;left:0;right:0;height:22vh;background:#000;border-bottom:3px solid #fff;z-index:100;overflow:hidden}.video-container{width:calc(100% - 8px);height:calc(100% - 35px);margin:4px 3px;background:#1a1a1a;border:3px solid #fff;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(.7deg);clip-path:polygon(1% 0,99% .5%,99.5% 98%,.5% 99.5%);box-shadow:inset 2px 2px 0 rgba(255,255,255,.1),inset -2px -2px 0 rgba(0,0,0,.3)}.video-placeholder{font-size:1.8rem;color:#fff;font-weight:700;letter-spacing:4px;transform:rotate(-.8deg);text-align:center;line-height:1.4;text-shadow:4px 4px 0 rgba(255,0,0,.4)}.video-controls{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;z-index:3}.live-badge{background:#fff;color:#000;border:3px solid #000;text-transform:uppercase;font-size:.55rem;transform:rotate(-3.5deg);box-shadow:3px 3px 0 rgba(0,0,0,.6),inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.1);clip-path:polygon(2% 0,98% 1%,99% 97%,1% 99%)}.live-badge,.video-timer{padding:4px 10px;font-weight:700;letter-spacing:1.5px}.video-timer{background:#000;color:#fff;border:3px solid #fff;font-size:.6rem;transform:rotate(2.8deg);clip-path:polygon(0 2%,99% 0,100% 99%,1% 98%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 0 rgba(255,255,255,.1)}.video-bottom-info{position:absolute;bottom:28px;left:8px;right:8px;display:flex;justify-content:space-between;z-index:3}.video-quality{background:rgba(0,0,0,.95);color:#fff;padding:3px 8px;border:2px solid #666;font-size:.5rem;font-weight:700;letter-spacing:.8px;transform:rotate(-1.5deg);box-shadow:inset 1px 1px 0 rgba(255,255,255,.05)}.mouthoff-container .chat-tabs-container{position:fixed;top:calc(22vh + 3px);left:0;right:0;background:#0d0d0d;border-bottom:3px solid #fff;overflow-x:auto;white-space:nowrap;z-index:99;padding:0;animation:none!important}.mouthoff-container .chat-tabs{display:inline-flex;gap:3px;padding:6px}.mouthoff-container .chat-tab{padding:6px 12px;background:#1a1a1a;border:3px solid #666;cursor:pointer;font-weight:700;color:#888;text-transform:uppercase;font-size:.55rem;transition:all .05s;position:relative;letter-spacing:1.2px;clip-path:polygon(3% 1%,97% 0,99% 96%,1% 99%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.03),inset -1px -1px 0 rgba(0,0,0,.2);animation:none!important}.mouthoff-container .chat-tab:first-child{transform:rotate(-2.1deg)}.mouthoff-container .chat-tab:nth-child(2){transform:rotate(1.3deg)}.mouthoff-container .chat-tab:nth-child(3){transform:rotate(-.8deg)}.mouthoff-container .chat-tab:nth-child(4){transform:rotate(2.5deg)}.mouthoff-container .chat-tab:nth-child(5){transform:rotate(-1.7deg)}.mouthoff-container .chat-tab:hover{background:#2a2a2a;color:#fff;border-color:#999}.mouthoff-container .chat-tab.active{background:#fff;color:#000;transform:rotate(0deg) translateY(-2px);box-shadow:3px 3px 0 rgba(255,255,255,.2);border-color:#fff;animation:none!important}.mouthoff-container .chat-header{position:fixed;top:calc(22vh + 40px);left:0;right:0;background:#000;border-bottom:3px solid #fff;padding:10px 8px 8px;display:flex;justify-content:space-between;align-items:center;z-index:98;transform:rotate(-.2deg);box-shadow:0 3px 0 rgba(255,255,255,.08);animation:none!important}.mouthoff-container .chat-brand{display:flex;align-items:center;gap:8px;margin-top:1px}.mouthoff-container .brand-icon{width:32px;height:32px;background:#fff;border:3px solid #000;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;transform:rotate(-7deg);color:#000;clip-path:polygon(5% 2%,95% 0,98% 93%,2% 97%);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);animation:none!important}.mouthoff-container .brand-info{margin-top:2px}.mouthoff-container .brand-info h2{font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:1.5px;font-weight:900;transform:rotate(.8deg);display:inline-block}.mouthoff-container .brand-info p{font-size:.5rem;color:#999;margin-top:2px;letter-spacing:.4px;transform:rotate(-.5deg);display:inline-block}.mouthoff-container .chat-actions{display:flex;gap:6px;margin-top:1px}.mouthoff-container .action-btn{padding:5px 10px;background:#fff;color:#000;border:3px solid #000;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:.55rem;letter-spacing:1.2px;transition:all .05s;transform:rotate(-2.3deg);clip-path:polygon(2% 1%,98% 0,99% 98%,1% 97%);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);animation:none!important}.mouthoff-container .action-btn:active{transform:rotate(1.5deg) scale(.97)}.mouthoff-container .action-btn.secondary{background:#000;color:#fff;border:3px solid #fff;transform:rotate(1.8deg);box-shadow:inset 1px 1px 0 rgba(255,255,255,.1)}.mouthoff-container .chat-section{position:fixed;top:calc(22vh + 40px + 55px);left:0;right:0;bottom:58px;display:flex;flex-direction:column;background:#0a0a0a;border:none!important;box-shadow:none!important;animation:none!important;overflow:hidden}.mouthoff-container .chat-window{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 10px 12px;display:flex;flex-direction:column;gap:4px;position:relative}.mouthoff-container .message{margin-bottom:12px;display:flex;gap:8px;align-items:flex-start;position:relative;animation:none!important}.mouthoff-container .message.user{flex-direction:row-reverse}.mouthoff-container .message:first-child .message-bubble{transform:rotate(-1.8deg)}.mouthoff-container .message:nth-child(2) .message-bubble{transform:rotate(1.2deg)}.mouthoff-container .message:nth-child(3) .message-bubble{transform:rotate(-.7deg)}.mouthoff-container .message:nth-child(4) .message-bubble{transform:rotate(2.1deg)}.mouthoff-container .message:nth-child(5) .message-bubble{transform:rotate(-1.5deg)}.mouthoff-container .message:nth-child(6) .message-bubble{transform:rotate(.9deg)}.mouthoff-container .message:nth-child(7) .message-bubble{transform:rotate(-2.3deg)}.mouthoff-container .message:nth-child(8) .message-bubble{transform:rotate(1.6deg)}.mouthoff-container .message-avatar{width:30px;height:30px;border:3px solid #fff;background:#000;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;line-height:1;clip-path:polygon(8% 2%,92% 1%,97% 91%,3% 96%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 0 rgba(0,0,0,.2);animation:none!important}.mouthoff-container .message:nth-child(odd) .message-avatar{transform:rotate(-5.5deg)}.mouthoff-container .message:nth-child(2n) .message-avatar{transform:rotate(4.8deg)}.mouthoff-container .message.user .message-avatar{background:#fff;border-color:#000;color:#000}.mouthoff-container .message-bubble{max-width:78%;padding:10px 12px;background:#1a1a1a;color:#e0e0e0;border:3px solid #666;position:relative;box-shadow:4px 4px 0 rgba(0,0,0,.4),5px 5px 2px rgba(0,0,0,.2),6px 6px 0 rgba(0,0,0,.15),inset 1px 1px 0 rgba(255,255,255,.03),inset -1px -1px 0 rgba(0,0,0,.2);animation:none!important}.mouthoff-container .message-bubble:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1.5px,transparent 0),radial-gradient(circle,rgba(255,255,255,.08) 2px,transparent 0),radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 0);background-size:12px 12px,18px 18px,8px 8px;background-position:0 0,6px 6px,3px 3px;z-index:-1;transform:rotate(-2deg);clip-path:polygon(5% 3%,95% 2%,98% 94%,3% 97%);opacity:.4}.mouthoff-container .message:nth-child(odd) .message-bubble:after{transform:rotate(2deg);top:-7px;left:-8px}.mouthoff-container .message:nth-child(3n) .message-bubble:after{transform:rotate(-3deg);background-position:2px 2px,8px 8px,5px 5px}.mouthoff-container .message:nth-child(4n) .message-bubble:after{transform:rotate(1.5deg);top:-5px;right:-7px}.mouthoff-container .message:first-child .message-bubble{clip-path:polygon(2% 0,98% 1%,99% 3%,97% 5%,99% 8%,98% 12%,100% 97%,98% 99%,3% 98%,0 96%,2% 93%,0 3%)}.mouthoff-container .message:nth-child(2) .message-bubble{clip-path:polygon(0 2%,3% 0,6% 1%,98% 0,100% 4%,99% 97%,96% 99%,93% 98%,2% 99%,0 95%,1% 90%,0 7%)}.mouthoff-container .message:nth-child(3) .message-bubble{clip-path:polygon(1% 1%,97% 0,99% 2%,100% 96%,98% 98%,95% 100%,4% 99%,1% 97%,0 94%,2% 5%,0 2%)}.mouthoff-container .message:nth-child(4) .message-bubble{clip-path:polygon(3% 0,6% 2%,97% 1%,99% 4%,100% 95%,97% 97%,94% 100%,3% 98%,1% 96%,0 3%,2% 1%)}.mouthoff-container .message:nth-child(5) .message-bubble{clip-path:polygon(0 3%,2% 1%,98% 0,100% 2%,99% 98%,97% 100%,2% 99%,0 97%,1% 94%,0 6%)}.mouthoff-container .message:nth-child(6) .message-bubble{clip-path:polygon(2% 0,97% 1%,100% 3%,99% 96%,97% 98%,4% 100%,1% 98%,0 95%,1% 4%,0 1%)}.mouthoff-container .message:nth-child(7) .message-bubble{clip-path:polygon(1% 0,96% 1%,99% 3%,100% 97%,98% 99%,3% 100%,0 97%,2% 94%,0 4%,1% 2%)}.mouthoff-container .message:nth-child(8) .message-bubble{clip-path:polygon(0 2%,97% 0,100% 4%,99% 95%,96% 98%,2% 99%,0 96%,1% 92%,0 5%)}.mouthoff-container .message.user .message-bubble{background:#fff;color:#000;border-color:#000}.mouthoff-container .message.user .message-bubble:after{background-image:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 0),radial-gradient(circle,rgba(0,0,0,.1) 2px,transparent 0),radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 0);transform:rotate(2.5deg)}.mouthoff-container .message-time{font-size:.48rem;color:rgba(255,255,255,.35);margin-top:4px;text-align:right;letter-spacing:1.2px;transform:rotate(-.5deg)}.mouthoff-container .message.user .message-time{color:rgba(0,0,0,.35)}.mouthoff-container .message-bubble{line-height:1.6}.mouthoff-container .message-bubble p{margin:0 0 .75em}.mouthoff-container .message-bubble p:last-child{margin-bottom:0}.mouthoff-container .chat-footer{position:fixed;bottom:0;left:0;right:0;background:#000;border-top:3px solid #fff;padding:8px;display:flex;gap:6px;align-items:center;z-index:100;transform:rotate(.15deg);box-shadow:0 -3px 0 rgba(255,255,255,.08);animation:none!important}.mouthoff-container .emoji-btn{width:38px;height:38px;background:#fff;border:3px solid #000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;font-weight:700;transition:all .05s;transform:rotate(-5.2deg);flex-shrink:0;color:#000;clip-path:polygon(4% 1%,96% 0,99% 95%,2% 98%);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);animation:none!important}.mouthoff-container .emoji-btn:active{background:#000;color:#fff;border-color:#fff;transform:rotate(3deg) scale(.94)}.mouthoff-container .text-input-container{flex:1;position:relative}.mouthoff-container .text-input{width:100%;padding:9px;background:#1a1a1a;border:3px solid #666;color:#e0e0e0;font-family:Special Elite,Courier New,monospace;font-size:15px;outline:none;transform:rotate(-.4deg);clip-path:polygon(1% 0,99% 1%,100% 98%,0 99%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.03);animation:none!important;-webkit-text-size-adjust:100%;touch-action:manipulation}.mouthoff-container .text-input::placeholder{color:#666}.mouthoff-container .text-input:focus{background:#252525;border-color:#999;transform:rotate(.1deg)}.mouthoff-container .send-btn{width:38px;height:38px;background:#fff;border:3px solid #000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.6rem;line-height:1;transition:all .05s;color:#000;font-weight:700;transform:rotate(4.1deg);flex-shrink:0;clip-path:polygon(2% 0,98% 2%,100% 97%,0 99%);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);animation:none!important;font-family:Special Elite,Courier New,monospace;position:relative;z-index:2}.mouthoff-container .send-btn:disabled{opacity:.5;cursor:not-allowed}.mouthoff-container .send-btn:active{background:#000;color:#fff;border-color:#fff;transform:rotate(-2.5deg) scale(.94)}.mouthoff-container .qr-btn{width:38px;height:38px;background:#000;border:3px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .05s;color:#fff;font-weight:700;transform:rotate(-6.3deg);flex-shrink:0;clip-path:polygon(0 3%,97% 0,100% 96%,3% 100%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.1);animation:none!important;position:relative;z-index:1}.mouthoff-container .qr-btn:active{background:#fff;color:#000;border-color:#000;transform:rotate(4deg) scale(.94)}.mouthoff-container .chat-window::-webkit-scrollbar{width:9px}.mouthoff-container .chat-window::-webkit-scrollbar-track{background:#000;border-left:2px solid #333}.mouthoff-container .chat-window::-webkit-scrollbar-thumb{background:#666;border:2px solid #000}@supports (-webkit-touch-callout:none){.mouthoff-container .chat-window{touch-action:pan-y;-webkit-overflow-scrolling:touch}}@media (max-width:768px){.mouthoff-container .chat-window{touch-action:pan-y;-webkit-overflow-scrolling:touch}}.mouthoff-container .chat-tabs-container::-webkit-scrollbar{height:5px}.mouthoff-container .chat-tabs-container::-webkit-scrollbar-track{background:#000}.mouthoff-container .chat-tabs-container::-webkit-scrollbar-thumb{background:#666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scanline{0%{top:16px}50%{top:calc(100% - 16px)}to{top:16px}}