.loading-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);min-height:60vh}.loading-view__message{text-align:center}.error-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);min-height:60vh}.error-view__alert{max-width:480px;width:100%}.error-view__actions{flex-wrap:wrap;justify-content:center}.name-form-view{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);width:100%;max-width:420px;margin:0 auto;min-height:60vh}.name-form-view__header{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.name-form-view__title{margin:0}.name-form-view__field{margin-top:var(--space-2)}.name-form-view__submit{align-self:stretch}@media (min-width: 768px){.name-form-view{padding:var(--space-8) var(--space-5)}}.pre-join-view{flex:1;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);width:100%;max-width:560px;margin:0 auto}.pre-join-view--message{align-items:center;justify-content:center;min-height:60vh}.pre-join-view__alert{max-width:480px;width:100%}.pre-join-view__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.pre-join-view__preview{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9}.pre-join-view__video{width:100%;height:100%;object-fit:cover;background:#000}.pre-join-view__device-toggles{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);background:#0000008c;border-radius:999px;padding:var(--space-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pre-join-view__selects{margin-top:var(--space-1)}.pre-join-view__noise-filter{display:flex;flex-direction:column;gap:0}.pre-join-view__noise-filter-hint{margin-left:var(--space-4);margin-top:-4px}.pre-join-view__submit{align-self:stretch}@media (min-width: 768px){.pre-join-view{padding:var(--space-6) var(--space-5)}}.participant-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none}.video-tile{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9;border:2px solid transparent;transition:box-shadow .12s ease,border-color .12s ease}.video-tile--active{border-color:var(--color-accent);box-shadow:0 0 0 2px #4f8cff73}.video-tile__video{width:100%;height:100%;object-fit:cover;background:#000}.video-tile--camera-off .video-tile__video{display:none}.video-tile__camera-off-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface)}.video-tile__avatar{display:flex;align-items:center;justify-content:center;width:clamp(64px,18%,140px);aspect-ratio:1 / 1;border-radius:50%;font-size:clamp(20px,4vw,40px);font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}.video-tile__overlay{position:absolute;bottom:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-1);z-index:1}.video-tile__name{background:#0009;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill);font-weight:500}.video-tile__mute{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;border-radius:50%;background:#e5484deb;color:#fff;display:flex;align-items:center;justify-content:center}.video-tile__fullscreen.video-tile__fullscreen{position:absolute;top:var(--space-3);right:var(--space-3);background:#141414d9;color:#fff;width:40px;height:40px;border-radius:var(--radius-md);z-index:5}.video-tile__fullscreen.video-tile__fullscreen:hover{background:#282828f2}.video-tile--thumbnail{aspect-ratio:16 / 9;border-radius:var(--radius-md);height:100%;width:auto;flex-shrink:0}.video-tile--thumbnail .video-tile__name{font-size:11px}.video-tile--presentation{aspect-ratio:auto;width:100%;height:100%;border-radius:var(--radius-lg)}.video-tile--presentation .video-tile__video{object-fit:contain;background:#000}.video-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3);width:100%;align-content:center;flex:1}@media (min-width: 768px){.video-grid{grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-5)}}@media (min-width: 1024px){.video-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-5);padding:var(--space-6)}}.control-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1600px;padding:0 var(--space-4);margin:0 auto;gap:var(--space-3);pointer-events:none}.control-bar>*{pointer-events:auto}.control-bar__zone{display:flex;align-items:center;gap:var(--space-2)}.control-bar__zone--center{flex:1;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.control-bar__compact.control-bar__compact{background:#2e2e2e;color:#fff;width:52px;height:52px;border-radius:var(--radius-md)}.control-bar__compact.control-bar__compact:hover{background:#3a3a3a}.control-bar__compact.control-bar__compact.Mui-disabled{background:#1f1f1f;color:#ffffff59}.control-bar__main.control-bar__main{background:#2e2e2e;color:#fff;text-transform:none;font-weight:500;font-size:15px;letter-spacing:0;border-radius:var(--radius-md);padding:12px 22px;min-height:52px;min-width:0;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:none}.control-bar__main.control-bar__main:hover{background:#3a3a3a;box-shadow:none}.control-bar__main.control-bar__main.Mui-disabled{background:#1f1f1f;color:#fff6}.control-bar__main.control-bar__main--active{background:#4f8cff40;color:#c1d4ff}.control-bar__main.control-bar__main--active:hover{background:#4f8cff59}.control-bar__main.control-bar__main .MuiButton-startIcon{margin-right:0;color:inherit}.control-bar__main.control-bar__main .MuiButton-startIcon>svg{font-size:22px;color:inherit}.control-bar__main-label{color:inherit}.control-bar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:var(--radius-pill);background:#ffffff29;color:#fff;font-size:13px;font-weight:600;line-height:1}.control-bar__main--active .control-bar__badge{background:#4f8cff80}.control-bar__leave.control-bar__leave{background:var(--color-danger);color:#fff;width:68px;height:52px;border-radius:var(--radius-md)}.control-bar__leave.control-bar__leave:hover{background:#d63a40}@media (max-width: 767px){.control-bar{padding:0 var(--space-2);gap:var(--space-2)}.control-bar__main.control-bar__main{padding:10px 14px;font-size:13px;min-height:44px}.control-bar__main-label{display:none}.control-bar__compact.control-bar__compact{width:44px;height:44px}.control-bar__leave.control-bar__leave{width:56px;height:44px}}.chat-message{display:flex;flex-direction:column;align-self:flex-start;max-width:80%;padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border-radius:var(--radius-md);gap:2px}.chat-message--own{align-self:flex-end;background:var(--color-accent);color:#fff}.chat-message__sender{color:var(--color-text-secondary);font-weight:600}.chat-message__text{margin:0;word-break:break-word}.chat-message__time{color:var(--color-text-muted);align-self:flex-end;font-size:11px}.chat-message--own .chat-message__time{color:#ffffffb3}.chat-drawer{display:flex;flex-direction:column;width:100%;height:100%;background:var(--color-surface)}.chat-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.chat-drawer__messages{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.chat-drawer__empty{text-align:center;margin-top:var(--space-5)}.chat-drawer__form{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border)}.connection-quality{font-size:12px}.invite-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);background:var(--color-surface);border-radius:var(--radius-xl);height:100%;width:100%;box-sizing:border-box;text-align:center}.invite-panel__title{margin:0;font-weight:500;color:var(--color-text-primary);line-height:1.4}.invite-panel__cta{border-radius:var(--radius-pill);padding:12px 28px;text-transform:none;font-weight:500;font-size:16px;min-width:240px}.invite-panel__cta--copied{background:var(--color-success);pointer-events:auto}.invite-panel__cta--copied:hover{background:#22a85a}.invite-panel__number{letter-spacing:.04em}.invite-panel__url{word-break:break-all;max-width:100%}.invite-panel__error{margin-top:0}@media (min-width: 1024px){.invite-panel{padding:var(--space-8) var(--space-6);gap:var(--space-5)}}.participants-panel{display:flex;flex-direction:column;width:100%;height:100%;background:var(--color-surface)}.participants-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.participants-panel__title{display:flex;align-items:baseline;gap:var(--space-2);margin:0;font-weight:600}.participants-panel__count{color:var(--color-text-muted);font-size:14px;font-weight:400}.participants-panel__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.participants-panel__list{list-style:none;margin:0;padding:var(--space-2) 0;flex:1;overflow-y:auto;display:flex;flex-direction:column}.participants-panel__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4)}.participants-panel__avatar{width:36px;height:36px;font-size:14px;flex-shrink:0}.participants-panel__meta{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.participants-panel__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participants-panel__mic{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.participants-panel__mic--off{color:var(--color-danger)}.room-view{position:relative;flex:1;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--color-bg)}.room-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-shrink:0}.room-view__title{color:var(--color-text-secondary);background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.room-view__body{flex:1;display:flex;flex-direction:row;min-height:0}.room-view__main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:96px;min-width:0}.room-view__content{flex:1;display:flex;flex-direction:column;min-height:0}.room-view__presentation{flex:1;display:flex;flex-direction:column;min-height:0;gap:var(--space-3);padding:var(--space-3)}.room-view__thumbnails{display:flex;justify-content:center;gap:var(--space-3);height:120px;overflow-x:auto;flex-shrink:0;padding-bottom:var(--space-1)}.room-view__thumbnails::-webkit-scrollbar{height:6px}.room-view__thumbnails::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.room-view__presentation-main{flex:1;display:flex;align-items:stretch;justify-content:stretch;min-height:0}.room-view__presentation-main>.video-tile{flex:1}@media (min-width: 1024px){.room-view__thumbnails{height:144px}}.room-view__side{width:100%;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;padding-bottom:96px}@media (min-width: 768px){.room-view__side{width:380px;flex-shrink:0}}@media (max-width: 767px){.room-view__body--with-side .room-view__main{display:none}}.room-view__video-area{display:flex;flex:1;min-height:0}.room-view__video-area>.video-grid{flex:1}.room-view__invite-area{padding:var(--space-3) var(--space-4) var(--space-4)}.room-view__toolbar-wrap{position:fixed;bottom:var(--space-2);left:0;right:0;z-index:10;pointer-events:none}.room-view__reconnecting{font-weight:500}@media (min-width: 768px){.room-view__content--alone{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-4);padding:var(--space-4) var(--space-5);align-items:center}.room-view__content--alone .room-view__video-area,.room-view__content--alone .room-view__invite-area{padding:0;min-height:0}}.post-leave-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);text-align:center;min-height:60vh}.post-leave-view__icon{display:flex;align-items:center;justify-content:center;font-size:64px;line-height:1}.post-leave-view--success .post-leave-view__icon{color:var(--color-success)}.post-leave-view--info .post-leave-view__icon{color:var(--color-accent)}.post-leave-view--error .post-leave-view__icon{color:var(--color-warning)}.post-leave-view__title{margin:0}.post-leave-view__message{max-width:460px;line-height:1.55}.post-leave-view__action{margin-top:var(--space-3)}.awaiting-start-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);min-height:60vh;text-align:center}.awaiting-start-view__title{max-width:480px}.awaiting-start-view__countdown{font-variant-numeric:tabular-nums;letter-spacing:.04em}.meeting-ended-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);min-height:60vh;text-align:center}.meeting-ended-view__title{max-width:480px}.link-expired-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);min-height:60vh;text-align:center}.link-expired-view__title{max-width:480px}:root{--color-bg: #0a0a0a;--color-surface: #1c1c1c;--color-surface-elevated: #262626;--color-surface-overlay: rgba(28, 28, 28, .92);--color-border: #2a2a2a;--color-text-primary: #f5f6f8;--color-text-secondary: #b1b6c0;--color-text-muted: #8a8e96;--color-accent: #4f8cff;--color-accent-hover: #6aa0ff;--color-success: #29c46a;--color-warning: #f5a623;--color-danger: #e5484d;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--bp-sm: 768px;--bp-md: 1024px;--bp-lg: 1280px;--z-app-bar: 1100;--z-drawer: 1200;--z-modal: 1300;--z-snackbar: 1400}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}img,video{max-width:100%;display:block}input,textarea,select,button{font:inherit}body{background:var(--color-bg);color:var(--color-text-primary)}#root{display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}