html{font-size:20px}:root{--ink: #1B1F27;--sage: #2F6F5E;--sage-dark: #1E4A3E;--paper: #F6F5F1;--line: #E4E2DA;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.55}#app{max-width:560px;margin:40px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:16px}h1{font-size:1.25rem;margin:0 0 6px;line-height:1.3}p.sub{color:#5c6270;font-size:.8125rem;margin:0 0 22px}label{display:block;font-size:.75rem;font-weight:600;margin:14px 0 7px;color:#5c6270}input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-size:.875rem;box-sizing:border-box}button{width:100%;margin-top:18px;padding:12px;border:none;border-radius:8px;background:var(--sage);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer}button:hover{background:var(--sage-dark)}button.secondary{background:var(--ink)}.error{color:#b4483f;font-size:.7812rem;margin-top:10px}.info-msg{color:var(--sage-dark);background:#e4f0ec;font-size:.7812rem;padding:8px 10px;border-radius:8px;margin-top:10px}.hint-text{color:#5c6270;font-size:.75rem;margin:8px 0 0;line-height:1.6}.password-hint{margin-top:6px}.password-field{position:relative}.password-field input{padding-right:42px}.password-toggle-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;margin:0;padding:0;border-radius:6px;background:none;color:#9aa3b5;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{background:var(--paper);color:var(--ink)}.row{display:flex;gap:10px}.row>*{flex:1}.link-btn{background:none;color:var(--sage);text-decoration:underline;width:auto;padding:0;margin:8px 0 0;display:block}audio{display:none}.meeting-code{font-family:monospace;background:var(--paper);padding:4px 8px;border-radius:6px}.sso-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#9aa3b5;font-size:.6875rem}.sso-divider:before,.sso-divider:after{content:"";flex:1;height:1px;background:var(--line)}.admin-wrap{position:fixed;top:30px;right:30px;bottom:30px;left:30px;max-width:960px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;overflow-y:auto;z-index:40}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.admin-header h1{margin:0}.admin-filters{display:flex;align-items:center;gap:8px;margin:14px 0 16px;flex-wrap:wrap}.admin-filter-btn{width:auto;margin:0;padding:6px 14px;font-size:.7812rem;background:var(--paper);color:var(--ink);border:1px solid var(--line)}.admin-filter-btn.active{background:var(--sage);color:#fff;border-color:var(--sage)}.admin-list-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:.7812rem;color:#5c6270;margin-bottom:10px}.page-size-select-label{display:flex;align-items:center;gap:6px}.page-size-select-label select{padding:4px 8px;border-radius:6px;border:1px solid var(--line);font-size:.7812rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pagination-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-size:.7812rem;color:#5c6270}.pagination-row button{width:auto;margin:0;padding:6px 14px;font-size:.7812rem}.pagination-row button:disabled{opacity:.4;cursor:not-allowed}.admin-user-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.admin-user-card{border:1px solid var(--line);border-radius:10px;padding:14px}.admin-user-top strong{font-size:.875rem}.admin-user-username{color:#5c6270;font-size:.75rem;margin-left:6px}.tag{display:inline-block;font-size:.6562rem;padding:2px 8px;border-radius:20px;background:var(--paper);color:#5c6270;margin-left:6px;vertical-align:middle}.tag-pending{background:#fbf0dc;color:#8a6a1f}.tag-approved{background:#e4f0ec;color:var(--sage-dark)}.tag-rejected,.tag-locked{background:#f5e2e0;color:#b4483f}.tag-deleted{background:#e4e2da;color:#5c6270}.tag-admin{background:var(--ink);color:#fff}.admin-user-meta{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0;font-size:.7188rem;color:#5c6270}.unlock-code-hint{color:var(--sage);text-decoration:underline;cursor:pointer}.admin-user-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-user-actions button{width:auto;margin:0;padding:6px 12px;font-size:.75rem}.admin-user-actions button.danger-text{background:#b4483f;color:#fff}.admin-tabs{display:flex;gap:8px;margin:14px 0 4px;border-bottom:1px solid var(--line)}.admin-tab-btn{width:auto;margin:0;padding:8px 4px;font-size:.8125rem;background:none;color:#5c6270;border-radius:0;border-bottom:2px solid transparent}.admin-tab-btn.active{color:var(--sage-dark);border-bottom-color:var(--sage);font-weight:600}.admin-tab-btn:hover{background:none;color:var(--sage-dark)}.admin-meeting-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.admin-meeting-card{border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer}.admin-meeting-card:hover{border-color:var(--sage)}.admin-session-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.admin-session-row{border:1px solid var(--line);border-radius:10px;padding:14px}.admin-session-top strong{font-size:.875rem}.my-meeting-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.my-meeting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.admin-meeting-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.admin-participant-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.admin-participant-row{display:flex;flex-wrap:wrap;gap:14px;font-size:.7812rem;color:#333;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-1);margin:8px 0;cursor:pointer}.checkbox-row input{width:15px;height:15px;cursor:pointer;flex-shrink:0}.checkbox-row.disabled{color:#9aa3b5;cursor:not-allowed}.checkbox-row.disabled input{cursor:not-allowed}.waiting-spinner{width:34px;height:34px;margin:20px auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--sage);animation:waiting-spin .9s linear infinite}@keyframes waiting-spin{to{transform:rotate(360deg)}}.room-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14171f;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.room-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #2a2f3a;flex-shrink:0}.room-header h1{font-size:1rem;margin:0 0 4px;color:#fff}.room-header .meeting-code{background:#232833;color:#cfd3da}.meeting-code-row{display:inline-flex;align-items:center;gap:6px}.copy-code-btn{width:22px;height:22px;margin:0;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#232833;color:#cfd3da;border-radius:6px}.copy-code-btn:hover{background:#2a2f3a}.room-header-actions button{width:auto;margin:0;padding:8px 14px}.watching-label{display:none;position:absolute;top:14px;left:14px;z-index:5;background:#0000008c;color:#fff;font-size:.7812rem;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-body{flex:1;display:flex;overflow:hidden;min-height:0;min-width:0}.room-stage{flex:1;min-width:0;min-height:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#000;padding:16px}#screenSink{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.room-stage video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:8px}.no-share-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.875rem;pointer-events:none}.stage-fullscreen-btn{position:absolute;right:14px;top:14px;z-index:5;width:auto;margin:0;padding:7px 14px;font-size:.75rem;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stage-fullscreen-btn:hover{background:#ffffff3d}.room-stage:fullscreen{padding:24px}.room-sidebar{width:300px;flex-shrink:0;background:#1b1f27;border-left:1px solid #2a2f3a;display:flex;flex-direction:column;overflow:hidden}.local-screen-thumb-wrap{display:none;padding:14px 18px 4px}.local-screen-thumb-wrap.active{display:block}.local-screen-thumb-wrap .thumb-label{font-size:.6875rem;color:#9aa3b5;margin-bottom:6px}.local-screen-thumb-wrap video{width:100%;border-radius:8px;background:#000;display:block}.share-mode-bar{margin:4px 18px 10px;padding:10px 12px;border-radius:10px;background:#232833;border:1px solid #2a2f3a}.share-mode-label{font-size:.75rem;color:#cfd3da;margin-bottom:8px;line-height:1.5}.share-mode-actions{display:flex;flex-wrap:wrap;gap:6px}.share-mode-actions button{width:auto;margin:0;padding:5px 10px;font-size:.6875rem;background:#2a2f3a;color:#cfd3da;border-radius:6px}.share-mode-actions button:hover{background:#3a4150}.share-mode-actions button.active{background:var(--sage);color:#fff}.share-mode-actions button.danger{background:#4a2323;color:#ffb4ab}.share-mode-actions button.danger:hover{background:#6b2f2a}.waiting-room-section{padding:4px 18px 6px}.waiting-room-list{display:flex;flex-direction:column;gap:6px}.waiting-room-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#232833;border-radius:8px;font-size:.7812rem;color:#cfd3da}.waiting-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-info-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.meeting-info-rows div{display:flex;justify-content:space-between;gap:12px;font-size:.8125rem}.meeting-info-rows span{color:#9aa3b5}.meeting-info-rows strong{color:#fff;font-weight:500;text-align:right}.room-sidebar-title{padding:16px 18px 8px;font-size:.7188rem;font-weight:600;color:#9aa3b5;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.participant-list{flex:1;overflow-y:auto;padding:0 10px 10px;display:flex;flex-direction:column;gap:3px}.participant-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;flex-wrap:wrap}.participant-row:hover{background:#232833}.participant-avatar{width:30px;height:30px;border-radius:50%;background:#4a5468;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.participant-name{flex:1;font-size:.8125rem;min-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-mic-icon{font-size:.8125rem;flex-shrink:0}.participant-actions{display:flex;gap:4px;flex-shrink:0}.icon-action-btn{width:26px;height:26px;margin:0;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#2a2f3a;color:#cfd3da;border-radius:6px}.icon-action-btn:hover{background:#3a4150}.icon-action-btn.danger{background:#4a2323;color:#ffb4ab}.icon-action-btn.danger:hover{background:#6b2f2a}.room-controls{display:flex;justify-content:center;gap:10px;padding:14px;border-top:1px solid #2a2f3a;flex-shrink:0}.room-controls button{width:auto;margin:0;padding:10px 20px}.room-controls button:disabled{background:#2a2f3a;color:#6b7280;cursor:not-allowed}#roomError{text-align:center;padding:0 0 10px}.leave-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center}.leave-dialog-card{width:340px;background:#1b1f27;color:#fff;border:1px solid #2a2f3a;border-radius:12px;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.leave-dialog-card h3{margin:0 0 8px;font-size:.9375rem}.leave-dialog-card p{margin:0 0 14px;font-size:.7812rem;color:#9aa3b5;line-height:1.6}.leave-dialog-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin-bottom:14px}.leave-dialog-option{padding:10px 12px;border-radius:8px;background:#232833;cursor:pointer;font-size:.8125rem}.leave-dialog-option:hover{background:#2a2f3a}.leave-dialog-actions{display:flex;gap:8px}.leave-dialog-actions button{width:auto;flex:1;margin:0}.leave-dialog-card label{display:block;font-size:.7188rem;font-weight:600;color:#9aa3b5;margin:12px 0 6px;text-transform:none}.leave-dialog-card input{background:#232833;border:1px solid #2a2f3a;color:#fff}.leave-dialog-card input::placeholder{color:#6b7280}.save-row{margin-top:6px}.acct-card{width:360px;max-height:85vh;overflow-y:auto}.acct-hint{font-weight:400;text-transform:none;color:#6b7280;margin-left:4px}.font-size-control{position:fixed;top:12px;right:12px;z-index:150;display:flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px;box-shadow:0 2px 8px #1b1f271a}.font-size-control button{width:auto;margin:0;padding:5px 9px;border-radius:6px;background:none;color:var(--ink);font-weight:600;font-size:.75rem;line-height:1}.font-size-control button:hover{background:var(--paper)}.font-size-control button.active{background:var(--sage);color:#fff}