*{margin:0;padding:0;box-sizing:border-box}body{background:#111;color:#fff;font-family:Inter,sans-serif;overflow:hidden;height:100vh}:root{--accent-color:#FFA500;--accent-soft:rgba(250,204,21,0.12);--accent-subtle:rgba(250,204,21,0.08);--light-intensity:1;--chatbox-overlay:0}#social-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}.classic-chat-wrapper{position:fixed;top:58px;left:0;right:0;bottom:0;display:flex;gap:1rem;background:#111;color:#fff;padding:1rem;box-sizing:border-box;align-items:stretch;z-index:10}#profile-bg-overlay{position:fixed;inset:0;background-position:center center;background-size:cover;background-repeat:no-repeat;filter:blur(15px) saturate(1.05);transform:scale(1.03);opacity:1;pointer-events:none;z-index:5;transition:opacity 220ms,filter 220ms}.use-profile-bg #chat-input,.use-profile-bg #chat-messages,.use-profile-bg .chat-controls-wrapper,.use-profile-bg .classic-chat-wrapper,.use-profile-bg .control-btn,.use-profile-bg .control-left,.use-profile-bg .controls-inner,.use-profile-bg .controls-panel,.use-profile-bg .minicard-overlay{background:0 0!important;box-shadow:none!important}.use-profile-bg #chat-messages,.use-profile-bg .control-btn,.use-profile-bg .minicard-info,.use-profile-bg .minicard-status,.use-profile-bg .minicard-username{color:var(--text)!important}.classic-chat-wrapper .chat-container{position:relative;flex:0 0 30%;min-width:360px;height:100%;display:flex;flex-direction:column;padding:0;margin:0}.classic-chat-wrapper .video-grid{display:flex;flex-direction:column;width:100%;height:100%;gap:.5rem;padding:0;margin:0}.classic-chat-wrapper .video-box{position:relative;flex:1;background:#111;overflow:hidden;box-shadow:0 0 5px var(--accent-color)}.classic-chat-wrapper .video-box::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 calc(40px * var(--light-intensity)) rgba(255,235,217,calc(.25 * var(--light-intensity)));transition:box-shadow .2s linear}.video-watermark{transform-origin:center;transition:transform 420ms;will-change:transform;cursor:default;z-index:1000;padding:4px;display:inline-block;bottom:0;left:0}.video-watermark:hover{animation:.6s ease-in-out wobble}@keyframes wobble{0%,100%{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}.video-box video{transition:filter 160ms linear;filter:brightness(calc(1 + (.6 * var(--light-intensity))));width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:2}.classic-chat-wrapper .chat-controls-wrapper{flex:0.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:0;position:relative}.classic-chat-wrapper .chat-controls-wrapper #chat-messages{flex:1;display:block;background:#111;border:1px solid var(--accent-color);padding:1rem;overflow-y:auto;border-radius:0;box-sizing:border-box;position:relative;color:var(--chat-text-color,#fff);font-size:1.125rem;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal}.classic-chat-wrapper .chat-controls-wrapper #chat-messages::before{content:"";position:absolute;inset:0;background:rgba(255,246,219,var(--chatbox-overlay));pointer-events:none;transition:background-color 160ms linear,opacity 160ms linear;z-index:0}.classic-chat-wrapper .chat-controls-wrapper #chat-messages *{color:inherit;font-size:inherit;position:relative;z-index:1;max-width:100%;word-break:break-word}.classic-chat-wrapper .chat-controls-wrapper #chat-messages>div{display:block;width:100%;box-sizing:border-box;margin-bottom:.25rem}.classic-chat-wrapper .chat-controls-wrapper #chat-messages span{display:inline}.classic-chat-wrapper .chat-controls-wrapper .controls-panel{width:100%;flex:0 0 auto;box-sizing:border-box}.classic-chat-wrapper .controls-inner{width:100%;display:flex;gap:.5rem;align-items:stretch;justify-content:space-between;box-sizing:border-box;border-radius:0;min-height:5rem}.classic-chat-wrapper #chat-input{flex:1;background:#111;color:#fff;border:1px solid var(--accent-color);padding:1rem;border-radius:0;outline:0;min-width:0;height:5rem;box-sizing:border-box;font-size:larger;line-height:1;margin:0;vertical-align:top}.classic-chat-wrapper #chat-input::placeholder{color:#888}.classic-chat-wrapper .control-left .control-btn{width:5rem;height:5rem;min-width:5rem;min-height:5rem;background:#111;color:#fff;border:1px solid var(--accent-color);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border-radius:0}.control-btn .btn-main-text{font-size:1rem;font-weight:600;line-height:1.2}.control-btn .btn-sub-text{font-size:.7rem;color:#0af;font-weight:500}.control-btn.skip.state-matched,.control-btn.skip.state-start,.control-btn.skip.state-stop{background:#111}.control-btn.skip.state-confirm{background:linear-gradient(to bottom,var(--accent-color) 0,rgba(255,255,255,.04) 100%);color:#111}.control-btn.skip.state-confirm .btn-sub-text{color:inherit}.classic-chat-wrapper #btn-send{width:5rem;height:5rem;min-width:5rem;min-height:5rem;background:#111;color:#fff;border:1px solid var(--accent-color);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;padding:.5rem}.classic-chat-wrapper .minicard-overlay{transform:scale(.85);transform-origin:top left}.classic-chat-wrapper .control-left{display:flex;flex-direction:row;gap:.5rem;align-items:center}.video-grid{display:flex;flex-direction:column;gap:0;flex:1;padding:0;max-width:100%;width:100%;height:100%}.video-grid-4{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.25rem;flex:1;padding:0;max-width:100%;width:100%;height:100%;flex-direction:initial;align-items:initial;justify-content:initial}.classic-chat-wrapper .group-chat-container{flex:0 0 50%;min-width:400px}.video-grid-4 .minicard-overlay{transform:scale(.75);transform-origin:top left}.video-box{position:relative;background:#111;border:none;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-box.peer video,.video-box.self video{transform:scaleX(-1)}.minicard-overlay{position:absolute;top:12px;left:12px;border:1px solid var(--accent-subtle);border-radius:0;padding:10px;display:flex;gap:10px;align-items:flex-start;max-width:280px;z-index:10;font-family:var(--profile-font, 'Inter', sans-serif);background:rgba(0,0,0,.45);box-shadow:0 8px 20px rgba(0,0,0,.45),0 2px 8px var(--accent-soft)}.minicard-pfp{width:40px;height:40px;border-radius:0;object-fit:cover;background:#222;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 3px var(--accent-soft);flex-shrink:0}.minicard-pfp-video{width:40px!important;height:40px!important;object-fit:cover;border-radius:0;border:2px solid var(--accent-color,orange);background:#222;display:block;transform:none!important}.minicard-info{flex:1;min-width:0}.minicard-header{display:flex;align-items:center;gap:4px;margin-bottom:2px}.minicard-username{font-weight:700;font-size:13px;color:#fff}.minicard-status{font-size:11px;color:#fff;margin-top:2px}.minicard-badges{display:flex;gap:3px}.minicard-badge{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.minicard-badge img{width:100%;height:100%;object-fit:contain}.control-left{display:flex;flex-direction:row;gap:10px;align-items:center}.chat-area{flex:1;display:flex;flex-direction:column;gap:8px}.chat-messages{display:none;height:0;overflow:hidden;padding:0;background:0 0;border:none}.chat-input-row{display:flex;gap:8px}.chat-input-row input{flex:1;height:40px;padding:8px 10px;border:1px solid #333;background:#0f0f0f;color:#fff;outline:0}.chat-input-row input::placeholder{color:#888}.control-btn{width:48px;height:48px;border-radius:0;border:1px solid rgba(255,255,255,.06);background:#222;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s;box-shadow:none}.control-btn svg{width:20px;height:20px;vertical-align:middle;color:#fff!important;stroke:currentColor!important;fill:none!important}.control-btn svg *{stroke:currentColor!important;fill:none!important}.control-left .control-btn{width:72px;height:72px;font-size:28px;border-radius:0;background:#111}.control-right{display:flex;align-items:center;gap:8px;min-width:320px;max-width:520px;width:45%}.control-right input{width:100%;height:40px;padding:8px 10px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.25);color:#fff;outline:0;border-radius:0}.control-btn:hover{background:#333;border-color:var(--accent-color);box-shadow:0 6px 18px rgba(0,0,0,.45),0 2px 8px var(--accent-soft)}.control-btn.active{background:var(--accent-subtle);color:#fff;border-color:var(--accent-soft);box-shadow:0 8px 22px var(--accent-subtle)}.control-btn.skip{background:var(--accent-color);border-color:var(--accent-color)}.control-btn.skip:hover{background:linear-gradient(to bottom,var(--accent-color),rgba(0,0,0,.06));border-color:var(--accent-color)}.static-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:url('/static/chat/spin.webp') center/cover,linear-gradient(45deg,#1a1a1a 25%,transparent 25%) 0 0/20px 20px;display:flex;align-items:center;justify-content:center;opacity:1}.static-video.hidden{display:none!important}.static-effect{color:#fff;font-size:18px;text-align:center;font-weight:700;z-index:2;position:relative;background:#000;padding:12px 20px;border-radius:0}.interests-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(17,17,17,.98);backdrop-filter:blur(10px);border:1px solid var(--accent-soft);border-radius:0;display:flex;flex-direction:column;z-index:1000!important;overflow:hidden;color:#fff!important}.interests-modal *{color:inherit!important}.interests-modal.hidden{display:none}.interests-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--accent-subtle);background:var(--accent-subtle)}.interests-header h3{font-size:1.1rem;font-weight:600;color:var(--accent-color);margin:0}.interests-close{background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 150ms}.interests-close:hover{background:rgba(255,255,255,.1)}.interests-content{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:40px;padding:.75rem;background:var(--accent-subtle);border:1px dashed var(--accent-soft);border-radius:6px}.selected-tags:empty::after{content:'Select your interests...';color:rgba(255,255,255,.4)!important;font-style:italic;font-size:.9rem}.available-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.5rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.9rem;cursor:pointer;transition:150ms;user-select:none;color:#fff!important}.tag:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff!important}.tag.selected{background:var(--accent-color);border-color:var(--accent-color);color:#111!important;font-weight:600}.tag.selected:hover{background:rgba(var(--accent-color-rgb),.8);color:#111!important}.games-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(17,17,17,.98);backdrop-filter:blur(10px);border:1px solid var(--accent-soft);border-radius:0;display:flex;flex-direction:column;z-index:1000!important;overflow:hidden;color:#fff!important}.games-modal *{color:inherit!important}.games-modal.hidden{display:none}.games-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--accent-subtle);background:var(--accent-subtle)}.games-header h3{font-size:1.1rem;font-weight:600;color:var(--accent-color);margin:0}.games-close{background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 150ms}.games-close:hover{background:rgba(255,255,255,.1)}.games-content{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.game-item{padding:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.game-item h4{margin:0;font-size:1rem;font-weight:600;color:#fff}.game-item p{margin:0;color:rgba(255,255,255,.7);font-size:.9rem}.game-btn{align-self:flex-start;padding:.5rem 1rem;background:var(--accent-color);color:#111;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background 150ms}.game-btn:hover:not(:disabled){background:rgba(var(--accent-color-rgb),.8)}.game-btn:disabled{opacity:.5;cursor:not-allowed}.settings-modal{top:0;left:0;right:0;bottom:0;background:rgba(17,17,17,.98);backdrop-filter:blur(10px);border:1px solid var(--accent-soft);border-radius:0;display:flex;flex-direction:column;z-index:1000!important;overflow:hidden;color:#fff!important}.settings-modal *{color:inherit!important}.settings-modal.hidden{display:none}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--accent-subtle);background:var(--accent-subtle)}.settings-header h3{font-size:1.1rem;font-weight:600;color:var(--accent-color);margin:0}.settings-close{padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 150ms}.settings-close:hover{background:rgba(255,255,255,.1)}.settings-content{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{color:rgba(255,255,255,.9);font-size:.95rem;font-weight:500}.setting-item input[type=range]{width:100%;accent-color:var(--accent-color)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-color)}.checkbox-label span{color:rgba(255,255,255,.9);font-size:.95rem}.settings-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.settings-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}.settings-dialog{position:relative;background:#161616;color:#fff;padding:1.25rem;border:1px solid rgba(255,255,255,.04);width:320px;border-radius:6px;box-shadow:0 6px 30px rgba(0,0,0,.6);z-index:2010}.settings-close{position:absolute;right:8px;top:8px;background:0 0;border:none;color:#fff;font-size:1rem;cursor:pointer}.settings-row{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.settings-row label{font-size:.95rem}.settings-row input[type=range]{width:100%}.hidden{display:none!important}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #333;border-top-color:var(--accent-color);border-radius:50%;animation:.8s linear infinite spin}.loading-text{color:var(--accent-color);font-size:16px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.friend-request-btn{background:var(--accent-color);color:#000;border:none;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:.2s;border-radius:0;white-space:nowrap;margin-left:auto;flex-shrink:0}.friend-request-btn:hover{background:#e0b812}.friend-request-btn:disabled{background:#555;color:#888;cursor:not-allowed}@media (max-width:768px){body{overflow:auto}.classic-chat-wrapper{flex-direction:column;overflow-y:auto;height:auto;min-height:calc(100dvh - 58px);padding:.5rem;gap:.5rem}.classic-chat-wrapper .chat-container{flex:none;min-width:0;width:100%;height:42vw;min-height:180px;max-height:50vh}.classic-chat-wrapper .chat-controls-wrapper{flex:1;min-height:0}.classic-chat-wrapper .controls-inner{min-height:3.5rem}.classic-chat-wrapper #chat-input{height:3.5rem;font-size:1rem}.classic-chat-wrapper .control-left .control-btn{width:3.5rem!important;height:3.5rem!important;min-width:3.5rem!important;min-height:3.5rem!important;font-size:1.1rem}}@media (max-width:480px){.classic-chat-wrapper .chat-container{height:35vw;min-height:160px}}