*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1426;--surface-0:#1a1426;--surface-1:#221a33;--surface-2:#2a2040;--surface-3:#34284e;--border-subtle:#2a2240;--border:#3a2f57;--border-strong:#4d3f72;--accent:#8257ff;--accent-hover:#6e44e6;--accent-dim:rgba(130,87,255,.14);--accent-glow:rgba(130,87,255,.26);--live:#ef4444;--live-dim:rgba(239,68,68,.12);--private:#f59e0b;--private-dim:rgba(245,158,11,.12);--success:#22c55e;--danger:#ef4444;--text:#f5f2fb;--text-2:#c7bcdb;--text-3:#9d8fb8;--text-4:#7c6f97;--radius:8px;--radius-sm:6px;--radius-lg:12px;--nav-bg:rgba(26,20,38,.9);--fs-caption:12px;--fs-body:14px;--fs-base:16px;--fs-h3:20px;--fs-h2:24px;--fs-h1:32px;--fs-display:48px;--lh-tight:1.2;--lh-normal:1.5;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px}html[data-theme=light]{--bg:#faf9fc;--surface-0:#fff;--surface-1:#f5f3f9;--surface-2:#ece8f3;--surface-3:#e0daee;--border-subtle:#ebe7f2;--border:#d9d3e6;--border-strong:#c2bad6;--accent:#6d3fd1;--accent-hover:#5a2fb8;--accent-dim:rgba(109,63,209,.1);--accent-glow:rgba(109,63,209,.18);--text:#1a1325;--text-2:#4b3f63;--text-3:#6f6388;--text-4:#968cad;--nav-bg:hsla(0,0%,100%,.92);--btn-gold-text:#fff}body{background:var(--bg);color:var(--text);font-family:var(--font-rubik,var(--font-inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif));font-size:16px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;letter-spacing:.01em;transition:background .15s,transform .1s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-green{background:#16a34a;color:#fff}.btn-green:hover:not(:disabled){background:#15803d}.btn-gold{background:var(--private);color:#0a0a0f;font-weight:700}.btn-gold:hover:not(:disabled){background:#d97706}.input{width:100%;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--text-3)}textarea.input{resize:vertical;min-height:80px}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:24px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:4px}.badge-live{background:var(--live);color:#fff}.badge-private{background:var(--private);color:#0a0a0f}.badge-offline{background:var(--surface-3);color:var(--text-3)}.label{font-size:12px;font-weight:600;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:7px}.error{color:#f87171}.error,.success{font-size:13px;margin-top:6px}.success{color:var(--success)}.divider{border:none;border-top:1px solid var(--border-subtle);margin:20px 0}.stream-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;transition:transform .18s,border-color .2s,box-shadow .2s;cursor:pointer;display:block}.stream-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px var(--accent-glow)}.stream-card-private:hover{border-color:var(--private)!important;box-shadow:0 12px 40px rgba(245,158,11,.2)!important}.stream-thumbnail{width:100%;padding-top:56.25%;background:var(--surface-2);position:relative;overflow:hidden}.live-badge{position:absolute;top:10px;left:10px;background:var(--live);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:1px;text-transform:uppercase}.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:420px}.lk-room-container{height:100%!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes salaryPop{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-18px)}to{opacity:0;transform:translateY(-28px)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.fade-in{animation:fadeIn .2s ease}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@media (max-width:600px){.card{padding:16px}.btn{padding:8px 14px;font-size:13px}.modal{padding:24px}.nav-tagline{display:none}}@media (max-width:860px){.nav-tagline{display:none}}[role=button],a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:600px){.btn{min-height:44px;min-width:44px;padding:10px 16px;font-size:14px}input,select,textarea{font-size:16px!important}.modal{width:calc(100vw - 32px);max-height:90svh;overflow-y:auto;margin:16px;border-radius:16px}.card{border-radius:12px}nav a,nav button{min-height:44px}}body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.pwa-banner-active main{padding-top:56px}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:600px){body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-size:clamp(20px,5vw,28px)}h2{font-size:clamp(17px,4.5vw,24px)}}@media (display-mode:standalone){.pwa-hide-in-app{display:none!important}}.t-display{font-size:var(--fs-display);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.02em}.t-h1{font-size:var(--fs-h1);letter-spacing:-.01em}.t-h1,.t-h2{font-weight:700;line-height:var(--lh-tight)}.t-h2{font-size:var(--fs-h2)}.t-h3{font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-tight)}.t-base{font-size:var(--fs-base)}.t-base,.t-body{line-height:var(--lh-normal)}.t-body{font-size:var(--fs-body)}.t-caption{font-size:var(--fs-caption);color:var(--text-3);line-height:var(--lh-normal)}.t-muted{color:var(--text-2)}.t-dim{color:var(--text-3)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 22px;font-size:15px}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (max-width:768px){.bcast-layout{flex-direction:column!important}.bcast-video{flex:0 0 auto!important;height:46vh!important;min-height:230px!important}.bcast-side{width:100%!important;flex:1 1 auto!important;min-height:0!important;border-left:none!important;border-top:1px solid var(--border-subtle)!important}.pv-main{flex-direction:column!important}.pv-video{flex:1 1 auto!important;height:auto!important;min-height:0!important}.pv-main.pv-chat-open .pv-video{flex:0 0 auto!important;height:56vh!important;min-height:300px!important}.pv-side{width:100%!important;flex:1 1 auto!important;min-height:0!important;border-left:none!important;border-top:1px solid hsla(0,0%,100%,.08)!important}.pv-call{flex-direction:column!important}.pv-call>div{border-right:none!important;border-bottom:1px solid #111!important}.pv-call video{object-fit:contain!important}.pv-overlay{right:0!important;left:0!important;width:auto!important;top:auto!important;height:26vh!important;border-left:none!important;border-top:1px solid hsla(0,0%,100%,.1)!important}.admin-root{padding:12px 10px!important}.admin-card-table thead{display:none}.admin-card-table,.admin-card-table tbody{display:block;width:100%}.admin-card-table tr{display:block;border:1px solid var(--border-subtle)!important;border-radius:10px;margin-bottom:10px;padding:10px 12px;background:var(--surface-1)}.admin-card-table td{display:block;padding:3px 0!important;border:none!important;white-space:normal!important}.admin-card-table td:first-child{font-size:15px;font-weight:700;margin-bottom:4px}}