.hk-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0405099e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.hk-app{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(40px)saturate(150%);border-radius:20px;grid-template-rows:auto 1fr auto;width:min(1040px,100%);height:min(720px,100vh - 44px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px -40px #000000d9}@media (width<=720px){.hk-overlay{padding:0}.hk-app{border-radius:0;height:100vh}}.hk-chead{align-items:center;gap:12px;padding:14px 18px;display:flex}.hk-ctx{align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:flex}.hk-ctx .hk-h,.hk-ctx .hk-sep{color:var(--dim)}.hk-live{color:var(--success);border:1px solid color-mix(in oklab, var(--success) 35%, var(--line));background:color-mix(in oklab, var(--success) 10%, transparent);border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.hk-live.pending{color:var(--warning);border-color:color-mix(in oklab, var(--warning) 35%, var(--line));background:color-mix(in oklab, var(--warning) 10%, transparent)}.hk-live .hk-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite hk-pulse}@keyframes hk-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--success) 60%, transparent)}50%{box-shadow:0 0 0 5px #0000}}.hk-timer{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.hk-right{align-items:center;gap:10px;margin-left:auto;display:flex}.hk-facepile{display:flex}.hk-facepile .hk-av{border:2px solid var(--bg1);color:#06070c;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-8px;font-size:10px;font-weight:800;display:grid}.hk-guestcount{letter-spacing:.05em;text-transform:uppercase;color:var(--guest);border:1px solid color-mix(in oklab, var(--guest) 45%, transparent);border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.hk-stage{grid-template-columns:1fr 240px;gap:12px;min-height:0;padding:0 18px;display:grid}.hk-stage.gallery{grid-template-columns:1fr}@media (width<=820px){.hk-stage{grid-template-columns:1fr}}.hk-tile{border:1px solid var(--line);background:#11141d;border-radius:16px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.hk-tile .hk-vid{object-fit:cover;width:100%;height:100%}.hk-vid.mirror{transform:scaleX(-1)}.hk-share .hk-vid{object-fit:contain;background:#0d1018}.hk-tile.speaking{box-shadow:0 0 0 2px var(--accent), 0 0 26px -6px var(--accent);border-color:var(--accent)}.hk-bigav{color:#06070c;border-radius:50%;place-items:center;font-weight:800;display:grid}.hk-name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000073;border-radius:9px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:650;display:flex;position:absolute;bottom:9px;left:10px}.hk-name .hk-mic{font-size:11px}.hk-tile.muted .hk-name .hk-mic{filter:grayscale()}.hk-name .hk-you{opacity:.7;font-weight:500}.hk-name .hk-gt{letter-spacing:.05em;text-transform:uppercase;color:var(--guest);border:1px solid color-mix(in oklab, var(--guest) 50%, transparent);border-radius:4px;padding:0 4px;font-size:8px;font-weight:800}.hk-share{position:relative}.hk-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000080;border-radius:20px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.hk-popout{z-index:4;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000080;border:1px solid #ffffff29;border-radius:9px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;top:12px;right:12px}.hk-popout:hover{background:#000000a6}.hk-rail{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.hk-rail .hk-tile{flex:none;height:132px}.hk-rail.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(0,1fr);display:grid;overflow:hidden}.hk-rail.grid .hk-tile{height:auto}.hk-waiting{color:var(--dim);place-items:center;font-size:13px;display:grid}.hk-dock{justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.hk-ctl{cursor:pointer;border:1px solid var(--line);background:var(--glass-2);width:50px;height:50px;color:var(--text);font:inherit;border-radius:15px;place-items:center;display:grid;position:relative}.hk-ctl:hover{background:var(--hover)}.hk-ctl svg{width:22px;height:22px}.hk-ctl.off{background:color-mix(in oklab, var(--critical) 20%, transparent);border-color:color-mix(in oklab, var(--critical) 45%, var(--line));color:var(--critical)}.hk-ctl.on-accent{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.hk-lbl{color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;font-size:10px;transition:opacity .12s;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.hk-ctl:hover .hk-lbl{opacity:1}.hk-ctl.leave{background:var(--critical);border-color:var(--critical);color:#fff;width:64px}.hk-ctl.leave:hover{filter:brightness(1.08)}.hk-divider{background:var(--line);width:1px;height:30px;margin:0 4px}.hk-count{background:var(--accent);color:#fff;border:2px solid var(--bg1);border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.hk-error{color:#fb7185;background:#00000080;border-radius:10px;padding:8px 14px;font-size:13px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.hk-popwin{z-index:120;border:1px solid var(--line);background:var(--bg1);resize:both;border-radius:16px;flex-direction:column;width:560px;min-width:320px;height:380px;min-height:220px;display:flex;position:fixed;top:100px;left:90px;overflow:hidden;box-shadow:0 50px 130px -28px #000000e6}.hk-pw-bar{background:var(--glass-2);border-bottom:1px solid var(--line-2);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;align-items:center;gap:10px;height:34px;padding:0 12px;display:flex}.hk-pw-ttl{color:var(--muted);font-size:12px;font-weight:600}.hk-pw-ttl b{color:var(--text)}.hk-pw-close{border:1px solid var(--line-2);background:var(--hover);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;margin-left:auto;font-size:15px;display:grid}.hk-pw-close:hover{color:var(--text)}.hk-popbody{background:#0d1018;flex:1;min-height:0;position:relative;overflow:hidden}.hk-popbody .hk-vid{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.hk-live .hk-dot{animation:none}}:root{--accent:#6e7bff;--accent-soft:color-mix(in oklab, var(--accent) 16%, transparent);--accent-line:color-mix(in oklab, var(--accent) 42%, transparent);--bg0:#07080d;--bg1:#0c0e16;--text:#edeff7;--muted:#99a0b6;--dim:#646a82;--line:#ffffff17;--line-2:#ffffff0f;--glass:#ffffff0d;--glass-2:#ffffff14;--hover:#ffffff0f;--guest:#f4b740;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(60% 60% at 12% 0%, color-mix(in oklab, var(--accent) 28%, transparent), transparent 60%), radial-gradient(55% 55% at 100% 8%, #a78bfa3d, transparent 62%), radial-gradient(60% 60% at 88% 100%, #22d3ee24, transparent 64%), linear-gradient(160deg, var(--bg0), var(--bg1));-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}.glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(30px)saturate(140%)}.muted{color:var(--muted)}.logo{background:linear-gradient(140deg, var(--accent), #a78bfa);color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:inline-grid}.primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 16px;font-weight:650}.primary:disabled{opacity:.6;cursor:default}.ext-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--guest);border:1px solid color-mix(in oklab, var(--guest) 45%, transparent);border-radius:5px;padding:1px 5px;font-size:9px;font-weight:800}.login{place-items:center;height:100%;padding:20px;display:grid}.login-card{border-radius:18px;flex-direction:column;gap:14px;width:min(440px,100%);padding:24px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;display:flex}.seed-users{flex-direction:column;gap:8px;display:flex}.seed-btn{border:1px solid var(--line);background:var(--hover);color:var(--text);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.seed-btn:hover{border-color:var(--accent-line)}.login form{gap:8px;display:flex}.login input{flex:1}.primary.big{width:100%;padding:12px;font-size:14px}.magic{gap:8px;display:flex}.magic input{flex:1}.magic button{background:var(--hover);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;padding:9px 14px;font-weight:600}.magic button:hover{border-color:var(--accent-line)}.divider{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:4px 0;font-size:10.5px}.muted a{color:var(--accent)}.error{color:#fb7185;margin:0;font-size:13px}input{border:1px solid var(--line);color:var(--text);font:inherit;background:#ffffff0a;border-radius:10px;outline:none;padding:10px 12px}input:focus{border-color:var(--accent-line)}.app{grid-template-columns:270px 1fr;height:100%;display:grid}@media (width<=720px){.app{grid-template-columns:64px 1fr}.sidebar .nm,.sidebar .grp-h,.sidebar .org,.sidebar .me{display:none}}.sidebar{border-radius:0;flex-direction:column;min-height:0;display:flex}.side-head{align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.side-head .org{font-weight:700}.side-head .me{color:var(--dim);align-items:center;gap:6px;font-size:11px;display:flex}.logout{background:var(--hover);border:1px solid var(--line-2);color:var(--muted);cursor:pointer;border-radius:9px;width:30px;height:28px;margin-left:auto}.logout:hover{color:var(--text)}.grp{padding:6px 8px}.grp-h{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 8px 4px;font-size:11px;font-weight:700}.grp.projekt .grp-h{color:color-mix(in oklab, var(--guest) 78%, var(--muted))}.ch{cursor:pointer;color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:7px 9px;font-size:13.5px;display:flex}.ch:hover{background:var(--hover);color:var(--text)}.ch.active{background:var(--accent-soft);color:var(--text);font-weight:600}.ch .hash{color:var(--dim)}.ch .nm{flex:1}.ch .aud{letter-spacing:.05em;text-transform:uppercase;color:var(--guest);font-size:9px;font-weight:800}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.conv-head{border-bottom:1px solid var(--line-2);border-radius:0;align-items:center;gap:9px;padding:13px 18px;display:flex}.conv-head .hash{color:var(--dim)}.conv-head .topic{color:var(--dim);border-left:1px solid var(--line);padding-left:10px;font-size:12px}.aud-chip{color:color-mix(in oklab, var(--guest) 88%, var(--text));border:1px solid color-mix(in oklab, var(--guest) 35%, var(--line));background:color-mix(in oklab, var(--guest) 10%, transparent);border-radius:8px;margin-left:auto;padding:3px 9px;font-size:10.5px;font-weight:700}.huddle-btn{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:7px 13px;font-size:12.5px;font-weight:650;display:inline-flex}.huddle-btn:hover{background:color-mix(in oklab, var(--accent) 26%, transparent)}.conv-head .aud-chip+.huddle-btn{margin-left:10px}.stream{flex-direction:column;flex:1;gap:4px;min-height:0;padding:12px 18px;display:flex;overflow-y:auto}.msg{border-radius:10px;grid-template-columns:38px 1fr;gap:11px;padding:6px 8px;display:grid}.msg:hover{background:var(--hover)}.av{color:#06070c;background:#22d3ee;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.av[data-mine=true]{background:var(--accent);color:#fff}.av[data-ext=true]{background:var(--guest)}.seed-btn .av{border-radius:9px;width:28px;height:28px;font-size:10px}.who{align-items:baseline;gap:8px;display:flex}.who .nm{font-size:13.5px;font-weight:700}.me-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent-line);border-radius:5px;padding:1px 5px;font-size:9px;font-weight:800}.ts{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px}.body{font-size:13.5px;line-height:1.5}.deleted{color:var(--dim)}.empty{color:var(--dim);text-align:center;padding:30px}.composer{border-top:1px solid var(--line-2);border-radius:0;gap:10px;padding:12px 18px;display:flex}.composer-field{flex:1;display:flex;position:relative}.composer-field input{flex:1}.men{color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:0 4px;font-weight:600}.mention-pop{border:1px solid var(--line);background:color-mix(in oklab, var(--bg1) 82%, transparent);-webkit-backdrop-filter:blur(28px)saturate(150%);z-index:20;border-radius:14px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 24px 60px -28px #000c}.mention-pop .mh{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border-bottom:1px solid var(--line-2);padding:9px 13px;font-size:10.5px;font-weight:700}.mention-pop .mrow{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.mention-pop .mrow:hover{background:var(--accent-soft)}.mention-pop .mrow .av{border-radius:9px;flex:none;width:28px;height:28px;font-size:11px}.mention-pop .mrow .nm{font-weight:600}.mention-pop .mrow .nm .men{background:0 0;padding:0}.mention-pop .mrow .rl{color:var(--dim);margin-left:auto;font-size:10px}