:root{color:#f6f3ec;background:#0b0d0e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;--accent: #e6b450;--accent-soft: rgba(230, 180, 80, .14);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .14);--success: #22c55e;--warning: #f59e0b;--info: #3b82f6;--info-soft: rgba(59, 130, 246, .14);--bg-0: #0b0d0e;--bg-1: #111415;--bg-2: #181c1e;--bg-3: #202628;--text-0: #f6f3ec;--text-1: #e6e1d8;--text-2: #bdb4a5;--text-3: #8f887d;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow-md: 0 8px 30px rgba(0,0,0,.35);--shadow-lg: 0 20px 60px rgba(0,0,0,.45)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-width:320px;background:var(--bg-0);overscroll-behavior-y:none}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 18% 10%,rgba(54,96,104,.22),transparent 28rem),radial-gradient(circle at 86% 90%,rgba(132,77,53,.14),transparent 24rem),linear-gradient(160deg,#0b0d0e,#111415 55%,#141112)}button,select,input{font:inherit;color:inherit;touch-action:manipulation}button{background:none;border:none;cursor:pointer;user-select:none;-webkit-user-select:none}.toast-stack{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;width:min(92%,440px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);background:#161a1ceb;border:1px solid rgba(246,243,236,.08);backdrop-filter:blur(24px) saturate(1.2);box-shadow:var(--shadow-md);font-size:14px;color:var(--text-1);animation:toastIn .36s cubic-bezier(.22,1,.36,1) forwards}.toast.leaving{animation:toastOut .26s ease forwards}.toast svg{width:18px;height:18px;flex:0 0 auto;color:var(--accent)}.toast.danger svg{color:var(--danger)}.toast.success svg{color:var(--success)}.toast.warning svg{color:var(--warning)}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px) scale(.96)}}.app-shell{width:min(100%,1720px);height:100dvh;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:10px;padding-top:max(10px,env(safe-area-inset-top,10px));padding-bottom:max(10px,env(safe-area-inset-bottom,10px));padding-left:max(10px,env(safe-area-inset-left,10px));padding-right:max(10px,env(safe-area-inset-right,10px))}.top-bar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-lockup svg{width:28px;height:28px;color:var(--accent);flex:0 0 auto}.brand-lockup strong{font-size:20px;font-weight:800;letter-spacing:-.2px;line-height:1;display:block}.brand-lockup span{display:block;margin-top:3px;font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38vw}.session-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(246,243,236,.1);background:#11141699;font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;transition:all .3s ease}.member-chip{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}.member-chip.free{color:var(--text-2);background:#f6f3ec14}.member-chip.vip{color:#161514;background:var(--accent)}.video-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:10px;position:relative;transition:grid-template-columns .22s ease}.video-stage.chat-closed{grid-template-columns:minmax(0,1fr)}.remote-frame,.chat-panel,.controls{border:1px solid rgba(246,243,236,.09);background:#111416a6;backdrop-filter:blur(20px) saturate(1.1);box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}.remote-frame{position:relative;overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:center;background:#060708}.remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#060708;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.remote-video.entering{opacity:0;transform:scale(1.04)}.remote-video.entered{opacity:1;transform:scale(1)}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;color:var(--text-0);animation:fadeScaleIn .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hero-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);transition:transform .2s ease}.hero-icon.is-busy{animation:pulseScale 2s ease-in-out infinite}@keyframes pulseScale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}.empty-state h1{margin:0;font-size:clamp(42px,7vw,96px);line-height:.92;font-weight:900;letter-spacing:-1px}.empty-state p{width:min(100%,420px);margin:0;color:var(--text-2);font-size:clamp(14px,1.4vw,17px);line-height:1.5}.shimmer-wrap{width:min(72%,520px);display:grid;justify-items:center;gap:16px}.shimmer-video{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(246,243,236,.08);background:linear-gradient(90deg,#f6f3ec0a 25%,#f6f3ec1f,#f6f3ec0a 75%),#0d1011;background-size:220% 100%;animation:shimmerMove 1.7s ease-in-out infinite}.shimmer-video:before{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:12px;border-radius:999px;background:#f6f3ec14}.shimmer-video span{position:absolute;top:14px;right:14px;width:28%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);background:#f6f3ec13}.shimmer-controls{display:flex;justify-content:center;gap:10px}.shimmer-controls span{width:46px;height:46px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#f6f3ec0d 25%,#f6f3ec21,#f6f3ec0d 75%),#f6f3ec0d;background-size:220% 100%;animation:shimmerMove 1.7s ease-in-out infinite}@keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}.status-strip{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);background:#050607b8;border:1px solid rgba(246,243,236,.07);color:var(--text-1);font-size:13.5px;line-height:1.3;backdrop-filter:blur(12px)}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--text-3);flex:0 0 auto;transition:background .4s ease,box-shadow .4s ease}.status-dot.waiting,.status-dot.permission{background:var(--warning);box-shadow:0 0 8px #f59e0b73}.status-dot.matched{background:var(--success);box-shadow:0 0 8px #22c55e73}.status-dot.connecting{background:var(--accent);box-shadow:0 0 8px #e6b45073;animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.floating-preview{position:absolute;top:12px;right:12px;z-index:5;width:clamp(130px,16vw,220px);aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(246,243,236,.14);border-radius:var(--radius-sm);background:#070909;box-shadow:var(--shadow-md);transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s ease}.floating-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.floating-preview span{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-3);font-size:13px}.modal-overlay{position:fixed;inset:0;z-index:800;display:grid;place-items:center;padding:16px;background:#000000a6;backdrop-filter:blur(10px);animation:fadeIn .3s ease forwards}.modal-card{width:min(100%,460px);max-height:calc(100dvh - 32px);overflow:auto;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:var(--radius-lg);border:1px solid rgba(246,243,236,.1);background:#111416eb;backdrop-filter:blur(28px) saturate(1.2);box-shadow:var(--shadow-lg);animation:modalIn .4s cubic-bezier(.22,1,.36,1) forwards;scrollbar-width:thin;scrollbar-color:rgba(246,243,236,.1) transparent}.modal-card::-webkit-scrollbar{width:5px}.modal-card::-webkit-scrollbar-thumb{background:#f6f3ec1f;border-radius:999px}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;gap:12px}.modal-header svg{width:32px;height:32px;color:var(--accent);flex:0 0 auto}.modal-header h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.3px}.modal-header p{margin:4px 0 0;color:var(--text-3);font-size:14px;line-height:1.4}.modal-preview{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:var(--radius-md);border:1px solid rgba(246,243,236,.12);background:#070909}.modal-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.modal-preview span{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-3);font-size:14px}.modal-rules p{margin:0 0 14px;color:var(--text-2);font-size:14px;line-height:1.55}.modal-rules label{display:flex;gap:12px;align-items:flex-start;color:var(--text-1);line-height:1.45;font-size:15px;cursor:pointer;padding:14px;border-radius:var(--radius-sm);border:1px solid rgba(246,243,236,.1);background:#f6f3ec08;transition:background .2s ease,border-color .2s ease}.modal-rules label:hover{background:#f6f3ec0f;border-color:#f6f3ec29}.modal-rules input[type=checkbox]{width:22px;height:22px;margin:1px 0 0;accent-color:var(--accent);flex:0 0 auto;cursor:pointer}.modal-error{color:#ffb4a7;font-size:13.5px;margin-top:2px}.modal-reason{display:grid;gap:8px;color:var(--text-3);font-size:14px}.modal-reason select{width:100%;min-height:48px;color:var(--text-0);background:var(--bg-2);border:1px solid rgba(246,243,236,.14);border-radius:var(--radius-sm);padding:0 12px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.modal-reason select:focus{border-color:#e6b45080;box-shadow:0 0 0 3px #e6b4501f}.referral-panel{display:grid;gap:10px;padding:14px;border:1px solid rgba(246,243,236,.1);border-radius:var(--radius-md);background:#f6f3ec09}.referral-panel strong,.referral-panel span{display:block}.referral-panel strong{color:var(--text-1);font-size:14px}.referral-panel span,.referral-panel p{margin:3px 0 0;color:var(--text-3);font-size:12.5px;line-height:1.35}.referral-code-row,.withdraw-row{display:flex;align-items:center;gap:8px}.referral-code-row code{flex:1;min-width:0;padding:9px 10px;border-radius:var(--radius-sm);background:#0003;color:var(--accent);overflow:hidden;text-overflow:ellipsis}.referral-code-row button,.withdraw-row button{min-height:36px;padding:0 12px;border-radius:var(--radius-sm);color:#161514;background:var(--accent);font-weight:800}.withdraw-row{flex-wrap:wrap}.withdraw-row span{flex:1 1 100%}.withdraw-row input{flex:1;min-width:120px;min-height:38px;padding:0 10px;border:1px solid rgba(246,243,236,.12);border-radius:var(--radius-sm);color:var(--text-0);background:var(--bg-2)}.modal-start{min-height:56px;width:100%;border-radius:var(--radius-md);background:var(--accent);color:#161514;font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1),background .16s ease;box-shadow:0 4px 18px #e6b45038}.modal-start:hover:not(:disabled){background:#f0c66d;transform:translateY(-1px)}.modal-start:active:not(:disabled){transform:scale(.97)}.modal-start:disabled{opacity:.45;cursor:not-allowed}.controls{min-height:72px;border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}.control-btn{position:relative;overflow:hidden;min-width:58px;min-height:54px;border-radius:var(--radius-sm);color:var(--text-0);background:var(--bg-3);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1),background .16s ease,opacity .16s ease,box-shadow .16s ease;box-shadow:var(--shadow-sm)}.control-btn:active:not(:disabled){transform:scale(.94)}.control-btn:hover:not(:disabled){transform:translateY(-1px);background:#2a3033;box-shadow:0 4px 14px #0000004d}.control-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.control-btn:disabled{cursor:not-allowed;opacity:.4}.control-btn svg{width:22px;height:22px;flex:0 0 auto}.button-label{font-size:13px;font-weight:700;line-height:1}.control-btn.primary-action{min-width:160px;padding:0 22px;background:var(--accent);color:#161514;font-weight:800}.control-btn.primary-action:hover:not(:disabled){background:#f0c66d}.control-btn.danger{background:#8f2d2d}.control-btn.danger:hover:not(:disabled){background:#a83a3a}.badge{position:absolute;top:5px;right:6px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#151515;font-size:11px;font-weight:900}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:rippleEffect .5s linear;background:#ffffff2e;pointer-events:none}@keyframes rippleEffect{to{transform:scale(4);opacity:0}}.bottom-sheet-overlay{position:fixed;inset:0;z-index:900;background:#0000008c;backdrop-filter:blur(4px);opacity:0;animation:fadeIn .25s ease forwards}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:901;background:#111416f2;border-top:1px solid rgba(246,243,236,.1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(100%);animation:sheetUp .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes sheetUp{to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;border-radius:999px;background:#f6f3ec33;margin:0 auto 16px}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sheet-grid .control-btn{flex-direction:column;min-height:72px;gap:6px;background:var(--bg-2)}.sheet-grid .control-btn .button-label{font-size:12px;font-weight:600;color:var(--text-2)}.sheet-grid .control-btn.danger{background:#ef44441f;color:#ff7b7b}.gesture-hint{position:absolute;left:50%;transform:translate(-50%);bottom:58px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#050607bf;border:1px solid rgba(246,243,236,.08);color:var(--text-3);font-size:12px;font-weight:600;backdrop-filter:blur(12px);pointer-events:none;animation:fadeIn .5s ease forwards}.gesture-hint svg{width:14px;height:14px}.chat-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(180deg,#181c1eeb,#0c0e0feb),#111416db;opacity:.96;animation:chatSidebarIn .22s ease forwards;transition:opacity .18s ease,transform .18s ease,border-color .18s ease}.chat-panel:focus-within,.chat-panel:hover,.chat-panel.is-active{opacity:1}.chat-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(246,243,236,.08);color:var(--text-1);font-size:13px;font-weight:800}.chat-header div{display:inline-flex;align-items:center;min-width:0;gap:10px}.chat-header span{display:grid;gap:3px;line-height:1.05}.chat-header small{color:var(--text-3);font-size:11px;font-weight:600}.chat-header svg{color:var(--accent);flex:0 0 auto}.chat-header button{min-height:32px;padding:0 10px;border:1px solid rgba(246,243,236,.1);border-radius:var(--radius-sm);color:var(--text-2);background:#f6f3ec0d;font-size:12px;font-weight:800}.chat-header button:hover{color:var(--text-0);background:#f6f3ec17}.chat-messages{min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:14px;scrollbar-width:thin;scrollbar-color:rgba(246,243,236,.18) transparent}.chat-empty{width:100%;min-height:100%;display:grid;place-content:center;justify-items:center;gap:8px;margin:0;padding:16px;color:var(--text-3);text-align:center;font-size:13px;line-height:1.4}.chat-empty svg{color:#e6b450c2}.chat-bubble{width:fit-content;max-width:88%;padding:9px 11px;border-radius:16px;color:var(--text-1);background:#f6f3ec14;border:1px solid rgba(246,243,236,.06);box-shadow:0 4px 12px #00000024;font-size:13.5px;line-height:1.38;overflow-wrap:anywhere}.chat-bubble.self{align-self:flex-end;color:#161514;background:var(--accent);border-color:#e6b45059;border-bottom-right-radius:5px}.chat-bubble.partner{align-self:flex-start;border-bottom-left-radius:5px}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:9px;padding:12px 14px 14px;border-top:1px solid rgba(246,243,236,.08);background:#080a0b75}.chat-form input{min-width:0;min-height:42px;border:1px solid rgba(246,243,236,.12);border-radius:999px;background:#181c1eeb;color:var(--text-0);padding:0 14px;outline:none;font-size:14px}.chat-form input:focus{border-color:#e6b4508c;box-shadow:0 0 0 3px #e6b4501f}.chat-form input:disabled{opacity:.55}.chat-form button{min-height:42px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#161514;transition:transform .16s ease,opacity .16s ease,background .16s ease}.chat-form button:hover:not(:disabled){transform:translateY(-1px);background:#f0c66d}.chat-form button:disabled{cursor:not-allowed;opacity:.42}@keyframes chatSidebarIn{0%{opacity:0;transform:translate(12px)}to{opacity:.9;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.swipe-hint-enter{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#0006;animation:fadeIn .3s ease forwards;pointer-events:none}.swipe-hint-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-0);font-size:15px;font-weight:700}.swipe-hint-content svg{width:32px;height:32px;color:var(--accent);animation:bounceDown 1.2s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media(max-width:760px){.app-shell{gap:8px;padding:8px;padding-top:max(8px,env(safe-area-inset-top,8px));padding-bottom:max(8px,env(safe-area-inset-bottom,8px))}.top-bar{min-height:48px}.brand-lockup span{max-width:46vw;font-size:11px}.brand-lockup strong{font-size:18px}.brand-lockup svg{width:24px;height:24px}.session-chip{padding:6px 12px;font-size:12px}.remote-frame{border-radius:var(--radius-md)}.floating-preview{width:clamp(110px,32vw,150px);border-radius:var(--radius-sm);top:10px;right:10px}.status-strip{left:10px;right:10px;bottom:10px;font-size:12.5px;padding:9px 12px}.video-stage,.video-stage.chat-closed{grid-template-columns:1fr}.chat-panel{position:fixed;left:max(8px,env(safe-area-inset-left,8px));right:max(8px,env(safe-area-inset-right,8px));bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:30;min-height:0;height:min(38dvh,310px);max-height:calc(100dvh - 190px);grid-template-rows:46px minmax(0,1fr) 54px;box-shadow:var(--shadow-lg)}.chat-header{min-height:46px;padding:8px 10px}.chat-header small{display:none}.chat-header button{min-height:28px;padding:0 9px;font-size:11px}.chat-messages{gap:6px;padding:10px}.chat-empty{font-size:12px;text-align:center;padding:12px}.chat-bubble{max-width:86%;font-size:12.5px;padding:8px 10px}.chat-form{grid-template-columns:minmax(0,1fr) 42px;gap:7px;padding:8px}.chat-form input,.chat-form button{min-height:42px}.chat-form input{font-size:16px}.controls{min-height:64px;gap:8px;padding:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.controls::-webkit-scrollbar{display:none}.control-btn{min-width:56px;min-height:52px}.control-btn.primary-action{min-width:100%}.button-label{display:none}.control-btn.primary-action .button-label{display:inline}.empty-state h1{font-size:clamp(38px,14vw,64px)}.empty-state p{font-size:14px}.shimmer-wrap{width:min(88%,420px);gap:12px}.shimmer-controls span{width:40px;height:40px}.hero-icon{width:60px;height:60px}.modal-card{padding:22px;gap:16px}.modal-header h2{font-size:20px}.modal-rules label{font-size:14px;padding:12px}}@media(max-width:440px){.brand-lockup strong{font-size:17px}.brand-lockup span{max-width:42vw}.session-chip{font-size:11px;padding:5px 10px}.control-btn{min-width:52px;min-height:50px}.controls{gap:7px;padding:7px}}.user-avatar{width:22px;height:22px;border-radius:999px;object-fit:cover;flex:0 0 auto;border:1.5px solid rgba(246,243,236,.18)}.partner-badge{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#050607b8;border:1px solid rgba(246,243,236,.1);color:var(--text-0);font-size:13px;font-weight:700;backdrop-filter:blur(12px);animation:fadeIn .4s ease forwards}.partner-avatar{width:20px;height:20px;border-radius:999px;object-fit:cover;flex:0 0 auto;border:1.5px solid rgba(246,243,236,.2)}.partner-badge svg{width:14px;height:14px;color:var(--accent)}.modal-user{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-sm);border:1px solid rgba(246,243,236,.1);background:#f6f3ec0a}.modal-avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;flex:0 0 auto;border:2px solid rgba(230,180,80,.35)}.modal-avatar-placeholder{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--bg-3);color:var(--text-3);flex:0 0 auto}.modal-user strong{display:block;font-size:15px;font-weight:700;color:var(--text-0)}.modal-user span{display:block;font-size:13px;color:var(--text-3);margin-top:2px}@media(max-width:760px){.partner-badge{top:10px;left:10px;padding:6px 12px;font-size:12px}.modal-user{padding:12px}}.banned-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.banned-card{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 36px;border-radius:var(--radius-lg);background:#111416e6;border:1px solid rgba(239,68,68,.2);box-shadow:0 24px 64px #00000080;text-align:center;animation:fadeScaleIn .5s cubic-bezier(.22,1,.36,1) forwards}.banned-icon{width:80px;height:80px;border-radius:24px;background:#ef44441a;color:var(--danger);display:grid;place-items:center;box-shadow:0 8px 32px #ef444426}.banned-card h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--text-0)}.banned-card p{margin:0;color:var(--text-2);font-size:15px;line-height:1.6;max-width:320px}.banned-sub{color:var(--text-3)!important;font-size:13px!important}.not-registered-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.not-registered-card{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 36px;border-radius:var(--radius-lg);background:#111416e6;border:1px solid rgba(59,130,246,.2);box-shadow:0 24px 64px #00000080;text-align:center;animation:fadeScaleIn .5s cubic-bezier(.22,1,.36,1) forwards}.not-registered-icon{width:80px;height:80px;border-radius:24px;background:#3b82f61a;color:var(--info);display:grid;place-items:center;box-shadow:0 8px 32px #3b82f626}.not-registered-card h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--text-0)}.not-registered-card p{margin:0;color:var(--text-2);font-size:15px;line-height:1.6;max-width:320px}.not-registered-sub{color:var(--text-3)!important;font-size:13px!important}.not-registered-card .btn-primary{margin-top:8px}.outside-telegram-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.outside-telegram-card{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 36px;border-radius:var(--radius-lg);background:#111416e6;border:1px solid rgba(139,92,246,.2);box-shadow:0 24px 64px #00000080;text-align:center;animation:fadeScaleIn .5s cubic-bezier(.22,1,.36,1) forwards}.outside-telegram-icon{width:80px;height:80px;border-radius:24px;background:#8b5cf61a;color:#8b5cf6;display:grid;place-items:center;box-shadow:0 8px 32px #8b5cf626}.outside-telegram-card h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--text-0)}.outside-telegram-card p{margin:0;color:var(--text-2);font-size:15px;line-height:1.6;max-width:320px}.outside-telegram-sub{color:var(--text-3)!important;font-size:13px!important}.register-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.register-card{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 32px;border-radius:var(--radius-lg);background:#111416e6;border:1px solid rgba(230,180,80,.2);box-shadow:0 24px 64px #00000080;text-align:center;animation:fadeScaleIn .5s cubic-bezier(.22,1,.36,1) forwards}.register-icon{width:72px;height:72px;border-radius:24px;background:#e6b4501a;color:var(--accent);display:grid;place-items:center;box-shadow:0 8px 32px #e6b45026}.register-card h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--text-0)}.register-card>p{margin:0;color:var(--text-2);font-size:14px;line-height:1.5;max-width:300px}.register-form{width:100%;display:flex;flex-direction:column;gap:14px;margin-top:8px}.register-field{display:flex;flex-direction:column;gap:6px;text-align:left}.register-field label{font-size:13px;font-weight:600;color:var(--text-1)}.register-field input{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--bg-3);background:var(--bg-1);color:var(--text-0);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.register-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e6b4501a}.register-field input::placeholder{color:var(--text-3)}.register-gender{display:flex;gap:8px}.register-gender button{flex:1;padding:10px 8px;border-radius:var(--radius-md);border:1px solid var(--bg-3);background:var(--bg-1);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.register-gender button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.btn-primary{width:100%;min-height:52px;border-radius:var(--radius-md);background:var(--accent);color:#161514;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:none;transition:transform .16s cubic-bezier(.22,1,.36,1),background .16s ease;box-shadow:0 4px 18px #e6b45038}.btn-primary:hover:not(:disabled){background:#f0c66d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.register-submit{margin-top:6px}@media(max-height:600px)and (min-width:761px){.app-shell{grid-template-rows:auto 1fr}.controls{position:fixed;left:50%;bottom:12px;z-index:20;transform:translate(-50%);width:min(calc(100% - 24px),720px)}}@media(max-width:760px){html,body{width:100%;min-width:0}body{background:#080a0b}.app-shell{width:100%;height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;padding:7px;padding-top:max(7px,env(safe-area-inset-top,7px));padding-bottom:max(7px,env(safe-area-inset-bottom,7px));padding-left:max(7px,env(safe-area-inset-left,7px));padding-right:max(7px,env(safe-area-inset-right,7px));overflow:hidden}.top-bar{min-height:42px;padding:0 2px;gap:8px}.brand-lockup{gap:8px;flex:1}.brand-lockup svg{width:23px;height:23px}.brand-lockup strong{font-size:17px;letter-spacing:0}.brand-lockup span{max-width:46vw;margin-top:1px;font-size:10.5px}.session-chip{max-width:45vw;min-height:34px;gap:6px;padding:5px 8px;border-radius:10px;background:#111416d1;font-size:11.5px}.session-chip>span:not(.member-chip):not(.status-dot){min-width:0;overflow:hidden;text-overflow:ellipsis}.member-chip{padding:3px 6px;border-radius:7px;font-size:10px}.user-avatar{width:20px;height:20px}.video-stage,.video-stage.chat-closed,.video-stage.chat-open{min-height:0;grid-template-columns:minmax(0,1fr);gap:0}.remote-frame,.controls,.chat-panel{border-radius:12px}.remote-frame{width:100%;height:100%;min-height:0;box-shadow:0 14px 38px #00000061}.remote-video{object-position:center}.empty-state{gap:12px;padding:18px}.empty-state h1{font-size:clamp(34px,15vw,58px);letter-spacing:0}.empty-state p{max-width:310px;font-size:13.5px}.hero-icon{width:54px;height:54px}.hero-icon svg{width:28px;height:28px}.floating-preview{top:9px;right:9px;width:clamp(94px,29vw,132px);border-radius:10px;box-shadow:0 10px 26px #0000005c}.partner-badge{top:9px;left:9px;max-width:calc(100% - 158px);min-height:32px;padding:5px 9px;border-radius:10px;font-size:11.5px}.partner-badge span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-avatar{width:18px;height:18px}.status-strip{left:9px;right:9px;bottom:9px;min-height:42px;align-items:center;padding:8px 10px;border-radius:10px;font-size:12px}.gesture-hint{display:none}.shimmer-wrap{width:min(92%,360px)}.shimmer-video{border-radius:12px}.shimmer-controls span{width:38px;height:38px;border-radius:10px}.controls{min-height:60px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(54px,1fr);justify-content:start;gap:7px;padding:7px;overflow-x:auto;background:#111416e0;box-shadow:0 12px 34px #0000005c}.control-btn,.control-btn.primary-action{min-width:54px;width:auto;min-height:46px;border-radius:10px;padding:0 10px}.control-btn.primary-action{grid-column:span 2;min-width:116px}.control-btn svg{width:20px;height:20px}.button-label,.control-btn.primary-action .button-label{display:none}.control-btn.primary-action:after{content:attr(aria-label);margin-left:7px;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}.badge{top:3px;right:4px;min-width:17px;height:17px;font-size:10px}.chat-panel{left:max(7px,env(safe-area-inset-left,7px));right:max(7px,env(safe-area-inset-right,7px));bottom:calc(72px + env(safe-area-inset-bottom,0px));height:min(42dvh,330px);max-height:calc(100dvh - 150px);grid-template-rows:48px minmax(0,1fr) 56px;background:#0d1011f5;border-color:#f6f3ec1f;backdrop-filter:blur(24px) saturate(1.15)}.chat-header{min-height:48px;padding:9px 11px}.chat-header div{gap:8px}.chat-header button{min-height:30px;border-radius:9px}.chat-messages{gap:7px;padding:11px}.chat-bubble{max-width:84%;padding:8px 10px;border-radius:13px;font-size:12.5px}.chat-form{grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:8px 10px 10px}.chat-form input{min-height:40px;border-radius:11px;padding:0 12px;font-size:16px}.chat-form button{min-height:40px;border-radius:11px}.modal-overlay{align-items:stretch;padding:max(10px,env(safe-area-inset-top,10px)) 10px max(10px,env(safe-area-inset-bottom,10px))}.modal-card{width:100%;max-height:none;min-height:0;align-self:stretch;gap:14px;padding:18px;border-radius:14px}.modal-header{align-items:flex-start}.modal-header svg{width:28px;height:28px}.modal-header h2{font-size:20px;letter-spacing:0}.modal-header p,.modal-rules p{font-size:13px}.modal-preview{aspect-ratio:16 / 9;border-radius:12px}.modal-user,.modal-rules label,.referral-panel{border-radius:12px}.referral-code-row,.withdraw-row{align-items:stretch}.referral-code-row button,.withdraw-row button{border-radius:10px}.modal-start{min-height:50px;border-radius:12px;font-size:15px}.banned-screen,.not-registered-screen,.outside-telegram-screen,.register-screen{min-height:100%;padding:12px}.banned-card,.not-registered-card,.outside-telegram-card,.register-card{width:100%;max-height:100%;overflow-y:auto;gap:15px;padding:28px 20px;border-radius:14px}.banned-icon,.not-registered-icon,.outside-telegram-icon,.register-icon{width:60px;height:60px;border-radius:16px}.banned-icon svg,.not-registered-icon svg,.outside-telegram-icon svg,.register-icon svg{width:34px;height:34px}.banned-card h1,.not-registered-card h1,.outside-telegram-card h1,.register-card h1{font-size:22px;letter-spacing:0}.register-form{gap:12px}.register-field input,.register-gender button,.btn-primary{border-radius:11px}}@media(max-width:390px){.brand-lockup span{display:none}.session-chip{max-width:52vw}.member-chip{display:none}.floating-preview{width:92px}.partner-badge{max-width:calc(100% - 118px)}.status-strip{font-size:11.5px}.controls{grid-auto-columns:50px}.control-btn,.control-btn.primary-action{min-width:50px;min-height:45px}.control-btn.primary-action{min-width:106px}.control-btn.primary-action:after{font-size:11.5px}}@media(max-height:620px)and (max-width:760px){.app-shell{gap:5px}.top-bar{min-height:36px}.brand-lockup span{display:none}.controls{min-height:54px;padding:5px}.control-btn,.control-btn.primary-action{min-height:43px}.chat-panel{height:min(46dvh,280px);bottom:calc(62px + env(safe-area-inset-bottom,0px))}.empty-state p{display:none}}