@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#0b1220;--bg-elevated:#ffffff14;--border-soft:#ffffff29;--text-primary:#f8fbff;--text-muted:#f8fbffb8;--brand-start:#5f7cff;--brand-end:#8e59d8;--danger:#e6495f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 10%,#1f2b4f 0,#0000 35%),radial-gradient(circle at 90% 90%,#2d1d45 0,#0000 30%),#0b1220;background:radial-gradient(circle at 10% 10%,#1f2b4f 0,#0000 35%),radial-gradient(circle at 90% 90%,#2d1d45 0,#0000 30%),var(--bg-main);color:#f8fbff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.icon-sidebar{display:flex;flex-direction:column;gap:14px;padding:14px 8px;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.icon-sidebar-left{left:20px}.icon-sidebar-right{right:20px}.home-container .icon-sidebar{flex-direction:column;gap:20px;padding:20px 10px;position:absolute;top:50%;transform:translateY(-50%)}.home-container .icon-sidebar-left{left:20px;right:auto}.home-container .icon-sidebar-right{left:auto;right:20px}.icon-item{align-items:center;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f1a8c;border:1px solid #ffffff1a;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:76px;padding:10px;text-align:center;transition:all .3s ease}.icon-item:hover{background:#ffffff1f;box-shadow:0 8px 20px #5f7cff59;transform:translateY(-2px)}.icon-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:60px;justify-content:center;width:60px}.icon-image,.icon-placeholder{border-radius:12px;box-shadow:0 2px 10px #0003}.icon-image{background:#fff;display:block;height:54px;max-height:54px;max-width:54px;object-fit:contain;padding:6px;width:54px}.icon-label{color:#ffffffbd;font-size:.68rem;font-weight:500;line-height:1.2;text-align:center}@media (max-width:1200px){.room-container .icon-sidebar{display:none}}@media (max-width:768px){.room-container .icon-sidebar{display:none}.home-container .icon-sidebar{gap:15px;padding:15px 5px}.home-container .icon-sidebar-left{left:10px}.home-container .icon-sidebar-right{right:10px}.home-container .icon-item{min-width:64px;padding:6px}.home-container .icon-image,.home-container .icon-placeholder{height:44px;max-height:44px;max-width:44px;width:44px}.home-container .icon-label{display:none}}.home-container{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.home-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070c18b8;border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 20px 45px #00000059;max-width:560px;padding:40px 32px;position:relative;text-align:center;width:100%;z-index:10}.logo-section{margin-bottom:40px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#cbd6ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.3rem,6vw,3.4rem);font-weight:800;letter-spacing:.5px;margin-bottom:12px}.tagline{color:#ffffffe6;font-size:1rem;font-weight:400;opacity:.9}.actions-section{display:flex;flex-direction:column;gap:14px}.btn{border-radius:12px;font-size:.95rem;letter-spacing:.2px;min-height:48px;padding:12px 22px;transition:all .2s ease}.btn-primary{background:#ffffff1f;border:1px solid #ffffff38;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 12px 24px #5f7cff7a;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.65}.btn-secondary{background:#ffffff1f;border:1px solid #ffffff38;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.divider{margin:10px 0;position:relative;text-align:center}.divider span{background:#070c18b8;color:#fffc;padding:0 15px;position:relative;z-index:1}.divider:before{background:#ffffff4d;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.join-form{display:flex;flex-direction:column;gap:15px}.schedule-checkbox{cursor:pointer;height:16px;margin-right:8px;width:16px}.room-input{background:#ffffff14;border:1px solid #ffffff3d;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;min-height:48px;padding:10px 14px;transition:all .2s ease}.room-input::placeholder{color:#fff9}.room-input:focus{background:#ffffff24;border-color:#98b1ffe6;box-shadow:0 0 0 3px #5f7cff47;outline:none}@media (max-width:600px){.home-content{margin-bottom:150px;padding:30px 20px}.logo{font-size:2.2rem}.tagline{font-size:.92rem}}.room-input.private-input{background:#ff787814;border:1px solid #ffb4b499}.room-input.private-input:focus{border-color:#ff7878;box-shadow:0 0 0 3px #ff787840}.toggle-btn{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s ease}.toggle-btn.active{background:#fff3;box-shadow:0 4px 15px #0000001a;color:#fff;text-shadow:0 0 8px #ffffff80}.toggle-btn:hover:not(.active){background:#ffffff0d;color:#fff}.form-section{display:flex;flex-direction:column;gap:14px;margin-bottom:10px}.section-title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin-bottom:6px;text-align:left}.capacity-row{position:relative;z-index:20}.capacity-select{appearance:none;background:#ffffff14;background-image:linear-gradient(45deg,#0000 50%,#fff 0),linear-gradient(135deg,#fff 50%,#0000 0);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px;border:1px solid #ffffff3d;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;min-height:48px;padding:10px 32px 10px 14px;position:relative;width:100%;z-index:30}.capacity-select:focus{border-color:#98b1ffe6;box-shadow:0 0 0 3px #5f7cff47;outline:none}.capacity-select option{background:#0f172a;color:#fff}.meeting-type-toggle{background:#ffffff14;border-radius:10px;display:flex;gap:4px;padding:4px}.error-message{color:#ff6b6b;font-size:.85rem;margin-top:-4px;text-align:left}.room-container{background:#0000;display:flex;flex-direction:column;min-height:100vh;overflow:visible;padding:16px;position:relative}.room-container:has(.enlarged):after{background:#000000e6;content:"";inset:0;pointer-events:none;position:fixed;z-index:999}.media-loader{align-items:center;background:#03070deb;color:#fff;display:flex;flex-direction:column;font-size:18px;gap:10px;inset:0;justify-content:center;position:fixed;z-index:9999}.loader-spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#6c63ff;height:32px;width:32px}.room-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070c18b8;border:1px solid #ffffff24;border-radius:14px;gap:14px;justify-content:space-between;margin-bottom:14px;padding:12px 14px;position:sticky;top:10px;z-index:30}.room-header,.room-info{align-items:center;display:flex}.room-info{flex-wrap:wrap;gap:12px}.room-info h2{color:#fff;font-size:1rem;font-weight:600;margin:0}.room-title{opacity:.86}.room-id{display:inline-block;font-weight:700;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.room-copy-btn{font-size:.74rem!important;min-height:34px;padding:0 10px!important;white-space:nowrap;width:auto}.room-agenda{align-items:center;background:#ffffff14;border-radius:999px;color:#fff;display:flex;font-size:.75rem;gap:6px;max-width:200px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.room-link-btn{background:#6c63ff33;border:1px solid #6c63ff66;color:#c4b5fd;white-space:nowrap;width:auto}.room-link-btn:hover{background:#6c63ff4d}.role-badge{border-radius:999px;font-size:.7rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.role-badge--host{background:#e74c3c33;color:#ff6b6b}.role-badge--co-host,.role-badge--coHost,.role-badge--cohost{background:#667eea33;color:#8fa8ff}.role-badge--viewer{background:#ffffff1f;color:#ccc}.hand-alert{background:#ffc1072e;border-radius:999px;color:#ffc107;font-size:.75rem;font-weight:600;padding:6px 12px;position:absolute;right:140px;top:20px}.video-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;min-height:400px;padding:8px 0}.video-container{aspect-ratio:16/9;background:#131c2e;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 10px 24px #00000042;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.video-container:hover{transform:scale(1.02)}.video-container.local{border:2px solid #667eea}.video-container.enlarged{cursor:zoom-out;height:85vh;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.video-wrapper{height:100%;overflow:hidden;width:100%}.video-wrapper video{background:#000;height:100%;object-fit:cover;width:100%}.video-container.enlarged video{object-fit:contain!important}.video-label{background:#000000b3;border-radius:5px;bottom:10px;font-size:.85rem;padding:5px 10px}.video-label,.video-minimize-btn{color:#fff;left:10px;position:absolute}.video-minimize-btn{background:#0a0f1ac7;border:1px solid #ffffff40;border-radius:8px;cursor:pointer;font-size:.72rem;padding:4px 10px;top:10px;z-index:12}.video-minimize-btn:hover{background:#5f7cff73}.no-video-placeholder{align-items:center;background:#ffffff0a;border-radius:14px;color:#fff9;display:flex;grid-column:1/-1;justify-content:center;min-height:240px;text-align:center}.controls-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:15px;flex-wrap:wrap;gap:15px;margin-top:12px;padding:12px;z-index:10}.control-btn,.controls-bar{display:flex;justify-content:center}.control-btn{align-items:center;background:#ffffff1a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;height:42px;min-width:46px;padding:0 12px;white-space:nowrap}.control-btn:hover{background:#fff3}.control-btn.active{background:#667eea}.control-btn.muted{background:#e74c3c4d}.control-btn.leave{background:#e74c3c}.control-btn.end,.control-btn.leave{border-radius:999px;padding:0 16px;width:auto}.control-btn.end{background:#ff4757;font-size:.78rem;height:40px;min-width:108px}.control-btn.hand-raised{background:#ffc1074d}.participant-count-badge{align-items:center;background:#ffffff1f;border-radius:999px;display:flex;font-size:.85rem;height:48px;justify-content:center;padding:0 12px}.camera-cap-warning{background:#ffc10726;border-radius:10px;color:#ffc107;margin-top:8px;padding:10px;text-align:center}@media (max-width:768px){.room-container{padding:10px}.room-header{padding:10px;top:6px}.room-info{gap:8px}.room-info h2{font-size:.82rem;width:100%}.room-copy-btn{font-size:.74rem!important;min-height:34px;padding:0 10px!important;width:auto}.room-link-btn{width:100%}.room-header>.control-btn.end{justify-content:center;min-width:0;width:100%}.video-grid{gap:10px;grid-template-columns:1fr!important;min-height:0;min-height:auto;padding-bottom:74px}.video-container.enlarged{aspect-ratio:16/9;height:auto;width:98vw}.control-btn{font-size:.74rem;height:36px;min-width:40px;padding:0 10px}.participant-count-badge{font-size:.7rem;height:34px;padding:0 10px}.room-agenda{border-radius:10px;max-width:100%;width:100%}.controls-bar{bottom:8px;flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;padding:8px;position:sticky;z-index:35}}.chat-badge-personal{font-size:9px;height:16px;min-width:16px;right:-4px;top:-4px}.chat-toggle-btn{align-items:center;background:#667eeae6;border:none;border-radius:999px;bottom:100px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;height:56px;justify-content:center;min-width:64px;padding:0 16px;position:fixed;right:30px;transition:all .3s ease;z-index:999999}.chat-toggle-btn:hover{background:#667eea;box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.chat-badge{align-items:center;background:#e74c3c;border-radius:999px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:static}.chat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:15px;bottom:100px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;height:min(560px,calc(100vh - 140px));overflow:hidden;position:fixed;right:30px;width:360px;z-index:999999}.chat-header{align-items:center;background:#667eea2e;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 20px}.chat-header-content{display:flex;flex:1 1;flex-direction:column;gap:10px}.chat-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.chat-type-selector{display:flex;gap:5px;margin-top:2px}.chat-type-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.75rem;font-weight:500;padding:5px 12px;transition:all .2s ease}.chat-type-btn:hover{background:#ffffff26;color:#fff}.chat-type-btn.active{background:#667eea99;border-color:#667eeacc;color:#fff}.participant-selector{background:#ffffff0d;border-bottom:1px solid #ffffff1a;max-height:96px;overflow-y:auto;padding:10px 15px}.participant-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.participant-label{color:#fff9;font-size:.8rem;margin-right:8px}.participant-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fffc;cursor:pointer;font-size:.75rem;padding:6px 12px;position:relative;transition:all .2s ease}.participant-btn:hover{background:#ffffff26;color:#fff}.participant-btn.active{background:#667eea80;border-color:#667eeab3;color:#fff}.no-participants{color:#ffffff80;font-size:.85rem;padding:10px;text-align:center}.chat-close-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s ease}.chat-close-btn:hover{background:#ffffff1a}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:15px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.chat-empty{align-items:center;color:#ffffff80;display:flex;font-size:.9rem;height:100%;justify-content:center}.chat-message{animation:slideIn .3s ease;display:flex;flex-direction:column;gap:5px;max-width:80%}.chat-message.own-message{align-self:flex-end}.message-header{align-items:center;display:flex;font-size:.75rem;gap:8px}.message-sender{color:#ffffffb3;font-weight:600}.message-time{color:#fff6;font-size:.7rem}.message-content{word-wrap:break-word;background:#ffffff1a;border-radius:12px;color:#fff;line-height:1.4;padding:10px 15px}.chat-message.own-message .message-content{background:#667eea80}.chat-input-form{background:#ffffff0d;border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:15px}.chat-input{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:10px 15px;transition:all .3s ease}.chat-input::placeholder{color:#ffffff80}.chat-input:focus{background:#ffffff26;border-color:#667eea80}.chat-send-btn{align-items:center;background:#667eeacc;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:40px;justify-content:center;padding:0 14px;transition:all .3s ease;width:auto}.chat-send-btn:hover:not(:disabled){background:#667eea;transform:scale(1.1)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.chat-box{border-radius:12px;bottom:92px;height:min(58vh,460px);right:8px;width:calc(100vw - 16px)}.chat-toggle-btn{bottom:92px;font-size:.8rem;height:44px;min-width:58px;padding:0 12px;right:8px}}.chat-header-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.host-select-btn{align-items:center;background:#0000;border:1px solid #ffffff40;border-radius:6px;color:#ffffffbf;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:all .2s ease;width:30px}.host-select-btn:hover{background:#ffffff1f;border-color:#fff6;color:#fff}.host-select-toolbar{align-items:center;background:#667eea1f;border-bottom:1px solid #667eea4d;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 14px}.select-all-label{align-items:center;color:#ffffffd9;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:7px;-webkit-user-select:none;user-select:none}.host-checkbox,.msg-checkbox{appearance:none;-webkit-appearance:none;background:#ffffff12;border:2px solid #fff6;border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;position:relative;transition:all .15s ease;width:16px}.host-checkbox:checked,.msg-checkbox:checked{background:#667eeae6;border-color:#667eea}.host-checkbox:checked:after,.msg-checkbox:checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.host-checkbox:hover,.msg-checkbox:hover{border-color:#667eeacc}.host-select-actions{align-items:center;display:flex;gap:6px}.delete-msgs-btn{background:#e74c3cbf;border:1px solid #e74c3ce6;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.delete-msgs-btn:hover:not(:disabled){background:#e74c3c;transform:scale(1.03)}.delete-msgs-btn:disabled{cursor:not-allowed;opacity:.55}.cancel-select-btn{background:#ffffff14;border:1px solid #fff3;border-radius:6px;color:#ffffffbf;cursor:pointer;font-size:.75rem;font-weight:500;padding:5px 10px;transition:all .2s ease}.cancel-select-btn:hover{background:#ffffff24;color:#fff}.chat-message{align-items:flex-start;flex-direction:row;gap:8px}.message-body{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.msg-checkbox{margin-top:2px}.chat-message.msg-selected{background:#667eea21;border-radius:10px;outline:1px solid #667eea59}.chat-message.msg-deleted-row{opacity:.6}.msg-deleted-notice{background:#ffffff08;border:1px dashed #fff3;border-radius:8px;color:#ffffff73;font-size:.8rem;font-style:italic;padding:6px 10px;-webkit-user-select:none;user-select:none}.chat-badge-personal{align-items:center;background:#e74c3c;border:2px solid #0f0f23;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;min-width:18px;position:absolute;right:4px;top:4px}.participants-modal{animation:slideIn .25s ease;background:#202124;border-left:1px solid #ffffff14;box-shadow:-8px 0 24px #0009;display:flex;flex-direction:column;height:100%;margin-left:auto;margin-right:0;max-width:90vw;position:relative;width:400px}.participants-overlay{align-items:stretch;background:#00000080;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:9999}.participants-list{flex:1 1;overflow-y:auto;padding:8px 0}.participants-modal-header h3{color:#fff;font-size:1rem;font-weight:600}.participants-modal-header{align-items:center;background:#202124;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:12px 16px}.participants-modal-header .close-btn{background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.78rem;padding:4px 10px;position:static}.participants-modal-header .close-btn:hover{background:#ffffff29}.participant-row:hover{background:#ffffff0d;transform:translateX(-2px);transition:all .2s ease}.search-wrapper{padding:0 16px 10px;position:relative}.participant-search{background:#2d2f31;border:none;border-radius:10px;color:#fff;font-size:.85rem;height:38px;padding:0 34px 0 12px;width:100%}.participant-search::placeholder{color:#ffffff80}.search-clear{background:#0000;border:none;color:#aaa;cursor:pointer;position:absolute;right:24px;top:8px}.bulk-actions{padding:0 16px 10px}.btn-bulk-action{background:linear-gradient(135deg,#5f7cff,#8e59d8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;gap:30px;height:38px;margin-bottom:12px;width:100%}.btn-bulk-action:last-child{margin-bottom:0}.cohost-limit-notice{background:#ffc10726;border-radius:8px;color:#ffc107;font-size:.8rem;margin:0 16px 10px;padding:8px 10px}.raised-hands-section{padding:0 16px 10px}.section-label{color:#ffffffb3;font-size:.8rem;margin-bottom:6px}.raised-hands-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px;scroll-behavior:smooth}.raised-hand-row{align-items:center;background:#2d2f31;border-radius:8px;display:flex;justify-content:space-between;padding:6px 10px}.raised-hand-name{color:#fff;cursor:pointer;font-size:.85rem}.btn-lower-hand{background:#667eea99;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px}.participant-info{align-items:center;display:flex;gap:8px}.role-tag{border-radius:6px;font-size:.65rem;margin-left:6px;padding:2px 6px;text-transform:uppercase}.role-tag--host{background:#e74c3c}.role-tag--cohost{background:#5f7cff}.role-tag--viewer{background:#3c4043}.participant-status{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-left:auto}.participant-controls{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}.control-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.btn-control{background:#2d2f31;border:none;border-radius:6px;color:#e8eaed;cursor:pointer;font-size:10px;min-height:26px;padding:6px 8px;white-space:nowrap}.btn-control:hover{background:#3c4043}.btn-disabled{cursor:not-allowed;opacity:.5}.btn-kick{background:#e6495f4d}.btn-kick:hover{background:#e6495f7a}.btn-cohost{background:#667eea66}.no-results{color:#ffffff80;padding:20px;text-align:center}.viewer-hint{color:#ffffff80;font-size:.7rem}.participant-row{border-bottom:1px solid #ffffff0f;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;min-height:118px;padding:10px 14px}.participant-name{color:#fff;font-size:.9rem;font-weight:500;word-break:break-word}.btn-control--active{background:linear-gradient(135deg,#5f7cff,#8e59d8);box-shadow:inset 0 0 0 1px #ffffff24;color:#fff}.btn-control.btn-kick.btn-control--active{background:linear-gradient(135deg,#e6495f,#c42b46)}@media (max-width:480px){.participants-modal{width:100%}.participant-controls{grid-template-columns:1fr}}.participant-row--highlight{animation:highlight-flash 1.8s ease-out forwards}@keyframes highlight-flash{0%{background:#6c63ff59}to{background:#0000}}.viewer-mic-slots{background:#6c63ff1a;border:1px solid #6c63ff47;border-radius:8px;color:#c8c4f8;font-size:.78rem;line-height:1.4;margin:0 16px 10px;padding:7px 12px;text-align:center;transition:background .2s,border-color .2s,color .2s}.viewer-mic-slots--full{background:#ff5a5a1a;border-color:#ff5a5a52;color:#ffb3b3}.participant-status .mic-locked{font-size:.9em;opacity:.55}.btn-control.btn-cohost.btn-disabled,.btn-control.btn-cohost:disabled{background:#667eea2e;cursor:not-allowed;opacity:.42}.kick-confirm{align-items:center;animation:kick-confirm-in .15s ease;display:flex;gap:5px}@keyframes kick-confirm-in{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}.kick-confirm__label{color:#ffb3b3;font-size:10px;font-weight:600;white-space:nowrap}.btn-kick-confirm{background:#e6495fbf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:10px;min-height:26px;padding:4px 8px;white-space:nowrap}.btn-kick-confirm:hover{background:#e6495f}.btn-kick-cancel{background:#ffffff1a;border:none;border-radius:6px;color:#e8eaed;cursor:pointer;font-size:10px;min-height:26px;padding:4px 8px;white-space:nowrap}.btn-kick-cancel:hover{background:#ffffff2e}.chat-history-container{background:#0000;margin:0 auto;max-width:920px;min-height:100vh;padding:28px}.chat-history-header{align-items:flex-start;background:#070c18b3;border:1px solid #ffffff26;border-radius:14px;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px;padding:16px 18px}.chat-history-header h2{color:#fff;font-size:1.8rem;margin-bottom:10px}.chat-history-count{color:#fff9;font-size:.9rem}.back-home-btn{background:#667eeacc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.back-home-btn:hover{background:#667eea;box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.chat-history-empty{color:#fff9;padding:60px 20px;text-align:center}.chat-history-empty h2{color:#fff;margin-bottom:10px}.chat-history-messages{display:flex;flex-direction:column;gap:12px}.chat-history-controls{display:inline-flex;gap:10px;margin-bottom:12px}.chat-history-controls button{background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;height:38px;padding:0 14px}.chat-history-controls button.active{background:linear-gradient(135deg,#5f7cff,#8e59d8);border-color:#0000}.chat-history-user-input-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.chat-history-user-input{background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;color:#fff;height:40px;max-width:300px;padding:0 12px;width:100%}.chat-history-message{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:15px 20px}.chat-history-message .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chat-history-message .message-sender{color:#fffc;font-size:.9rem;font-weight:600}.chat-history-message .message-time{color:#fff6;font-size:.8rem}.chat-history-message .message-content{word-wrap:break-word;color:#fff;line-height:1.6}@media (max-width:768px){.chat-history-header{align-items:flex-start;flex-direction:column;gap:12px}.back-home-btn{text-align:center;width:100%}.chat-history-user-input{flex:1 1;max-width:100%}.chat-history-user-input-wrap{align-items:stretch;flex-direction:column}.chat-history-user-input-wrap button{width:100%}.chat-history-message{padding:12px 14px}.chat-history-controls{width:100%}.chat-history-controls button{flex:1 1;text-align:center}.chat-history-container{padding:20px}.chat-history-header h2{font-size:1.4rem}}.chat-history-error{background:#ff4d4f1f;border:1px solid #ff4d4f66;border-radius:10px;color:#ff6b6b;font-weight:500;margin-bottom:12px;padding:12px 16px}.chat-history-loading{color:#ffffffb3;font-size:.95rem;padding:20px;text-align:center}.chat-history-message.own{background:#5f7cff14;border-left:3px solid #5f7cff}.room-agenda-bar{padding:0 20px}.snack{animation:fadeSlide .3s ease;border:1px solid #ffffff14;border:1px solid var(--border)}.snack--error{border-color:#ff4d4d;border-color:var(--accent-red)}.preview-overlay{background:#000000d9}.preview-modal{border:1px solid #ffffff14;border:1px solid var(--border);gap:0}.preview-name{background:#252629;background:var(--surface-2);color:#9ea3b0;color:var(--text-2);font-size:15px;font-weight:600}.preview-avatar{font-size:64px}.ctrl-label{font-family:DM Sans,sans-serif}.preview-join-btn{font-weight:600;transition:background .15s}.camera-gallery--full .gallery-scroll::-webkit-scrollbar{width:4px}.camera-gallery--strip .gallery-scroll::-webkit-scrollbar{height:4px}@media (min-width:900px){.camera-gallery--full .video-tile:first-child:last-child{max-width:900px;width:100%}.camera-gallery--full .video-tile{width:calc(33.33% - 8px)}}.floating-reaction{z-index:200}.emoji-picker{border:1px solid #ffffff14;border:1px solid var(--border);z-index:300}.emoji-pick-btn{transition:background .15s,transform .1s}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.modal-box{background:#1c1d21;background:var(--surface-1);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:16px;max-width:90vw;padding:28px 32px;width:400px}.modal-box h3{color:#f0f2f5;color:var(--text-1);font-size:17px}.modal-box p{color:#9ea3b0;color:var(--text-2);font-size:14px;line-height:1.5}.modal-list{display:flex;flex-direction:column;gap:8px}.modal-row{align-items:center;background:#252629;background:var(--surface-2);border-radius:6px;border-radius:var(--radius-sm);display:flex;font-size:14px;justify-content:space-between;padding:10px 14px}.btn-danger-sm{background:#ff4d4d26;border:1px solid #ff4d4d66;border-radius:6px;border-radius:var(--radius-sm);color:#ff4d4d;color:var(--accent-red);cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px}.btn-danger-sm:hover{background:#ff4d4d40}.btn-ghost{background:none;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#9ea3b0;color:var(--text-2);cursor:pointer;font-size:14px;padding:10px}.btn-ghost:hover{background:#252629;background:var(--surface-2)}.bottom-bar{background:#1f2023;border-top:1px solid #ffffff14;border-top:1px solid var(--border);gap:12px}.bottom-bar__left{min-width:180px}.meeting-name{color:#5c6178;color:var(--text-3)}.bottom-bar__center{gap:4px}.bottom-bar__right{min-width:100px}.toolbar-btn-group{position:relative}.toolbar-arrow{border-left:1px solid #ffffff14;border-left:1px solid var(--border);color:#9ea3b0;color:var(--text-2)}.toolbar-arrow:hover{background:#2e3035;background:var(--surface-3)}.toolbar-btn{border-radius:var(--radius-sm);color:#f0f2f5;color:var(--text-1);gap:3px;min-width:52px;padding:8px 12px}.toolbar-btn:hover{background:#2e3035;background:var(--surface-3)}.toolbar-btn--on{color:#f0f2f5;color:var(--text-1)}.toolbar-btn--off{color:#9ea3b0;color:var(--text-2)}.toolbar-btn--active{background:#00d4ff1a}.tb-label{font-size:11px}.tb-count{background:#2e3035;background:var(--surface-3);font-size:10px}.toolbar-divider{background:#ffffff14;background:var(--border);margin:0 4px}.toolbar-btn--end{background:#ff4d4d;background:var(--accent-red);border-radius:var(--radius-sm);padding:8px 16px}.toolbar-btn--end:hover{background:#c33}@media (max-width:768px){:root{--panel-w:100vw}.bottom-bar{gap:2px;padding:0 8px}.toolbar-btn{min-width:40px;padding:6px 8px}.tb-label{display:none}.tb-icon{font-size:22px}.toolbar-btn--end .tb-label{display:flex}.camera-gallery--full .video-tile{width:calc(50% - 6px)}.bottom-bar__left{display:none}.bottom-bar__right{min-width:60px}}.chatbox{background:#1c1d21;border-left:1px solid #ffffff14;color:#f0f2f5;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;height:100%}.chatbox__header{align-items:center;background:#252629;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;height:52px;justify-content:space-between;padding:0 12px}.chatbox__tabs{display:flex;gap:4px}.chatbox__tab{background:none;border:none;border-radius:6px;color:#9ea3b0;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;position:relative;transition:background .15s,color .15s}.chatbox__tab:hover{background:#ffffff0f;color:#f0f2f5}.chatbox__tab--active{background:#00d4ff1f;color:#00d4ff;font-weight:600}.tab-unread{background:#ff4d4d;border-radius:100px;color:#fff;font-size:9px;font-weight:700;min-width:14px;padding:1px 4px;position:absolute;right:2px;text-align:center;top:2px}.chatbox__close{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#9ea3b0;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:background .15s;width:30px}.chatbox__close:hover{background:#ff4d4d33;color:#ff4d4d}.chatbox__participants{background:#202125;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto;padding:10px 12px}.chatbox__participant{background:#ffffff0f;border:1px solid #ffffff14;border-radius:100px;color:#9ea3b0;cursor:pointer;font-size:12px;padding:5px 12px;position:relative;transition:all .15s}.chatbox__participant:hover{background:#ffffff1a;color:#f0f2f5}.chatbox__participant--active{background:#00d4ff1f;border-color:#00d4ff4d;color:#00d4ff;font-weight:600}.chatbox__hint{color:#5c6178;flex-shrink:0;font-size:12px;font-style:italic;padding:10px 14px}.chatbox__hint--center{text-align:center}.chatbox__banned{background:#ff4d4d14;border-bottom:1px solid #ff4d4d26;color:#ff9a9a;flex-shrink:0;font-size:12px;padding:10px 14px}.chatbox__messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px;scrollbar-color:#2e3035 #0000;scrollbar-width:thin}.chatbox__messages::-webkit-scrollbar{width:4px}.chatbox__messages::-webkit-scrollbar-thumb{background:#2e3035;border-radius:2px}.chatbox__empty{align-items:center;color:#5c6178;display:flex;flex:1 1;font-size:13px;font-style:italic;justify-content:center}.chatbox__msg{align-self:flex-start;display:flex;flex-direction:column;gap:3px;max-width:85%}.chatbox__msg--own{align-self:flex-end}.chatbox__msg-meta{align-items:center;display:flex;gap:6px;padding:0 4px}.chatbox__sender{color:#9ea3b0;font-size:11px;font-weight:600}.chatbox__msg--own .chatbox__sender{color:#00d4ff}.chatbox__time{color:#5c6178;font-size:10px}.chatbox__msg-body{align-items:flex-end;display:flex;gap:6px}.chatbox__msg-text{background:#252629;border-radius:10px 10px 10px 2px;color:#f0f2f5;display:inline-block;font-size:13px;line-height:1.5;padding:8px 12px;word-break:break-word}.chatbox__msg--own .chatbox__msg-text{background:#00d4ff1f;border-radius:10px 10px 2px 10px}.chatbox__msg-actions{display:flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity .15s}.chatbox__msg:hover .chatbox__msg-actions{opacity:1}.msg-action-btn{align-items:center;background:#ffffff0f;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;height:24px;justify-content:center;transition:background .15s;width:24px}.msg-action-btn:hover{background:#ffffff26}.sender-banned-tag{font-size:12px}.chatbox__input-row{background:#202125;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.chatbox__input{background:#11131a;border:1px solid #ffffff1a;border-radius:8px;color:#f0f2f5;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s}.chatbox__input::placeholder{color:#5c6178}.chatbox__input:focus{border-color:#00d4ff}.chatbox__input:disabled{cursor:not-allowed;opacity:.4}.chatbox__send{align-items:center;background:#00d4ff;border:none;border-radius:8px;color:#0e0f13;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:38px;justify-content:center;transition:background .15s,transform .1s;width:38px}.chatbox__send:hover{background:#00b8da}.chatbox__send:active{transform:scale(.95)}.chatbox__send:disabled{background:#2e3035;color:#5c6178;cursor:not-allowed}:root{--pp-bg:#1c1d21;--pp-surface:#252629;--pp-surface-2:#2e3035;--pp-border:#ffffff14;--pp-accent:#00d4ff;--pp-red:#ff4d4d;--pp-green:#2dd36f;--pp-orange:#f5a623;--pp-text-1:#f0f2f5;--pp-text-2:#9ea3b0;--pp-text-3:#5c6178;--pp-radius:10px;--pp-radius-sm:6px}.pp-overlay{animation:pp-fade-in .18s ease;background:#0000008c;z-index:500}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}.pp-panel{animation:pp-slide-in .2s ease;background:var(--pp-bg);border-left:1px solid var(--pp-border);color:var(--pp-text-1)}@keyframes pp-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.pp-header{border-bottom:1px solid var(--pp-border);gap:8px;padding:16px 16px 14px}.pp-title{align-items:center;color:var(--pp-text-1);display:flex;font-size:15px;gap:8px}.pp-count{background:#00d4ff26;color:var(--pp-accent);display:inline-block;padding:2px 9px}.pp-close{background:none;border:none;border-radius:6px;border-radius:var(--pp-radius-sm);color:#5c6178;color:var(--pp-text-3);cursor:pointer;font-size:18px;line-height:1;padding:4px 6px;transition:color .15s,background .15s}.pp-close:hover{background:#2e3035;background:var(--pp-surface-2);color:#f0f2f5;color:var(--pp-text-1)}.pp-search-wrap{align-items:center;background:#1c1d21;background:var(--pp-bg);border-bottom:1px solid var(--pp-border);display:flex;gap:6px}.pp-search{background:var(--pp-surface-2);border:1px solid var(--pp-border);color:var(--pp-text-1);flex:1 1;padding:7px 14px}.pp-search::placeholder{color:var(--pp-text-3)}.pp-search:focus{border-color:#00d4ff;border-color:var(--pp-accent)}.pp-search-clear{border-radius:4px;color:var(--pp-text-3);font-size:14px}.pp-search-clear:hover{color:var(--pp-text-1)}.pp-bulk{border-bottom:1px solid var(--pp-border)}.pp-bulk-btn{background:var(--pp-surface-2);border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);color:var(--pp-text-2);padding:8px 0}.pp-bulk-btn:hover{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d;color:var(--pp-red)}.pp-limit-notice{background:#f5a6231a;border:1px solid #f5a62340;border-radius:6px;border-radius:var(--pp-radius-sm);color:#f5a623;color:var(--pp-orange);font-size:11px;padding:5px 10px}.pp-section{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp-border);flex-shrink:0;padding:6px 14px 4px}.pp-section-label{color:var(--pp-orange);font-size:11px;font-weight:600;letter-spacing:.06em}.pp-hand-row{justify-content:space-between;padding:4px 0}.pp-hand-name,.pp-hand-row{align-items:center;display:flex}.pp-hand-name{cursor:default;flex:1 1;font-size:12px;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-hand-name,.pp-lower-btn{color:#9ea3b0;color:var(--pp-text-2)}.pp-lower-btn{background:#2e3035;background:var(--pp-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);padding:2px 10px;transition:background .12s,color .12s}.pp-lower-btn:hover{background:#252629;background:var(--pp-surface);color:#f0f2f5;color:var(--pp-text-1)}.pp-list::-webkit-scrollbar{width:4px}.pp-list::-webkit-scrollbar-thumb{background:var(--pp-border)}.pp-empty{align-items:center;color:var(--pp-text-3);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px}.pp-row{border-bottom:1px solid var(--pp-border)}.pp-row:hover{background:hsla(0,0%,100%,.025)}.pp-row--highlight{animation:pp-highlight 1.8s ease forwards}@keyframes pp-highlight{0%{background:#00d4ff24}to{background:#0000}}.pp-row__info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.pp-row__name-wrap{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-width:0}.pp-row__name{color:var(--pp-text-1);max-width:130px}.pp-role-badge{letter-spacing:.04em;white-space:nowrap}.role-host{background:#00d4ff26;color:#00d4ff;color:var(--pp-accent)}.role-cohost{background:#2dd36f26;color:#2dd36f;color:var(--pp-green)}.role-viewer{background:#2e3035;background:var(--pp-surface-2);color:#5c6178;color:var(--pp-text-3)}.pp-row__hand{flex-shrink:0;font-size:14px}.pp-row__banned{color:#ff4d4d;color:var(--pp-red);flex-shrink:0;font-size:13px}.pp-row__status{flex-shrink:0;font-size:14px;gap:6px}.pp-row__controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pp-ctrl-btn{background:var(--pp-surface-2);border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);color:var(--pp-text-2);transition:background .15s,border-color .15s,color .15s}.pp-ctrl-btn:hover{background:var(--pp-surface);color:var(--pp-text-1)}.pp-ctrl-btn--active{background:#00d4ff26;border-color:#00d4ff66;color:var(--pp-accent)}.pp-ctrl-btn--cohost{color:var(--pp-green)}.pp-ctrl-btn--cohost:hover{background:#2dd36f33}.pp-ctrl-btn--warn{color:var(--pp-orange)}.pp-ctrl-btn--green{color:var(--pp-green)}.pp-ctrl-btn--danger{color:var(--pp-red)}.pp-kick-confirm{background:#ff4d4d14;border:1px solid #ff4d4d40;border-radius:var(--pp-radius-sm);gap:6px;padding:4px 10px}@media (max-width:480px){.pp-panel{border-left:none;width:100vw}}:root{--home-bg:#0e0f13;--brand-bg:#12141a;--card-bg:#1a1c23;--card-border:#ffffff12;--accent-2:#7c5cfc;--text-primary:#f0f2f5;--text-secondary:#8b8fa8;--text-muted:#555870;--input-bg:#11131a;--input-border:#ffffff1a;--input-focus:#00d4ff4d;--error:#ff5a5a;--btn-primary:linear-gradient(135deg,#00d4ff,#7c5cfc);--btn-secondary-bg:#ffffff0f;--btn-secondary-hover:#ffffff1a;--radius:12px;--radius-sm:8px}.home-wrap{background:#0e0f13;background:var(--home-bg);font-family:DM Sans,sans-serif;min-height:100vh}.home-brand{align-items:center;background:#12141a;background:var(--brand-bg);border-right:1px solid #ffffff12;border-right:1px solid var(--card-border);display:flex;flex-shrink:0;overflow:hidden;position:relative;width:420px}.home-brand:before{background:radial-gradient(ellipse,#00d4ff14 0,#0000 65%);height:600px;left:-20%;top:-30%;width:600px}.home-brand:after,.home-brand:before{content:"";pointer-events:none;position:absolute}.home-brand:after{background:radial-gradient(ellipse,#7c5cfc12 0,#0000 65%);bottom:-20%;height:500px;right:-30%;width:500px}.brand-inner{padding:48px;position:relative;z-index:1}.brand-logo{align-items:center;display:flex;gap:12px;margin-bottom:24px}.logo-icon{color:#00d4ff;color:var(--accent);filter:drop-shadow(0 0 12px rgba(0,212,255,.6));font-size:36px}.brand-logo h1{color:#f0f2f5;color:var(--text-primary);font-family:Space Mono,monospace;font-size:32px;font-weight:700;letter-spacing:-.5px}.brand-tagline{color:#8b8fa8;color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:40px;max-width:280px}.brand-features{display:flex;flex-direction:column;gap:14px;list-style:none;margin-bottom:48px}.brand-features li{color:#8b8fa8;color:var(--text-secondary);font-size:14px;letter-spacing:.01em}.brand-badge{background:linear-gradient(135deg,#00d4ff26,#7c5cfc26);border:1px solid #00d4ff4d;border-radius:100px;color:#00d4ff;color:var(--accent);display:inline-block;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;padding:4px 14px}.home-forms{align-items:center;flex:1 1;gap:24px;justify-content:center;overflow-y:auto;padding:48px 24px}.form-card,.home-forms{display:flex;flex-direction:column}.form-card{background:#1a1c23;background:var(--card-bg);border:1px solid #ffffff12;border:1px solid var(--card-border);border-radius:16px;gap:14px;max-width:480px;padding:32px 36px;width:100%}.form-card__title{align-items:center;color:#f0f2f5;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:6px}.form-card__icon{color:#00d4ff;color:var(--accent);font-size:14px}.field-label{color:#8b8fa8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:-6px;text-transform:uppercase}.required{color:#00d4ff;color:var(--accent);margin-left:2px}.optional{color:#555870;color:var(--text-muted);font-weight:400;margin-left:4px;text-transform:none}.field-input{background:#11131a;background:var(--input-bg);border:1px solid #ffffff1a;border:1px solid var(--input-border);border-radius:8px;border-radius:var(--radius-sm);color:#f0f2f5;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.field-input::placeholder{color:#555870;color:var(--text-muted)}.field-input:focus{border-color:#00d4ff;border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff4d;box-shadow:0 0 0 3px var(--input-focus)}.field-textarea{line-height:1.5;min-height:80px;resize:vertical}.field-error{background:#ff5a5a14;border:1px solid #ff5a5a33;border-radius:8px;border-radius:var(--radius-sm);color:#ff5a5a;color:var(--error);font-size:13px;padding:10px 14px}.btn{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;margin-top:4px;padding:14px;transition:opacity .2s,transform .1s;width:100%}.btn:active{transform:scale(.98)}.btn--primary{background:linear-gradient(135deg,#00d4ff,#7c5cfc);background:var(--btn-primary);color:#fff}.btn--primary:hover{opacity:.9}.btn--primary:disabled{cursor:not-allowed;opacity:.5}.btn--secondary{background:#ffffff0f;background:var(--btn-secondary-bg);border:1px solid #ffffff12;border:1px solid var(--card-border);color:#f0f2f5;color:var(--text-primary)}.btn--secondary:hover{background:#ffffff1a;background:var(--btn-secondary-hover)}.forms-divider{align-items:center;color:#555870;color:var(--text-muted);display:flex;font-size:13px;gap:16px;max-width:480px;width:100%}.forms-divider:after,.forms-divider:before{background:#ffffff12;background:var(--card-border);content:"";flex:1 1;height:1px}@media (max-width:860px){.home-wrap{flex-direction:column}.home-brand{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--card-border);border-right:none;padding:0;width:100%}.brand-inner{padding:32px 24px}.brand-features{display:none}.home-forms{padding:32px 16px}.form-card{padding:24px 20px}}.jp-page{background:#0d0d1a;background-image:radial-gradient(ellipse 80% 60% at 50% -10%,#6c63ff2e 0,#0000 70%),radial-gradient(ellipse 60% 40% at 80% 110%,#63b3ed1a 0,#0000 60%);font-family:Inter,Segoe UI,system-ui,sans-serif}.jp-card{background:#12122a;border:1px solid #6c63ff33;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 64px #0009;max-width:440px;padding:40px 36px 32px}.jp-brand{margin-bottom:28px}.jp-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#818cf8 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.jp-tagline{color:#8892b0;font-size:.9rem}.jp-loading{color:#8892b0;padding:20px 0;text-align:center}.jp-spinner{border:3px solid #6c63ff33;border-top-color:#6c63ff;height:36px;margin:0 auto 14px;width:36px}.jp-fatal{color:#fc8181;padding:10px 0 20px}.jp-fatal-icon{font-size:2.4rem;margin-bottom:12px}.jp-fatal p{color:#fca5a5;font-size:.95rem;margin:0 0 24px}.jp-meta{border:1px solid #ffffff0f;border-radius:12px;margin-bottom:24px;padding:14px 16px}.jp-agenda{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.jp-agenda-label{color:#6c63ff;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.jp-agenda-text{color:#ccd6f6;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jp-badge{font-size:.75rem}.jp-badge--public{background:#63b3ed1f;border:1px solid #63b3ed40;color:#63b3ed}.jp-badge--private{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f6ad55}.jp-form{gap:4px;margin-bottom:16px}.jp-label{color:#8892b0;display:block;font-size:.78rem;margin-bottom:2px;margin-top:12px}.jp-req{color:#fc8181;margin-left:2px}.jp-optional{color:#6b7280;margin-left:4px}.jp-input{background:#ffffff0d;border:1px solid #ffffff1a;box-sizing:border-box;color:#e2e8f0;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.jp-input::placeholder{color:#4a5568}.jp-input:focus{border-color:#6c63ff99;box-shadow:0 0 0 3px #6c63ff1f}.jp-hint{background:#f59e0b12;border-left:3px solid #f59e0b66;border-radius:8px;color:#f6ad55;font-size:.78rem;margin:4px 0 8px;padding:8px 12px}.jp-error{background:#fc818114;border-radius:8px;color:#fc8181;font-size:.82rem;margin-top:6px;padding:9px 12px}.jp-btn{font-size:.93rem;padding:12px;transition:transform .15s,opacity .15s,box-shadow .15s}.jp-btn:disabled{opacity:.55}.jp-btn-primary{background:linear-gradient(135deg,#6c63ff,#818cf8);box-shadow:0 4px 20px #6c63ff59;color:#fff;margin-top:14px}.jp-btn-primary:not(:disabled):hover{box-shadow:0 6px 24px #6c63ff80}.jp-btn-secondary{background:#ffffff12;border:1px solid #ffffff1a;color:#a0aec0;margin-top:0}.jp-btn-ghost{background:#0000;color:#6c63ff;font-size:.83rem;font-weight:500;margin-top:6px;opacity:.8;padding:8px}.jp-btn-ghost:hover{opacity:1}@media (max-width:480px){.jp-card{padding:30px 22px 24px}.jp-meta{flex-direction:column;gap:8px}}:root{--is-bg:#1a1b1e;--is-surface:#252629;--is-border:#ffffff14;--is-border-hi:#ffffff21;--is-accent:#00d4ff;--is-text-1:#f0f2f5;--is-text-2:#9ea3b0;--is-text-3:#5c6178;--is-strip-h:68px}.icon-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--is-border);border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:DM Sans,sans-serif;gap:5px;padding:8px 6px 7px;text-align:center;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;width:76px}.icon-card:hover{background:#00d4ff14;border-color:#00d4ff40;box-shadow:0 6px 18px #00d4ff1f;transform:translateY(-2px)}.icon-card:active{transform:translateY(0)}.icon-card__img-wrap{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000040;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.icon-card__img{display:block;height:100%;object-fit:contain;padding:4px;width:100%}.icon-card__fallback{align-items:center;background:linear-gradient(135deg,#00d4ff,#0094b3);color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;letter-spacing:.02em;width:100%}.icon-card__label{color:#9ea3b0;color:var(--is-text-2);font-size:9.5px;font-weight:500;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-card:hover .icon-card__label{color:#f0f2f5;color:var(--is-text-1)}.icon-card--compact{background:#0000;border-color:#0000;border-radius:10px;gap:4px;padding:6px 4px 5px;width:54px}.icon-card--compact:hover{background:#ffffff12;border-color:#ffffff14;border-color:var(--is-border);box-shadow:none;transform:translateY(-1px)}.icon-card--compact .icon-card__img-wrap{height:34px;width:34px}.icon-card--compact .icon-card__fallback{font-size:11px}.icon-card--compact .icon-card__label{color:#5c6178;color:var(--is-text-3);font-size:8.5px;max-width:52px}.icon-card--compact:hover .icon-card__label{color:#9ea3b0;color:var(--is-text-2)}.icon-strip{background:#1a1b1e;background:var(--is-bg);border-top:1px solid #ffffff14;border-top:1px solid var(--is-border);bottom:0;box-shadow:0 -4px 20px #00000059;height:68px;height:var(--is-strip-h);left:0;padding:0 4px env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:999}.icon-strip,.icon-strip__track{align-items:center;display:flex}.icon-strip__track{-webkit-overflow-scrolling:touch;gap:4px;overflow-x:auto;overflow-y:hidden;padding:0 4px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.icon-strip__track::-webkit-scrollbar{display:none}.icon-strip__eyebrow{align-items:center;border-right:1px solid #ffffff14;border-right:1px solid var(--is-border);color:#5c6178;color:var(--is-text-3);display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;height:68px;height:var(--is-strip-h);letter-spacing:.1em;line-height:68px;line-height:var(--is-strip-h);margin-right:4px;padding-left:4px;padding-right:6px;text-transform:uppercase;white-space:nowrap}.icon-column{display:none;flex-direction:column;gap:10px;max-height:90vh;overflow-y:auto;padding:14px 6px;position:fixed;scrollbar-width:none;top:50%;transform:translateY(-50%);z-index:100}.icon-column::-webkit-scrollbar{display:none}.icon-column--left{left:12px}.icon-column--right{right:12px}@media (max-width:899px){.home-container{padding-bottom:84px!important;padding-bottom:calc(var(--is-strip-h) + 16px)!important}}@media (min-width:900px){.icon-strip{display:none}.icon-column{display:flex}.icon-card{padding:7px 5px;width:64px}.icon-card__img-wrap{height:36px;width:36px}.icon-card__label{font-size:9px}}@media (min-width:1100px){.icon-card{padding:10px 8px 9px;width:76px}.icon-card__img-wrap{height:44px;width:44px}.icon-card__label{font-size:10px}}@media (min-width:1500px){.icon-column--left{left:24px}.icon-column--right{right:24px}}.room-root~.icon-column,.room-root~.icon-strip,body.in-room .icon-column,body.in-room .icon-strip{display:none!important}:root{--h-bg:#111214;--h-surface:#1c1d21;--h-surface-2:#252629;--h-surface-3:#2e3035;--h-border:#ffffff14;--h-border-hi:#ffffff24;--h-accent:#00d4ff;--h-accent-dim:#00d4ff1f;--h-red:#ff4d4d;--h-orange:#f5a623;--h-green:#2dd36f;--h-text-1:#f0f2f5;--h-text-2:#9ea3b0;--h-text-3:#5c6178;--h-radius:16px;--h-radius-sm:10px;--icon-strip-h:68px}.home-root{align-items:flex-start;background:#111214;background:var(--h-bg);color:#f0f2f5;color:var(--h-text-1);display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:32px 16px 92px;padding-bottom:calc(var(--icon-strip-h) + 24px);position:relative}.home-glow{background:radial-gradient(ellipse 80% 45% at 50% -5%,#00d4ff12 0,#0000 70%),radial-gradient(ellipse 40% 35% at 90% 100%,#00b4dc0a 0,#0000 60%),radial-gradient(ellipse 40% 35% at 10% 90%,#0064c808 0,#0000 60%);inset:0;pointer-events:none;position:fixed;z-index:0}.home-wrap{gap:36px;max-width:900px;position:relative;width:100%;z-index:1}.home-hero,.home-wrap{align-items:center;display:flex;flex-direction:column}.home-hero{gap:8px;text-align:center}.home-hero__icon{animation:hero-pulse 3s ease-in-out infinite;font-size:40px;line-height:1;margin-bottom:4px}@keyframes hero-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.home-hero__logo{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#fff,#00d4ffe6);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.home-hero__tagline{color:#5c6178;color:var(--h-text-3);font-size:15px;font-weight:400}.home-panels{align-items:stretch;display:flex;flex-direction:column;gap:20px;width:100%}.home-panels__divider{display:none}.home-panel{background:#1c1d21;background:var(--h-surface);border:1px solid #ffffff24;border:1px solid var(--h-border-hi);border-radius:16px;border-radius:var(--h-radius);box-shadow:0 8px 32px #00000059;display:flex;flex-direction:column;gap:20px;padding:28px 24px 24px;transition:border-color .2s}.home-panel:hover{border-color:#00d4ff2e}.home-panel--create{border-top:2px solid #00d4ff59}.home-panel--join{border-top:2px solid #ffffff1f}.home-panel__header{display:flex;flex-direction:column;gap:4px}.home-panel__icon{font-size:22px;line-height:1;margin-bottom:4px}.home-panel__title{color:#f0f2f5;color:var(--h-text-1);font-size:18px;font-weight:700;letter-spacing:-.01em}.home-panel__sub{color:#5c6178;color:var(--h-text-3);font-size:13px;font-weight:400}.home-form{gap:14px}.hf-field,.home-form{display:flex;flex-direction:column}.hf-field{gap:5px}.hf-label{align-items:center;color:#9ea3b0;color:var(--h-text-2);display:flex;font-size:12px;font-weight:600;gap:4px}.hf-req{color:#ff4d4d;color:var(--h-red);font-size:13px}.hf-input{-webkit-appearance:none;background:#252629;background:var(--h-surface-2);border:1px solid #ffffff14;border:1px solid var(--h-border);border-radius:10px;border-radius:var(--h-radius-sm);color:#f0f2f5;color:var(--h-text-1);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.hf-input::placeholder{color:#5c6178;color:var(--h-text-3)}.hf-input:focus{background:#2e3035;background:var(--h-surface-3);border-color:#00d4ff73;box-shadow:0 0 0 3px #00d4ff1a}.hf-input--private{border-color:#f5a6234d}.hf-input--private:focus{border-color:#f5a62399;box-shadow:0 0 0 3px #f5a6231a}.hf-select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,#0000 50%,#5c6178 0),linear-gradient(135deg,#5c6178 50%,#0000 0);background-image:linear-gradient(45deg,#0000 50%,var(--h-text-3) 50%),linear-gradient(135deg,var(--h-text-3) 50%,#0000 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px;cursor:pointer;padding-right:36px}.hf-select option{background:#1c1d21;color:#f0f2f5;color:var(--h-text-1)}.hf-error{background:#ff4d4d14;border:1px solid #ff4d4d40;border-radius:10px;border-radius:var(--h-radius-sm);color:#ff4d4d;color:var(--h-red);font-size:13px;line-height:1.4;padding:10px 13px}.hf-advanced-toggle{align-items:center;background:#252629;background:var(--h-surface-2);border:1px solid #ffffff14;border:1px solid var(--h-border);border-radius:10px;border-radius:var(--h-radius-sm);color:#9ea3b0;color:var(--h-text-2);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;justify-content:space-between;padding:9px 13px;transition:background .15s,border-color .15s,color .15s;width:100%}.hf-advanced-toggle:hover{background:#2e3035;background:var(--h-surface-3);border-color:#ffffff24;border-color:var(--h-border-hi);color:#f0f2f5;color:var(--h-text-1)}.hf-advanced-toggle--open{border-color:#00d4ff4d;color:#00d4ff;color:var(--h-accent)}.hf-advanced-toggle__arrow{font-size:10px;opacity:.6}.hf-advanced{animation:adv-in .18s ease;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--h-border);border-radius:10px;border-radius:var(--h-radius-sm);display:flex;flex-direction:column;gap:12px;padding:14px}@keyframes adv-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hf-type-toggle{display:flex;gap:6px}.hf-type-btn{background:#2e3035;background:var(--h-surface-3);border:1px solid #ffffff14;border:1px solid var(--h-border);border-radius:10px;border-radius:var(--h-radius-sm);color:#9ea3b0;color:var(--h-text-2);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:9px 8px;transition:background .15s,border-color .15s,color .15s}.hf-type-btn:hover{background:#252629;background:var(--h-surface-2);color:#f0f2f5;color:var(--h-text-1)}.hf-type-btn--active{background:#00d4ff1f;background:var(--h-accent-dim);border-color:#00d4ff59;color:#00d4ff;color:var(--h-accent);font-weight:600}.hf-checkbox-row{align-items:center;color:#9ea3b0;color:var(--h-text-2);cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;user-select:none}.hf-checkbox{accent-color:#00d4ff;accent-color:var(--h-accent);border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;width:16px}.hf-date-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.hf-link-box{background:#00d4ff0f;border:1px solid #00d4ff33;border-radius:10px;border-radius:var(--h-radius-sm);display:flex;flex-direction:column;gap:8px;padding:13px 14px}.hf-link-box__label{color:#00d4ff;color:var(--h-accent);font-size:12px;font-weight:600}.hf-link-box__row{align-items:center;display:flex;gap:8px}.hf-link-box__url{color:#9ea3b0;color:var(--h-text-2);flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.hf-link-box__url:hover{color:#00d4ff;color:var(--h-accent)}.hf-copy-btn{background:#00d4ff;background:var(--h-accent);border:none;border-radius:6px;color:#000;cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;padding:5px 12px;transition:opacity .15s,background .15s;white-space:nowrap}.hf-copy-btn:hover{opacity:.85}.hf-copy-btn--done{background:#2dd36f;background:var(--h-green);color:#fff}.hf-btn{-webkit-appearance:none;border:none;border-radius:10px;border-radius:var(--h-radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:.01em;padding:13px 16px;transition:opacity .15s,transform .15s,box-shadow .15s;width:100%}.hf-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.hf-btn:not(:disabled):hover{transform:translateY(-1px)}.hf-btn:not(:disabled):active{transform:translateY(0)}.hf-btn--primary{background:#00d4ff;background:var(--h-accent);box-shadow:0 4px 18px #00d4ff38;color:#000}.hf-btn--primary:not(:disabled):hover{box-shadow:0 6px 24px #00d4ff61;opacity:.9}.hf-btn--secondary{background:#252629;background:var(--h-surface-2);border:1px solid #ffffff24;border:1px solid var(--h-border-hi);color:#f0f2f5;color:var(--h-text-1)}.hf-btn--secondary:not(:disabled):hover{background:#2e3035;background:var(--h-surface-3);border-color:#fff3}.hf-join-hint{color:#5c6178;color:var(--h-text-3);font-size:12px;text-align:center}@media (min-width:480px){.home-panel{padding:30px 28px 26px}.home-hero__logo{font-size:2.4rem}}@media (min-width:720px){.home-root{align-items:center;padding:40px 24px 48px}.home-wrap{gap:40px}.home-panels{align-items:flex-start;flex-direction:row;gap:0}.home-panel{align-self:flex-start;flex:1 1;min-width:0}.home-panel--create{border-radius:16px 0 0 16px;border-radius:var(--h-radius) 0 0 var(--h-radius);border-right:none}.home-panel--join{border-radius:0 16px 16px 0;border-radius:0 var(--h-radius) var(--h-radius) 0}.home-panels__divider{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;padding-top:80px;position:relative;z-index:1}.home-panels__divider span{background:#2e3035;background:var(--h-surface-3);border:1px solid #ffffff24;border:1px solid var(--h-border-hi);border-radius:20px;color:#5c6178;color:var(--h-text-3);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0 -18px;padding:6px 10px;text-transform:uppercase;white-space:nowrap}}@media (min-width:1000px){.home-wrap{max-width:860px}.home-panel{padding:36px 32px 30px}}@media (min-width:1200px){.home-wrap{max-width:780px}}@media (max-height:600px) and (orientation:landscape){.home-root{align-items:flex-start;padding-top:16px}.home-hero__icon{display:none}.home-hero__logo{font-size:1.6rem}.home-hero{gap:4px}.home-wrap{gap:20px}.home-panel{gap:14px;padding:20px 18px}.home-form{gap:10px}}@media (max-width:767px){.hf-input{font-size:16px}}:root{--room-bg:#111214;--surface-1:#1c1d21;--surface-2:#252629;--surface-3:#2e3035;--border:#ffffff14;--border-hi:#ffffff24;--accent:#00d4ff;--accent-red:#ff4d4d;--accent-green:#2dd36f;--text-1:#f0f2f5;--text-2:#9ea3b0;--text-3:#5c6178;--toolbar-h:72px;--agenda-h:36px;--panel-w:340px;--radius:10px;--radius-sm:6px}.room-page{background:#111214;background:var(--room-bg);color:#f0f2f5;color:var(--text-1);flex-direction:column;font-family:DM Sans,sans-serif;inset:0;position:fixed}.room-agenda-bar,.room-page{display:flex;overflow:hidden}.room-agenda-bar{align-items:center;background:#00d4ff0f;border-bottom:1px solid #00d4ff26;color:#9ea3b0;color:var(--text-2);flex-shrink:0;font-size:13px;gap:8px;height:36px;height:var(--agenda-h);padding:0 16px}.agenda-label{color:#00d4ff;color:var(--accent);flex-shrink:0;font-weight:600}.role-chip{border-radius:20px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 9px;text-transform:capitalize}.role-chip--host{background:#00d4ff26;color:#00d4ff;color:var(--accent)}.role-chip--coHost{background:#2dd36f26;color:#2dd36f;color:var(--accent-green)}.role-chip--viewer{background:#2e3035;background:var(--surface-3);color:#5c6178;color:var(--text-3)}.hand-alert-chip{animation:pulse-alert 1.5s ease infinite;background:#f5a62326;border-radius:20px;color:#f5a623;flex-shrink:0;font-size:10px;font-weight:600;padding:2px 8px}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.45}}.slim-action-btn{background:#2e3035;background:var(--surface-3);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#9ea3b0;color:var(--text-2);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;padding:3px 10px;transition:background .15s,color .15s;white-space:nowrap}.slim-action-btn:hover{background:#252629;background:var(--surface-2);color:#f0f2f5;color:var(--text-1)}.slim-action-btn--link{color:#00d4ff;color:var(--accent)}.connecting-overlay{align-items:center;background:#111214;background:var(--room-bg);color:#9ea3b0;color:var(--text-2);display:flex;flex-direction:column;font-size:14px;gap:20px;inset:0;justify-content:center;position:fixed;z-index:100}.connecting-spinner{animation:spin .9s linear infinite;border:3px solid #252629;border-top-color:#00d4ff;border:3px solid var(--surface-2);border-radius:50%;border-top-color:var(--accent);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.snack{animation:fadeSlide .25s ease;background:#252629;background:var(--surface-2);border:1px solid #ffffff24;border-left:3px solid #00d4ff;border:1px solid var(--border-hi);border-left:3px solid var(--accent);border-radius:10px;border-radius:var(--radius);font-size:14px;left:50%;max-width:calc(100vw - 32px);padding:12px 20px;pointer-events:none;position:fixed;top:24px;transform:translateX(-50%);white-space:nowrap;z-index:9999}.snack--error{border-left-color:#ff4d4d;border-left-color:var(--accent-red);color:#ff4d4d;color:var(--accent-red)}@keyframes fadeSlide{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e0;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.preview-modal{border:1px solid #ffffff24;border:1px solid var(--border-hi);border-radius:16px;display:flex;flex-direction:column;max-width:95vw;overflow:hidden;width:540px}.preview-modal,.preview-name{background:#1c1d21;background:var(--surface-1)}.preview-name{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#f0f2f5;color:var(--text-1);font-size:16px;font-weight:700;letter-spacing:-.01em;padding:16px 20px 12px;text-align:center}.preview-video-wrap{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.preview-video{display:block;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.preview-video--off{opacity:0}.preview-avatar{align-items:center;background:#252629;background:var(--surface-2);color:#9ea3b0;color:var(--text-2);display:flex;font-size:72px;font-weight:700;inset:0;justify-content:center;position:absolute}.preview-controls-overlay{bottom:16px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%)}.preview-ctrl-btn{align-items:center;background:#000000a6;border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:22px;gap:4px;padding:10px 16px;transition:background .15s}.preview-ctrl-btn:hover{background:#ffffff26}.preview-ctrl-btn.off{background:#ff4d4d80}.preview-ctrl-btn:disabled{cursor:not-allowed;opacity:.5}.ctrl-label{font-size:11px;font-weight:500}.crossed{opacity:.7;text-decoration:line-through}.preview-devices{background:#252629;background:var(--surface-2);display:flex;gap:12px;padding:12px 20px}.device-select{background:#111214;background:var(--room-bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0f2f5;color:var(--text-1);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;min-width:0;outline:none;padding:8px 10px}.device-select:focus{border-color:#00d4ff;border-color:var(--accent)}.device-select option{background:#1c1d21}.preview-footer{align-items:center;background:#1c1d21;background:var(--surface-1);border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px 20px}.preview-checkbox{align-items:center;color:#9ea3b0;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;gap:8px}.preview-checkbox input{accent-color:#00d4ff;accent-color:var(--accent);cursor:pointer}.preview-join-btn{background:#1a6fff;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;padding:10px 28px;transition:background .15s,transform .1s}.preview-join-btn:hover{background:#1557cc;transform:translateY(-1px)}.floating-reaction{align-items:center;animation:floatUp 3.5s ease-out forwards;bottom:92px;bottom:calc(var(--toolbar-h) + 20px);display:flex;flex-direction:column;pointer-events:none;position:fixed;z-index:1500}.floating-reaction--left{left:24px;left:calc(24px + var(--rand, 0)*60px)}.floating-reaction--right{right:24px;right:calc(24px + var(--rand, 0)*60px)}.floating-emoji{font-size:36px;line-height:1}.floating-sender{background:#00000080;border-radius:4px;color:#fffc;font-size:12px;margin-top:4px;padding:2px 6px}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-120px) scale(1.2)}to{opacity:0;transform:translateY(-240px) scale(.8)}}.screen-share-area{align-items:center;background:#0a0b0e;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:16px}.camera-gallery{flex-shrink:0}.camera-gallery--full{flex:1 1;min-height:0;overflow:hidden}.camera-gallery--strip{background:#111214;background:var(--room-bg);border-top:1px solid #ffffff14;border-top:1px solid var(--border);height:140px}.gallery-scroll{display:flex;gap:8px;height:100%;overflow-x:auto;overflow-y:hidden;padding:8px;scroll-snap-type:x mandatory;scrollbar-color:#2e3035 #0000;scrollbar-color:var(--surface-3) #0000;scrollbar-width:thin}.camera-gallery--full .gallery-scroll{align-content:center;flex-wrap:wrap;gap:12px;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:16px}.gallery-scroll::-webkit-scrollbar{height:4px;width:4px}.gallery-scroll::-webkit-scrollbar-thumb{background:#2e3035;background:var(--surface-3);border-radius:2px}.video-tile{background:#1c1d21;background:var(--surface-1);border:2px solid #ffffff14;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius);flex-shrink:0;overflow:hidden;position:relative;scroll-snap-align:start}.camera-gallery--strip .video-tile{height:100%;width:180px}.camera-gallery--full .video-tile{aspect-ratio:16/9;width:calc(50% - 6px)}@media (min-width:900px){.camera-gallery--full .video-tile{width:calc(33.33% - 8px)}.camera-gallery--full .video-tile:first-child:last-child{max-width:900px;width:100%}}.video-tile--screen{aspect-ratio:16/9;border-color:#00d4ff4d;max-width:100%;width:100%}.video-tile--clickable{cursor:pointer}.video-tile--clickable:hover{border-color:#00d4ff;border-color:var(--accent)}.video-tile--clickable:hover:after{background:#000000b3;border-radius:4px;color:#fff;content:"🔍 Click to focus";font-size:11px;padding:3px 8px;position:absolute;right:8px;top:8px}.video-tile__media{height:100%;width:100%}.video-tile__media video{display:block;height:100%;object-fit:cover;width:100%}.video-tile__name{align-items:center;background:linear-gradient(0deg,#000000d9,#0000);bottom:0;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;left:0;padding:4px 8px 6px;position:absolute;right:0}.tile-hand{font-size:14px}.empty-gallery{color:#5c6178;color:var(--text-3);flex:1 1;font-size:14px;padding:20px;text-align:center}.empty-gallery,.focus-view{align-items:center;display:flex;justify-content:center}.focus-view{background:#000;cursor:pointer;inset:0;position:fixed;z-index:50}.focus-back-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #fff3;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;left:20px;padding:8px 18px;position:absolute;top:20px;transition:background .15s;z-index:10}.focus-back-btn:hover{background:#ffffff26}.focus-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:6px;border-radius:var(--radius-sm);bottom:88px;bottom:calc(var(--toolbar-h) + 16px);color:#fff;font-size:14px;font-weight:600;left:20px;padding:4px 12px;position:absolute}.focus-media,.focus-media video{height:100%;width:100%}.focus-media video{display:block;object-fit:contain}.emoji-picker-backdrop{inset:0;position:fixed;z-index:9998}.emoji-picker{animation:pickerIn .15s ease;background:#252629;background:var(--surface-2);border:1px solid #ffffff24;border:1px solid var(--border-hi);border-radius:12px;bottom:88px;bottom:calc(var(--toolbar-h) + 16px);box-shadow:0 8px 32px #0009;display:flex;flex-direction:row;gap:8px;left:50%;padding:12px;position:fixed;transform:translateX(-50%);z-index:9999}@keyframes pickerIn{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.emoji-pick-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:26px;padding:6px;transition:background .12s,transform .1s}.emoji-pick-btn:hover{background:#2e3035;background:var(--surface-3);transform:scale(1.2)}.side-panel{animation:slideIn .2s ease;bottom:72px;bottom:var(--toolbar-h);display:flex;flex-direction:column;position:fixed;right:0;top:0;width:340px;width:var(--panel-w);z-index:40}@keyframes slideIn{0%{transform:translateX(100%)}}.bottom-bar{align-items:center;background:#242424;border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:8px;height:72px;height:var(--toolbar-h);justify-content:space-between;overflow-x:auto;padding:0 20px;position:relative;scrollbar-width:none;z-index:30}.bottom-bar::-webkit-scrollbar{display:none}.bottom-bar__left{flex-shrink:0;min-width:160px}.meeting-name{color:#ffffff73;font-size:13px;font-weight:500;white-space:nowrap}.bottom-bar__center{align-items:center;display:flex;flex:1 1;gap:2px;justify-content:center}.bottom-bar__right{display:flex;flex-shrink:0;justify-content:flex-end;min-width:90px}.toolbar-btn-group{align-items:stretch;border-radius:6px;border-radius:var(--radius-sm);display:flex;overflow:hidden}.toolbar-arrow{align-items:center;background:none;border:none;border-left:1px solid #ffffff1a;color:#ffffff8c;cursor:pointer;display:flex;font-size:8px;justify-content:center;padding:0 4px;transition:background .15s,color .15s;width:20px}.toolbar-arrow:hover{background:#ffffff1a;color:#fff}.toolbar-arrow--active{color:#00d4ff;color:var(--accent)}.toolbar-divider{background:#ffffff1a;flex-shrink:0;height:36px;margin:0 6px;width:1px}.toolbar-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:DM Sans,sans-serif;gap:4px;justify-content:center;min-width:56px;padding:8px 14px;position:relative;transition:background .15s}.toolbar-btn:hover{background:#ffffff1a}.toolbar-btn:disabled{cursor:not-allowed;opacity:.35}.toolbar-btn--on{color:#fff}.toolbar-btn--off{color:#ffffff8c}.toolbar-btn--active{background:#00d4ff1f;color:#00d4ff;color:var(--accent)}.toolbar-btn--host{color:#ffd166}.tb-icon{font-size:20px;line-height:1}.tb-label{align-items:center;color:#fffc;display:flex;font-size:10px;font-weight:500;gap:4px;white-space:nowrap}.toolbar-btn--off .tb-label{color:#ffffff73}.toolbar-btn--active .tb-label{color:#00d4ff;color:var(--accent)}.tb-count{background:#ffffff1f;padding:1px 5px}.tb-badge,.tb-count{border-radius:100px;font-size:9px;font-weight:700}.tb-badge{background:#ff4d4d;background:var(--accent-red);color:#fff;min-width:14px;padding:1px 4px;position:absolute;right:4px;text-align:center;top:4px}.toolbar-btn--end{background:#e53935;border-radius:6px;color:#fff;font-weight:600;min-width:auto;padding:8px 20px}.toolbar-btn--end:hover{background:#c62828}.toolbar-btn--end .tb-label{color:#fff;font-size:13px;font-weight:700}@media (max-width:768px){:root{--toolbar-h:60px;--panel-w:100vw}.bottom-bar{gap:2px;padding:0 8px}.bottom-bar__left{display:none}.bottom-bar__right{min-width:56px}.toolbar-btn{min-width:40px;padding:6px 8px}.tb-label{display:none}.tb-icon{font-size:22px}.toolbar-btn--end .tb-label{display:flex}.toolbar-arrow{font-size:7px;width:16px}.camera-gallery--full .video-tile{width:calc(50% - 6px)}.preview-devices{flex-direction:column;gap:8px}.preview-modal{border-radius:12px}.emoji-picker{gap:5px;padding:10px}.emoji-pick-btn{font-size:22px;padding:4px}}@media (max-height:500px) and (orientation:landscape){:root{--toolbar-h:52px}.tb-label{display:none}.toolbar-btn--end .tb-label{display:flex}.preview-modal{max-height:95vh;overflow-y:auto}}:root{--cb-bg:#1c1d21;--cb-surface:#252629;--cb-surface-2:#2e3035;--cb-border:#ffffff14;--cb-border-hi:#ffffff24;--cb-accent:#00d4ff;--cb-red:#ff4d4d;--cb-green:#2dd36f;--cb-text-1:#f0f2f5;--cb-text-2:#9ea3b0;--cb-text-3:#5c6178;--cb-radius:10px;--cb-radius-sm:6px;--cb-own-bg:#00d4ff1f;--cb-other-bg:#252629}.chat-box-v2{background:#1c1d21;background:var(--cb-bg);border-left:1px solid #ffffff14;border-left:1px solid var(--cb-border);color:#f0f2f5;color:var(--cb-text-1);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;height:100%;overflow:hidden}.chat-header-v2{align-items:center;background:#252629;background:var(--cb-surface);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--cb-border);display:flex;flex-shrink:0;gap:8px;height:52px;justify-content:space-between;padding:0 14px}.chat-header-content-v2{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.chat-header-v2 h3{color:#f0f2f5;color:var(--cb-text-1);font-size:14px;font-weight:600;line-height:1;margin:0}.chat-type-selector-v2{display:flex;gap:4px}.chat-type-btn-v2{background:#0000;border:1px solid #ffffff14;border:1px solid var(--cb-border);border-radius:20px;color:#5c6178;color:var(--cb-text-3);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:3px 10px;position:relative;transition:background .15s,color .15s,border-color .15s}.chat-type-btn-v2:hover{background:#ffffff0f;color:#9ea3b0;color:var(--cb-text-2)}.chat-type-btn-v2.active-v2{background:#00d4ff;background:var(--cb-accent);border-color:#00d4ff;border-color:var(--cb-accent);color:#000;font-weight:600}.tab-dot-v2{align-items:center;background:#ff4d4d;background:var(--cb-red);border:1.5px solid #1c1d21;border:1.5px solid var(--cb-bg);border-radius:8px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:-4px;top:-4px}.chat-header-actions-v2{align-items:center;display:flex;flex-shrink:0;gap:4px}.host-select-btn-v2{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--cb-border);border-radius:6px;border-radius:var(--cb-radius-sm);color:#5c6178;color:var(--cb-text-3);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.host-select-btn-v2:hover{background:#ffffff14;color:#f0f2f5;color:var(--cb-text-1)}.chat-close-btn-v2{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--cb-radius-sm);color:#5c6178;color:var(--cb-text-3);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.chat-close-btn-v2:hover{background:#ff4d4d26;color:#ff4d4d;color:var(--cb-red)}.host-select-toolbar-v2{align-items:center;background:#00d4ff12;border-bottom:1px solid #00d4ff26;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:7px 12px}.select-all-label-v2{align-items:center;color:#9ea3b0;color:var(--cb-text-2);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:7px;-webkit-user-select:none;user-select:none}.host-checkbox-v2,.msg-checkbox-v2{appearance:none;-webkit-appearance:none;background:#ffffff0f;border:1.5px solid #ffffff24;border:1.5px solid var(--cb-border-hi);border-radius:3px;cursor:pointer;flex-shrink:0;height:15px;position:relative;transition:all .15s;width:15px}.host-checkbox-v2:checked,.msg-checkbox-v2:checked{background:#00d4ff;background:var(--cb-accent);border-color:#00d4ff;border-color:var(--cb-accent)}.host-checkbox-v2:checked:after,.msg-checkbox-v2:checked:after{color:#000;content:"✓";font-size:9px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.host-select-actions-v2{align-items:center;display:flex;gap:5px}.delete-msgs-btn-v2{background:#ff4d4d26;border:1px solid #ff4d4d66;border-radius:6px;border-radius:var(--cb-radius-sm);color:#ff4d4d;color:var(--cb-red);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;padding:4px 11px;transition:background .15s;white-space:nowrap}.delete-msgs-btn-v2:hover:not(:disabled){background:#ff4d4d47}.delete-msgs-btn-v2:disabled{cursor:not-allowed;opacity:.5}.cancel-select-btn-v2{background:#ffffff12;border:1px solid #ffffff14;border:1px solid var(--cb-border);border-radius:6px;border-radius:var(--cb-radius-sm);color:#9ea3b0;color:var(--cb-text-2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:4px 10px;transition:background .15s}.cancel-select-btn-v2:hover{background:#ffffff1f;color:#f0f2f5;color:var(--cb-text-1)}.participant-selector-v2{background:#252629;background:var(--cb-surface);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--cb-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:5px;max-height:90px;overflow-y:auto;padding:8px 12px}.participant-btn-v2{background:#2e3035;background:var(--cb-surface-2);border:1px solid #ffffff14;border:1px solid var(--cb-border);border-radius:20px;color:#9ea3b0;color:var(--cb-text-2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:4px 10px;position:relative;transition:background .15s,color .15s,border-color .15s}.participant-btn-v2:hover{background:#252629;background:var(--cb-surface);color:#f0f2f5;color:var(--cb-text-1)}.participant-btn-v2.active-v2{background:#00d4ff;background:var(--cb-accent);border-color:#00d4ff;border-color:var(--cb-accent);color:#000;font-weight:600}.chat-badge-personal-v2{align-items:center;background:#ff4d4d;background:var(--cb-red);border:1.5px solid #1c1d21;border:1.5px solid var(--cb-bg);border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;position:absolute;right:-5px;top:-5px}.no-participants-v2{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--cb-border);color:#5c6178;color:var(--cb-text-3);flex-shrink:0;font-size:12px;padding:10px 14px;text-align:center}.chat-messages-v2{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:12px}.chat-messages-v2::-webkit-scrollbar{width:4px}.chat-messages-v2::-webkit-scrollbar-track{background:#0000}.chat-messages-v2::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--cb-border);border-radius:2px}.chat-empty-v2{align-items:center;color:#5c6178;color:var(--cb-text-3);display:flex;flex:1 1;font-size:13px;justify-content:center}.chat-message-v2{align-items:flex-start;animation:msg-in .18s ease;display:flex;flex-direction:row;gap:7px}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message-v2 .message-body-v2{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.chat-message-v2.own-message-v2{flex-direction:row-reverse}.chat-message-v2.own-message-v2 .message-body-v2{align-items:flex-end}.chat-message-v2.msg-selected-v2{background:#00d4ff12;border-radius:6px;border-radius:var(--cb-radius-sm);margin:-3px -4px;outline:1px solid #00d4ff33;padding:3px 4px}.msg-checkbox-v2{margin-top:3px}.message-header-v2{align-items:baseline;display:flex;gap:6px}.message-sender-v2{color:#00d4ff;color:var(--cb-accent);font-size:11px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message-v2.own-message-v2 .message-sender-v2{color:#9ea3b0;color:var(--cb-text-2)}.message-time-v2{color:#5c6178;color:var(--cb-text-3);font-size:10px;white-space:nowrap}.message-content-v2{background:#252629;background:var(--cb-other-bg);border:1px solid #ffffff14;border:1px solid var(--cb-border);border-radius:12px 12px 12px 3px;color:#f0f2f5;color:var(--cb-text-1);display:inline-block;font-size:13px;line-height:1.5;max-width:240px;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.chat-message-v2.own-message-v2 .message-content-v2{background:#00d4ff1f;background:var(--cb-own-bg);border-color:#00d4ff33;border-radius:12px 12px 3px 12px}.sender-banned-tag-v2{color:#ff4d4d;color:var(--cb-red);font-size:10px;opacity:.7}.chat-message-v2.msg-deleted-row-v2{opacity:.55}.msg-deleted-notice-v2{background:#ffffff05;border:1px dashed #ffffff14;border:1px dashed var(--cb-border);border-radius:6px;border-radius:var(--cb-radius-sm);color:#5c6178;color:var(--cb-text-3);font-size:11px;font-style:italic;padding:5px 10px;-webkit-user-select:none;user-select:none}.chat-input-form-v2{background:#252629;background:var(--cb-surface);border-top:1px solid #ffffff14;border-top:1px solid var(--cb-border);display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.chat-input-v2{background:#2e3035;background:var(--cb-surface-2);border:1px solid #ffffff14;border:1px solid var(--cb-border);border-radius:20px;color:#f0f2f5;color:var(--cb-text-1);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:9px 13px;transition:border-color .15s}.chat-input-v2::placeholder{color:#5c6178;color:var(--cb-text-3)}.chat-input-v2:focus{border-color:#00d4ff66}.chat-input-v2:disabled{opacity:.45}.chat-send-btn-v2{background:#00d4ff;background:var(--cb-accent);border:none;border-radius:18px;color:#000;cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;height:36px;padding:0 16px;transition:opacity .15s,transform .1s}.chat-send-btn-v2:hover:not(:disabled){opacity:.88;transform:scale(1.04)}.chat-send-btn-v2:disabled{cursor:not-allowed;opacity:.4}.chat-badge-v2,.chat-toggle-btn-v2{display:none!important}@media (max-width:400px){.message-content-v2{max-width:200px}.chat-input-v2{font-size:12px}}@media (max-width:560px){.chat-header-v2 h3{font-size:13px}.chat-messages-v2{gap:6px;padding:10px}.message-content-v2{font-size:12px}}:root{--pp3-bg:#1c1d21;--pp3-surface:#252629;--pp3-surface-2:#2e3035;--pp3-border:#ffffff14;--pp3-border-hi:#ffffff24;--pp3-accent:#00d4ff;--pp3-red:#ff4d4d;--pp3-green:#2dd36f;--pp3-orange:#f5a623;--pp3-text-1:#f0f2f5;--pp3-text-2:#9ea3b0;--pp3-text-3:#5c6178;--pp3-radius:10px;--pp3-radius-sm:6px}.pp-overlay{align-items:stretch;animation:pp3-fade .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000085;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:9999}@keyframes pp3-fade{0%{opacity:0}to{opacity:1}}.pp-panel{animation:pp3-slide .22s ease;background:#1c1d21;background:var(--pp3-bg);border-left:1px solid #ffffff14;border-left:1px solid var(--pp3-border);color:#f0f2f5;color:var(--pp3-text-1);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;height:100%;max-width:100vw;overflow:hidden;width:340px}@keyframes pp3-slide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.pp-header{background:#252629;background:var(--pp3-surface);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp3-border);flex-shrink:0;justify-content:space-between;padding:14px 16px}.pp-header,.pp-header__left{align-items:center;display:flex}.pp-header__left{gap:8px}.pp-title{color:#f0f2f5;color:var(--pp3-text-1);font-size:14px;font-weight:600;margin:0}.pp-count{background:#00d4ff24;border-radius:20px;color:#00d4ff;color:var(--pp3-accent);font-size:11px;font-weight:700;min-width:22px;padding:2px 8px;text-align:center}.pp-close-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--pp3-radius-sm);color:#5c6178;color:var(--pp3-text-3);cursor:pointer;display:flex;font-size:17px;height:28px;justify-content:center;line-height:1;transition:background .15s,color .15s;width:28px}.pp-close-btn:hover{background:#2e3035;background:var(--pp3-surface-2);color:#f0f2f5;color:var(--pp3-text-1)}.pp-search-wrap{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp3-border);flex-shrink:0;padding:10px 14px;position:relative}.pp-search{background:#2e3035;background:var(--pp3-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp3-border);border-radius:20px;color:#f0f2f5;color:var(--pp3-text-1);font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:7px 32px 7px 13px;transition:border-color .15s;width:100%}.pp-search::placeholder{color:#5c6178;color:var(--pp3-text-3)}.pp-search:focus{border-color:#00d4ff66}.pp-search-clear{background:none;border:none;color:#5c6178;color:var(--pp3-text-3);cursor:pointer;font-size:13px;padding:2px 4px;position:absolute;right:22px;top:50%;transform:translateY(-50%);transition:color .12s}.pp-search-clear:hover{color:#f0f2f5;color:var(--pp3-text-1)}.pp-bulk{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp3-border);display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 14px}.pp-bulk-btn{background:#2e3035;background:var(--pp3-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp3-border);border-radius:6px;border-radius:var(--pp3-radius-sm);color:#9ea3b0;color:var(--pp3-text-2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;height:36px;transition:background .15s,color .15s,border-color .15s;width:100%}.pp-bulk-btn:hover{background:#252629;background:var(--pp3-surface);color:#f0f2f5;color:var(--pp3-text-1)}.pp-bulk-btn--active{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d;color:var(--pp3-red)}.pp-mic-slots{background:#00d4ff12;border:1px solid #00d4ff33;border-radius:6px;border-radius:var(--pp3-radius-sm);color:#96dcffd9;font-size:11px;margin:8px 14px 0;padding:6px 11px;text-align:center}.pp-mic-slots--full{background:#ff5a5a14;border-color:#ff5a5a47;color:#ffb3b3}.pp-notice{border-radius:6px;border-radius:var(--pp3-radius-sm);font-size:11px;margin:6px 14px 0;padding:7px 11px}.pp-notice--warn{background:#f5a6231a;border:1px solid #f5a62340;color:#f5a623;color:var(--pp3-orange)}.pp-raised-section{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp3-border);flex-shrink:0;padding:8px 14px}.pp-section-label{color:#f5a623;color:var(--pp3-orange);font-size:10px;font-weight:700;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.pp-raised-list{display:flex;flex-direction:column;gap:5px;max-height:160px;overflow-y:auto}.pp-raised-row{align-items:center;background:#2e3035;background:var(--pp3-surface-2);border-radius:6px;border-radius:var(--pp3-radius-sm);display:flex;justify-content:space-between;padding:6px 10px}.pp-raised-name{color:#9ea3b0;color:var(--pp3-text-2);cursor:pointer;flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .12s;white-space:nowrap}.pp-raised-name:hover{color:#f0f2f5;color:var(--pp3-text-1)}.pp-lower-btn{background:#00d4ff1f;border:1px solid #00d4ff40;border-radius:6px;border-radius:var(--pp3-radius-sm);color:#00d4ff;color:var(--pp3-accent);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;padding:3px 9px;transition:background .15s;white-space:nowrap}.pp-lower-btn:hover{background:#00d4ff38}.pp-list{flex:1 1;overflow-y:auto;padding:4px 0}.pp-list::-webkit-scrollbar{width:3px}.pp-list::-webkit-scrollbar-track{background:#0000}.pp-list::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--pp3-border);border-radius:2px}.pp-empty{color:#5c6178;color:var(--pp3-text-3);font-size:13px;padding:32px 20px;text-align:center}.pp-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp3-border);padding:10px 14px;transition:background .12s}.pp-row:last-child{border-bottom:none}.pp-row:hover{background:#ffffff05}.pp-row--highlight{animation:pp3-highlight 1.8s ease forwards}@keyframes pp3-highlight{0%{background:#00d4ff24}to{background:#0000}}.pp-row__top{gap:10px;margin-bottom:8px}.pp-avatar,.pp-row__top{align-items:center;display:flex}.pp-avatar{background:#2e3035;background:var(--pp3-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp3-border);border-radius:50%;color:#00d4ff;color:var(--pp3-accent);flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;text-transform:uppercase;width:32px}.pp-row__meta{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.pp-row__name-line{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pp-row__name{color:#f0f2f5;color:var(--pp3-text-1);font-size:13px;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-role-badge{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.03em;padding:1px 7px}.pp-role--host{background:#00d4ff26;color:#00d4ff;color:var(--pp3-accent)}.pp-role--cohost{background:#2dd36f26;color:#2dd36f;color:var(--pp3-green)}.pp-role--viewer{background:#2e3035;background:var(--pp3-surface-2);color:#5c6178;color:var(--pp3-text-3)}.pp-row__status{align-items:center;display:flex;gap:5px}.pp-status-icon{font-size:13px;line-height:1}.pp-status-icon--ban{color:#ff4d4d;color:var(--pp3-red)}.pp-controls{display:flex;flex-wrap:wrap;gap:5px}.pp-ctrl-group{align-items:center;display:flex;gap:4px}.pp-ctrl-btn{background:#2e3035;background:var(--pp3-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp3-border);border-radius:6px;border-radius:var(--pp3-radius-sm);color:#9ea3b0;color:var(--pp3-text-2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;min-height:26px;padding:4px 10px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.pp-ctrl-btn:hover{background:#252629;background:var(--pp3-surface);color:#f0f2f5;color:var(--pp3-text-1)}.pp-ctrl-btn--active{background:#00d4ff1f;border-color:#00d4ff4d;color:#00d4ff;color:var(--pp3-accent)}.pp-ctrl-btn--cohost{background:#2dd36f1a;border-color:#2dd36f4d;color:#2dd36f;color:var(--pp3-green)}.pp-ctrl-btn--cohost:hover{background:#2dd36f2e}.pp-ctrl-btn--green{background:#2dd36f1a;border-color:#2dd36f4d;color:#2dd36f;color:var(--pp3-green)}.pp-ctrl-btn--green:hover{background:#2dd36f33}.pp-ctrl-btn--warn{background:#f5a6231a;border-color:#f5a6234d;color:#f5a623;color:var(--pp3-orange)}.pp-ctrl-btn--warn:hover{background:#f5a62333}.pp-ctrl-btn--ban{background:#f5a62314;border-color:#f5a62340;color:#f5a623;color:var(--pp3-orange)}.pp-ctrl-btn--ban:hover{background:#f5a6232e}.pp-ctrl-btn--danger{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d;color:var(--pp3-red)}.pp-ctrl-btn--danger:hover{background:#ff4d4d33}.pp-ctrl-btn--disabled{cursor:not-allowed;opacity:.38;pointer-events:none}.pp-kick-confirm{align-items:center;animation:kick-in .15s ease;background:#ff4d4d12;border:1px solid #ff4d4d38;border-radius:6px;border-radius:var(--pp3-radius-sm);display:flex;gap:5px;padding:3px 8px}@keyframes kick-in{0%{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.pp-kick-label{color:#ff4d4d;color:var(--pp3-red);font-size:10px;font-weight:600;white-space:nowrap}.pp-viewer-hint{color:#5c6178;color:var(--pp3-text-3);font-size:11px;font-style:italic}@media (max-width:400px){.pp-panel{border-left:none;width:100vw}.pp-ctrl-btn{font-size:10px;padding:3px 7px}}@media (max-width:560px){.pp-panel{border-left:none;width:100vw}}@media (min-width:561px) and (max-width:900px){.pp-panel{width:min(340px,90vw)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--jp-bg:#111214;--jp-surface:#1c1d21;--jp-surface-2:#252629;--jp-surface-3:#2e3035;--jp-border:#ffffff14;--jp-border-hi:#ffffff24;--jp-accent:#00d4ff;--jp-accent-dim:#00d4ff1f;--jp-red:#ff4d4d;--jp-orange:#f5a623;--jp-text-1:#f0f2f5;--jp-text-2:#9ea3b0;--jp-text-3:#5c6178;--jp-radius:14px;--jp-radius-sm:10px}.jp-page{align-items:center;background:#111214;background:var(--jp-bg);color:#f0f2f5;color:var(--jp-text-1);display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:24px 16px;position:relative}.jp-bg-glow{background:radial-gradient(ellipse 70% 50% at 50% -5%,#00d4ff12 0,#0000 70%),radial-gradient(ellipse 50% 40% at 90% 110%,#00b4dc0d 0,#0000 60%);inset:0;pointer-events:none;position:absolute}.jp-card{background:#1c1d21;background:var(--jp-surface);border:1px solid #ffffff24;border:1px solid var(--jp-border-hi);border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 64px #0000008c;gap:20px;max-width:420px;padding:32px 28px 28px;position:relative;width:100%;z-index:1}.jp-brand,.jp-card{display:flex;flex-direction:column}.jp-brand{align-items:center;gap:6px;text-align:center}.jp-brand-icon{font-size:28px;line-height:1;margin-bottom:2px}.jp-logo{color:#f0f2f5;color:var(--jp-text-1);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1}.jp-tagline{color:#5c6178;color:var(--jp-text-3);font-size:13px;font-weight:400;margin:0}.jp-loading{align-items:center;color:#9ea3b0;color:var(--jp-text-2);display:flex;flex-direction:column;font-size:13px;gap:12px;padding:16px 0}.jp-spinner{animation:jp-spin .75s linear infinite;border:2.5px solid #ffffff24;border-top-color:#00d4ff;border:2.5px solid var(--jp-border-hi);border-radius:50%;border-top-color:var(--jp-accent);height:32px;width:32px}@keyframes jp-spin{to{transform:rotate(1turn)}}.jp-fatal{align-items:center;display:flex;flex-direction:column;gap:12px;padding:8px 0;text-align:center}.jp-fatal-icon{display:block;font-size:2.2rem;line-height:1}.jp-fatal p{color:#9ea3b0;color:var(--jp-text-2);font-size:14px;line-height:1.5;margin:0;max-width:300px}.jp-meta{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--jp-border);border-radius:10px;border-radius:var(--jp-radius-sm);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.jp-meta__left{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.jp-meta__label{color:#00d4ff;color:var(--jp-accent);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.jp-meta__value{color:#f0f2f5;color:var(--jp-text-1);font-size:13px;font-weight:500;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jp-meta__value--muted{color:#5c6178;color:var(--jp-text-3);font-weight:400}.jp-meta__participants{color:#5c6178;color:var(--jp-text-3);font-size:11px;margin-top:2px}.jp-badge{align-self:flex-start;border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.jp-badge--public{background:#00d4ff1a;border:1px solid #00d4ff33;color:#00d4ff;color:var(--jp-accent)}.jp-badge--private{background:#f5a6231a;border:1px solid #f5a62333;color:#f5a623;color:var(--jp-orange)}.jp-form{gap:14px}.jp-field,.jp-form{display:flex;flex-direction:column}.jp-field{gap:6px}.jp-label{align-items:baseline;color:#9ea3b0;color:var(--jp-text-2);display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:5px}.jp-req{color:#ff4d4d;color:var(--jp-red);font-size:13px;line-height:1}.jp-optional{color:#5c6178;color:var(--jp-text-3);font-size:11px;font-weight:400}.jp-prefilled{background:#2dd36f1a;border-radius:10px;color:#2dd36f;font-size:10px;font-weight:500;padding:1px 7px}.jp-input{-webkit-appearance:none;background:#252629;background:var(--jp-surface-2);border:1px solid #ffffff14;border:1px solid var(--jp-border);border-radius:10px;border-radius:var(--jp-radius-sm);color:#f0f2f5;color:var(--jp-text-1);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.jp-input::placeholder{color:#5c6178;color:var(--jp-text-3)}.jp-input:focus{background:#2e3035;background:var(--jp-surface-3);border-color:#00d4ff73;box-shadow:0 0 0 3px #00d4ff1a}.jp-input--private{border-color:#f5a6234d}.jp-input--private:focus{border-color:#f5a62399;box-shadow:0 0 0 3px #f5a6231a}.jp-error{background:#ff4d4d14;border:1px solid #ff4d4d40;border-radius:10px;border-radius:var(--jp-radius-sm);color:#ff4d4d;color:var(--jp-red);font-size:13px;line-height:1.4;padding:10px 13px}.jp-btn{-webkit-appearance:none;border:none;border-radius:10px;border-radius:var(--jp-radius-sm);cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;padding:13px 16px;text-align:center;transition:opacity .15s,transform .15s,box-shadow .15s;width:100%}.jp-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.jp-btn:not(:disabled):hover{transform:translateY(-1px)}.jp-btn:not(:disabled):active{transform:translateY(0)}.jp-btn--primary{background:#00d4ff;background:var(--jp-accent);box-shadow:0 4px 18px #00d4ff40;color:#000}.jp-btn--primary:not(:disabled):hover{box-shadow:0 6px 24px #00d4ff61;opacity:.9}.jp-btn--secondary{background:#252629;background:var(--jp-surface-2);border:1px solid #ffffff24;border:1px solid var(--jp-border-hi);color:#9ea3b0;color:var(--jp-text-2)}.jp-btn--secondary:not(:disabled):hover{background:#2e3035;background:var(--jp-surface-3);color:#f0f2f5;color:var(--jp-text-1)}.jp-btn--ghost{background:#0000;color:#5c6178;color:var(--jp-text-3);font-size:13px;font-weight:500;opacity:.75;padding:8px}.jp-btn--ghost:not(:disabled):hover{color:#9ea3b0;color:var(--jp-text-2);opacity:1;transform:none}@media (max-width:480px){.jp-card{border-radius:16px;gap:16px;padding:26px 18px 22px}.jp-logo{font-size:22px}.jp-brand-icon{font-size:24px}.jp-meta{flex-direction:column;gap:8px}.jp-meta__value{max-width:100%}.jp-input{font-size:16px}.jp-btn{padding:14px 16px}}@media (max-width:899px){.jp-page{padding-bottom:84px}}@media (max-height:600px) and (orientation:landscape){.jp-card{gap:12px;padding:20px 24px}.jp-brand{gap:3px}.jp-brand-icon{display:none}.jp-form{gap:10px}}.App{min-height:100vh;width:100%}
/*# sourceMappingURL=main.b45cdc1f.css.map*/