@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);*{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-x: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:1001}.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:1002}.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}:root{--room-bg:#111214;--surface-1:#1c1d21;--surface-2:#252629;--surface-3:#2e3035;--border:#ffffff14;--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);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;inset:0;overflow:hidden;position:fixed}.room-agenda-bar{align-items:center;background:#00d4ff0f;border-bottom:1px solid #00d4ff26;color:#9ea3b0;color:var(--text-2);display:flex;flex-shrink:0;font-size:13px;gap:8px;height:36px;height:var(--agenda-h);padding:0 20px}.agenda-label{color:#00d4ff;color:var(--accent);font-weight:600}.connecting-overlay{align-items:center;background:#111214;background:var(--room-bg);display:flex;flex-direction:column;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 .3s ease;background:#252629;background:var(--surface-2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);font-size:14px;left:50%;padding:12px 20px;position:fixed;top:24px;transform:translateX(-50%);white-space:nowrap;z-index:9999}.snack--error{border-color:#ff4d4d;border-color:var(--accent-red);color:#ff4d4d;color:var(--accent-red)}@keyframes fadeSlide{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.preview-modal{background:#1c1d21;background:var(--surface-1);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:0;max-width:95vw;overflow:hidden;width:540px}.preview-name{background:#252629;background:var(--surface-2);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#9ea3b0;color:var(--text-2);font-size:15px;font-weight:600;padding:16px 20px 12px;text-align:center}.preview-video-wrap{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.preview-video{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:64px;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-size:22px;gap:4px;padding:10px 16px;transition:background .15s}.preview-ctrl-btn:hover{background:#ffffff26}.preview-ctrl-btn.off{background:#ff4d4d80}.ctrl-label{font-family:DM Sans,sans-serif;font-size:11px}.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;outline:none;padding:8px 10px}.device-select:focus{border-color:#00d4ff;border-color:var(--accent)}.preview-footer{align-items:center;background:#1c1d21;background:var(--surface-1);border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;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:600;padding:10px 28px;transition:background .15s}.preview-join-btn:hover{background:#1557cc}.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}.camera-gallery--full .gallery-scroll::-webkit-scrollbar{width:4px}.camera-gallery--strip .gallery-scroll::-webkit-scrollbar{height: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:first-child:last-child{max-width:900px;width:100%}.camera-gallery--full .video-tile{width:calc(33.33% - 8px)}}.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}.empty-gallery,.focus-view{align-items:center;display:flex;justify-content:center}.focus-view{background:#000;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}.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:200}.floating-reaction--left{left:24px}.floating-reaction--right{right:24px}.floating-emoji{font-size:36px}.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)}}.emoji-picker{background:#252629;background:var(--surface-2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;bottom:88px;bottom:calc(var(--toolbar-h) + 16px);box-shadow:0 8px 32px #0009;display:flex;gap:8px;left:50%;padding:12px;position:fixed;transform:translateX(-50%);z-index:300}.emoji-pick-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:26px;padding:6px;transition:background .15s,transform .1s}.emoji-pick-btn:hover{background:#2e3035;background:var(--surface-3);transform:scale(1.2)}.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)}.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:#1f2023;border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;height:72px;height:var(--toolbar-h);justify-content:space-between;padding:0 20px;position:relative;z-index:30}.bottom-bar__left{min-width:180px}.meeting-name{color:#5c6178;color:var(--text-3);font-size:13px;font-weight:500}.bottom-bar__center{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:center}.bottom-bar__right{display:flex;justify-content:flex-end;min-width:100px}.toolbar-btn-group{align-items:stretch;border-radius:6px;border-radius:var(--radius-sm);display:flex;overflow:hidden;position:relative}.toolbar-arrow{align-items:center;background:none;border:none;border-left:1px solid #ffffff14;border-left:1px solid var(--border);color:#9ea3b0;color:var(--text-2);cursor:pointer;display:flex;font-size:8px;justify-content:center;padding:0 4px;width:20px}.toolbar-arrow:hover{background:#2e3035;background:var(--surface-3)}.toolbar-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#f0f2f5;color:var(--text-1);cursor:pointer;display:flex;flex-direction:column;gap:3px;justify-content:center;min-width:52px;padding:8px 12px;position:relative;transition:background .15s}.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;color:#00d4ff;color:var(--accent)}.toolbar-btn--host{color:#ffd166}.tb-icon{font-size:20px;line-height:1}.tb-label{align-items:center;display:flex;font-size:11px;font-weight:500;gap:4px;white-space:nowrap}.tb-count{background:#2e3035;background:var(--surface-3);font-size:10px;padding:1px 5px}.tb-badge,.tb-count{border-radius:100px;font-weight:700}.tb-badge{background:#ff4d4d;background:var(--accent-red);color:#fff;font-size:9px;min-width:14px;padding:1px 4px;position:absolute;right:4px;text-align:center;top:4px}.toolbar-divider{background:#ffffff14;background:var(--border);height:36px;margin:0 4px;width:1px}.toolbar-btn--end{background:#ff4d4d;background:var(--accent-red);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-weight:600;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;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:500}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}.pp-panel{animation:pp-slide-in .2s ease;background:#1c1d21;background:var(--pp-bg);border-left:1px solid #ffffff14;border-left:1px solid var(--pp-border);color:#f0f2f5;color:var(--pp-text-1);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;height:100%;max-width:100vw;overflow:hidden;width:340px}@keyframes pp-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.pp-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp-border);flex-shrink:0;justify-content:space-between;padding:16px 16px 14px}.pp-header,.pp-title{align-items:center;display:flex;gap:8px}.pp-title{color:#f0f2f5;color:var(--pp-text-1);font-size:15px;font-weight:600}.pp-count{background:#00d4ff26;border-radius:20px;color:#00d4ff;color:var(--pp-accent);display:inline-block;font-size:11px;font-weight:700;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 #ffffff14;border-bottom:1px solid var(--pp-border);display:flex;flex-shrink:0;gap:6px;padding:10px 14px}.pp-search{background:#2e3035;background:var(--pp-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp-border);border-radius:20px;color:#f0f2f5;color:var(--pp-text-1);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:7px 14px;transition:border-color .15s}.pp-search::placeholder{color:#5c6178;color:var(--pp-text-3)}.pp-search:focus{border-color:#00d4ff;border-color:var(--pp-accent)}.pp-search-clear{background:none;border:none;border-radius:4px;color:#5c6178;color:var(--pp-text-3);cursor:pointer;font-size:14px;padding:2px 4px;transition:color .12s}.pp-search-clear:hover{color:#f0f2f5;color:var(--pp-text-1)}.pp-bulk{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp-border);display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 14px}.pp-bulk-btn{background:#2e3035;background:var(--pp-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp-border);border-radius:6px;border-radius:var(--pp-radius-sm);color:#9ea3b0;color:var(--pp-text-2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:8px 0;transition:background .15s,color .15s,border-color .15s;width:100%}.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:#f5a623;color:var(--pp-orange);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.pp-hand-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.pp-hand-name{align-items:center;cursor:default;display:flex;flex:1 1;font-size:12px;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis}.pp-hand-name,.pp-lower-btn{color:#9ea3b0;color:var(--pp-text-2);white-space:nowrap}.pp-lower-btn{background:#2e3035;background:var(--pp-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp-border);border-radius:6px;border-radius:var(--pp-radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;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{flex:1 1;overflow-y:auto;padding:4px 0}.pp-list::-webkit-scrollbar{width:4px}.pp-list::-webkit-scrollbar-track{background:#0000}.pp-list::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--pp-border);border-radius:2px}.pp-empty{align-items:center;color:#5c6178;color:var(--pp-text-3);display:flex;flex-direction:column;font-size:13px;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.pp-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--pp-border);padding:10px 14px;transition:background .12s}.pp-row:last-child{border-bottom:none}.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:#f0f2f5;color:var(--pp-text-1);font-size:13px;font-weight:500;max-width:130px;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:.04em;padding:1px 7px;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{align-items:center;display:flex;flex-shrink:0;font-size:14px;gap:6px}.pp-row__controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pp-ctrl-group{display:flex;gap:4px}.pp-ctrl-btn{background:#2e3035;background:var(--pp-surface-2);border:1px solid #ffffff14;border:1px solid var(--pp-border);border-radius:6px;border-radius:var(--pp-radius-sm);color:#9ea3b0;color:var(--pp-text-2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:4px 10px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.pp-ctrl-btn:hover{background:#252629;background:var(--pp-surface);color:#f0f2f5;color:var(--pp-text-1)}.pp-ctrl-btn--active{background:#00d4ff26;border-color:#00d4ff66;color:#00d4ff;color:var(--pp-accent)}.pp-ctrl-btn--cohost{background:#2dd36f1a;border-color:#2dd36f4d;color:#2dd36f;color:var(--pp-green)}.pp-ctrl-btn--cohost:hover{background:#2dd36f33}.pp-ctrl-btn--warn{background:#f5a6231a;border-color:#f5a6234d;color:#f5a623;color:var(--pp-orange)}.pp-ctrl-btn--warn:hover{background:#f5a62333}.pp-ctrl-btn--green{background:#2dd36f1a;border-color:#2dd36f4d;color:#2dd36f;color:var(--pp-green)}.pp-ctrl-btn--green:hover{background:#2dd36f33}.pp-ctrl-btn--danger{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d;color:var(--pp-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;background:#ff4d4d14;border:1px solid #ff4d4d40;border-radius:6px;border-radius:var(--pp-radius-sm);display:flex;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:#00d4ff;--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}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.home-wrap{background:#0e0f13;background:var(--home-bg);display:flex;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{align-items:center;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%);display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif;justify-content:center;min-height:100vh;padding:24px 16px}.jp-card{background:#12122a;border:1px solid #6c63ff33;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 64px #0009;max-width:440px;padding:40px 36px 32px;width:100%}.jp-brand{margin-bottom:28px;text-align:center}.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;margin:0}.jp-loading{color:#8892b0;padding:20px 0;text-align:center}.jp-spinner{animation:jp-spin .75s linear infinite;border:3px solid #6c63ff33;border-radius:50%;border-top-color:#6c63ff;height:36px;margin:0 auto 14px;width:36px}@keyframes jp-spin{to{transform:rotate(1turn)}}.jp-fatal{color:#fc8181;padding:10px 0 20px;text-align:center}.jp-fatal-icon{display:block;font-size:2.4rem;margin-bottom:12px}.jp-fatal p{color:#fca5a5;font-size:.95rem;margin:0 0 24px}.jp-meta{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;justify-content:space-between;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{border-radius:20px;flex-shrink:0;font-size:.75rem;font-weight:600;padding:4px 10px;white-space:nowrap}.jp-badge--public{background:#63b3ed1f;border:1px solid #63b3ed40;color:#63b3ed}.jp-badge--private{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f6ad55}.jp-form{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.jp-label{color:#8892b0;display:block;font-size:.78rem;font-weight:600;margin-bottom:2px;margin-top:12px}.jp-req{color:#fc8181;margin-left:2px}.jp-optional{color:#6b7280;font-weight:400;margin-left:4px}.jp-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#e2e8f0;font-size:.9rem;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.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{border:none;border-radius:10px;cursor:pointer;display:block;font-size:.93rem;font-weight:600;letter-spacing:.01em;padding:12px;transition:transform .15s,opacity .15s,box-shadow .15s;width:100%}.jp-btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.jp-btn:not(:disabled):hover{transform:translateY(-1px)}.jp-btn:not(:disabled):active{transform:translateY(0)}.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}}.App{min-height:100vh;width:100%}
/*# sourceMappingURL=main.21ff8018.css.map*/