*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #090909;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--bg-card: #1a1a1a;--bg-hover: rgba(99, 102, 241, .1);--text-primary: #ffffff;--text-secondary: #8b8b8b;--border-color: #2a2a2a;--border-hover: rgba(99, 102, 241, .3);--accent-color: #6366f1;--accent-hover: #4f46e5;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--shadow-color: rgba(0, 0, 0, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5), 0 10px 10px rgba(0, 0, 0, .4);--input-bg: #0a0a0a;--input-focus-bg: #0f0f0f;--input-border: #2a2a2a;--input-border-focus: #6366f1;--error-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #3b82f6}[data-theme=opaque]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #252525;--bg-card: #2a2a2a;--bg-hover: rgba(99, 102, 241, .12);--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #3a3a3a;--border-hover: rgba(99, 102, 241, .3);--accent-color: #6366f1;--accent-hover: #4f46e5;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--shadow-color: rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--input-bg: #1f1f1f;--input-focus-bg: #252525;--input-border: #3a3a3a;--input-border-focus: #6366f1;--error-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #3b82f6;--icon-color: #a0a0a0}[data-theme=opaque] .action-btn i,[data-theme=opaque] .btn i:not(.fa-check-circle):not(.fa-rocket):not(.fa-times):not(.fa-plus){color:#a0a0a0}[data-theme=opaque] .action-btn:hover i{color:var(--text-primary)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;width:100vw;background:var(--bg-primary);transition:background-color .3s ease}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 768px){body{font-size:16px}}.widget-card[data-v-ce6a6508]{display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:30px;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:box-shadow .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.widget-card[data-v-ce6a6508]:hover{background:#ffffff1f;box-shadow:0 8px 32px #0003}[data-theme=opaque] .widget-card[data-v-ce6a6508]{background:var(--bg-card);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#ffffff14}[data-theme=opaque] .widget-card[data-v-ce6a6508]:hover{background:var(--bg-tertiary)}[data-theme=opaque] .widget-card__circle-inner[data-v-ce6a6508]{background:var(--bg-card);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#ffffff14}.widget-card--dragging[data-v-ce6a6508]{z-index:100;box-shadow:0 12px 40px #0000004d;opacity:.95}.widget-card--circle[data-v-ce6a6508]{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none;position:relative;overflow:visible}.widget-card--circle[data-v-ce6a6508]:active{cursor:grabbing}.widget-card__circle-inner[data-v-ce6a6508]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.widget-card--circle .widget-card__body[data-v-ce6a6508]{padding:0;position:relative;overflow:hidden}.widget-card--circle .widget-card__header[data-v-ce6a6508]{position:absolute;top:0;left:0;right:0;z-index:2;border-bottom:none;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%)}.widget-card--circle .widget-card__drag-handle[data-v-ce6a6508],.widget-card--circle .widget-card__title[data-v-ce6a6508]{opacity:.9}.widget-card__remove--overlay[data-v-ce6a6508]{position:absolute;top:.5rem;right:.5rem;z-index:10;width:32px;height:32px;border-radius:50%;background:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 6px #0006;transition:background .15s}.widget-card__remove--overlay[data-v-ce6a6508]:hover{background:#000000d9;color:#fff}.widget-card__header[data-v-ce6a6508]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);touch-action:none}.widget-card__header[data-v-ce6a6508]:active{cursor:grabbing}.widget-card__drag-handle[data-v-ce6a6508]{color:#fff6;font-size:.75rem}.widget-card__title[data-v-ce6a6508]{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-card__remove[data-v-ce6a6508]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#ffffff80;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.widget-card__remove[data-v-ce6a6508]:hover{color:#fff;background:#ffffff1a}.widget-card__body[data-v-ce6a6508]{flex:1;min-height:0;overflow:auto;padding:.75rem}.widget-grid[data-v-476db62e]{--widget-cell: 320px;display:grid;grid-template-columns:repeat(3,var(--widget-cell));grid-auto-rows:var(--widget-cell);gap:1.25rem;width:100%;min-height:320px;align-content:start;justify-content:start;touch-action:pan-x pan-y}@media (max-width: 1100px){.widget-grid[data-v-476db62e]{--widget-cell: min(300px, calc((100vw - 2rem) / 3))}}@media (max-width: 768px){.widget-grid[data-v-476db62e]{--widget-cell: min(200px, calc((100vw - 1.5rem) / 3));gap:.75rem}}@media (max-width: 580px){.widget-grid[data-v-476db62e]{display:flex;flex-direction:column;align-items:stretch;gap:1rem;--widget-cell: min(320px, calc(100vw - 2rem) );min-height:280px}.widget-grid[data-v-476db62e]>*{width:100%!important;min-height:var(--widget-cell)}}.widget-empty[data-v-476db62e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#ffffff80;font-size:.85rem}.widget-empty i[data-v-476db62e]{font-size:1.5rem}.add-widget-modal-backdrop[data-v-258ed73a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.add-widget-modal[data-v-258ed73a]{background:#1c1c20fa;border-radius:20px;border:1px solid rgba(255,255,255,.1);max-width:420px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0006}.add-widget-modal__header[data-v-258ed73a]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.add-widget-modal__header h2[data-v-258ed73a]{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff)}.add-widget-modal__close[data-v-258ed73a]{width:36px;height:36px;border:none;background:transparent;color:#fff9;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-widget-modal__close[data-v-258ed73a]:hover{background:#ffffff1a;color:#fff}.add-widget-modal__body[data-v-258ed73a]{overflow:auto;padding:1rem 1.5rem 1.5rem}.add-widget-category[data-v-258ed73a]{margin-bottom:1.25rem}.add-widget-category[data-v-258ed73a]:last-child{margin-bottom:0}.add-widget-category__title[data-v-258ed73a]{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.add-widget-list[data-v-258ed73a]{display:flex;flex-direction:column;gap:.35rem}.add-widget-item[data-v-258ed73a]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:var(--text-primary, #fff);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.add-widget-item[data-v-258ed73a]:hover:not(.add-widget-item--disabled){background:#ffffff14;border-color:#ffffff1f}.add-widget-item--disabled[data-v-258ed73a]{opacity:.6;cursor:not-allowed}.add-widget-item__icon[data-v-258ed73a]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:10px;font-size:1rem}.add-widget-item__title[data-v-258ed73a]{flex:1;font-weight:600;font-size:.95rem}.add-widget-item__desc[data-v-258ed73a]{width:100%;font-size:.8rem;color:#ffffff80;margin-top:-.25rem;padding-left:calc(36px + .75rem)}.add-widget-item__badge[data-v-258ed73a]{font-size:.7rem;color:#fff6}.add-widget-modal__footer[data-v-258ed73a]{padding:1rem 0 0;margin-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.add-widget-reset-btn[data-v-258ed73a]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0f;color:#fffc;font-size:.9rem;cursor:pointer;width:100%;justify-content:center;transition:background .15s,border-color .15s}.add-widget-reset-btn[data-v-258ed73a]:hover{background:#ffffff1a;border-color:#ffffff40}.add-widget-size-step[data-v-258ed73a]{padding:.5rem 0}.add-widget-size-step__hint[data-v-258ed73a]{margin:0 0 1rem;font-size:.9rem;color:#ffffffb3}.add-widget-size-grid[data-v-258ed73a]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.add-widget-size-btn[data-v-258ed73a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0f;color:var(--text-primary, #fff);cursor:pointer;transition:background .15s,border-color .15s}.add-widget-size-btn[data-v-258ed73a]:hover{background:#ffffff1a;border-color:#fff3}.add-widget-size-btn__label[data-v-258ed73a]{font-weight:700;font-size:1.1rem}.add-widget-size-btn__desc[data-v-258ed73a]{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.add-widget-back[data-v-258ed73a]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;border:none;background:transparent;color:#ffffffb3;font-size:.9rem;cursor:pointer}.add-widget-back[data-v-258ed73a]:hover{color:#fff}.modal-enter-active[data-v-258ed73a],.modal-leave-active[data-v-258ed73a]{transition:opacity .2s ease}.modal-enter-from[data-v-258ed73a],.modal-leave-to[data-v-258ed73a]{opacity:0}.modal-enter-active .add-widget-modal[data-v-258ed73a],.modal-leave-active .add-widget-modal[data-v-258ed73a]{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.modal-enter-from .add-widget-modal[data-v-258ed73a],.modal-leave-to .add-widget-modal[data-v-258ed73a]{transform:scale(.95)}.notes-widget[data-v-7bdc80cf]{height:100%;min-height:80px}.notes-widget__textarea[data-v-7bdc80cf]{width:100%;height:100%;min-height:80px;padding:0;border:none;background:transparent;color:var(--text-primary, #fff);font-size:.9rem;line-height:1.5;resize:none;outline:none}.notes-widget__textarea[data-v-7bdc80cf]::placeholder{color:#fff6}.todo-widget[data-v-dc414e74]{display:flex;flex-direction:column;gap:.5rem;min-height:0}.todo-widget__form[data-v-dc414e74]{display:flex;gap:.35rem}.todo-widget__input[data-v-dc414e74]{flex:1;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:var(--text-primary, #fff);font-size:.85rem;outline:none}.todo-widget__add[data-v-dc414e74]{width:32px;height:32px;border:none;background:#ffffff1a;color:var(--text-primary);border-radius:8px;cursor:pointer}.todo-widget__list[data-v-dc414e74]{list-style:none;margin:0;padding:0;overflow:auto;flex:1;min-height:0}.todo-widget__item[data-v-dc414e74]{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.todo-widget__label[data-v-dc414e74]{flex:1;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}.todo-widget__item--done span[data-v-dc414e74]{text-decoration:line-through;opacity:.6}.todo-widget__remove[data-v-dc414e74]{padding:.2rem;border:none;background:transparent;color:#fff6;cursor:pointer;font-size:.75rem}.todo-widget__empty[data-v-dc414e74]{margin:0;font-size:.85rem;color:#ffffff80}.clock-widget[data-v-299d4f25]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:60px}.clock-widget__time[data-v-299d4f25]{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff)}.clock-widget__date[data-v-299d4f25]{font-size:.8rem;color:#fff9}.clock-widget__timer[data-v-299d4f25],.clock-widget__timer-controls[data-v-299d4f25]{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem}.clock-widget__timer-input[data-v-299d4f25]{width:3rem;padding:.25rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0f;color:var(--text-primary);text-align:center;font-size:.85rem}.clock-widget__timer-btn[data-v-299d4f25]{padding:.25rem .5rem;border:none;background:#ffffff1f;color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.8rem}.calendar-widget[data-v-6dfdeb6d]{display:flex;flex-direction:column;gap:.5rem;min-height:0}.calendar-widget__nav[data-v-6dfdeb6d]{display:flex;align-items:center;justify-content:space-between}.calendar-widget__nav button[data-v-6dfdeb6d]{width:28px;height:28px;border:none;background:#ffffff14;color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.7rem}.calendar-widget__title[data-v-6dfdeb6d]{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.calendar-widget__weekdays[data-v-6dfdeb6d]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:.65rem;color:#ffffff80;text-align:center}.calendar-widget__grid[data-v-6dfdeb6d]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-widget__day[data-v-6dfdeb6d]{aspect-ratio:1;border:none;background:transparent;color:var(--text-primary);font-size:.75rem;border-radius:6px;cursor:pointer}.calendar-widget__day[data-v-6dfdeb6d]:not(.calendar-widget__day--other):hover{background:#ffffff1a}.calendar-widget__day--other[data-v-6dfdeb6d]{color:#ffffff59;cursor:default}.calendar-widget__day--today[data-v-6dfdeb6d]{background:#fff3;font-weight:600}.weather-widget[data-v-5d1af57c]{display:flex;flex-direction:column;gap:.35rem;min-height:0}.weather-widget__loading[data-v-5d1af57c],.weather-widget__error[data-v-5d1af57c],.weather-widget__empty[data-v-5d1af57c]{font-size:.85rem;color:#fff9}.weather-widget__content[data-v-5d1af57c]{display:flex;flex-direction:column;gap:.25rem}.weather-widget__main[data-v-5d1af57c]{display:flex;align-items:baseline;gap:.5rem}.weather-widget__temp[data-v-5d1af57c]{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff)}.weather-widget__desc[data-v-5d1af57c]{font-size:.85rem;color:#ffffffb3}.weather-widget__loc[data-v-5d1af57c]{font-size:.8rem;color:#ffffff80}.weather-widget__input[data-v-5d1af57c]{width:100%;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:var(--text-primary);font-size:.8rem;margin-top:.25rem}.weather-widget__btn[data-v-5d1af57c]{align-self:flex-start;padding:.25rem .5rem;border:none;background:#ffffff1a;color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.8rem;margin-top:.25rem}.crypto-widget[data-v-d70d9d1a]{position:relative;display:flex;flex-direction:column;gap:.35rem;min-height:0}.crypto-widget__list[data-v-d70d9d1a]{list-style:none;margin:0;padding:0}.crypto-widget__item[data-v-d70d9d1a]{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.06)}.crypto-widget__symbol[data-v-d70d9d1a]{font-weight:600;color:var(--text-primary, #fff);min-width:3rem}.crypto-widget__price[data-v-d70d9d1a]{flex:1;color:#ffffffe6}.crypto-widget__change.positive[data-v-d70d9d1a]{color:#4ade80}.crypto-widget__change.negative[data-v-d70d9d1a]{color:#f87171}.crypto-widget__loading[data-v-d70d9d1a],.crypto-widget__error[data-v-d70d9d1a]{font-size:.85rem;color:#fff9}.crypto-widget__refresh[data-v-d70d9d1a]{position:absolute;top:0;right:0;padding:.2rem;border:none;background:transparent;color:#ffffff80;cursor:pointer;font-size:.8rem}.metrics-widget[data-v-77cb02e0]{display:flex;flex-direction:column;gap:.5rem}.metrics-widget__row[data-v-77cb02e0]{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.metrics-widget__label[data-v-77cb02e0]{color:#fff9}.metrics-widget__value[data-v-77cb02e0]{font-weight:600;color:var(--text-primary, #fff);font-variant-numeric:tabular-nums}[data-v-2d5fabc5]{box-sizing:border-box}html[data-v-2d5fabc5],body[data-v-2d5fabc5]{overflow-x:hidden}.glass-card[data-v-2d5fabc5]{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px}[data-theme=opaque] .glass-card[data-v-2d5fabc5]{background:#2a2a2af2;border-color:#ffffff14}[data-theme=opaque] .home-bg-glow[data-v-2d5fabc5]{opacity:.12}[data-theme=opaque] .app-header-minimal[data-v-2d5fabc5]{background:var(--bg-primary)}[data-theme=opaque] .header-switcher[data-v-2d5fabc5]{background:var(--bg-tertiary);backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=opaque] .switcher-tab.active[data-v-2d5fabc5]{background:#ffffff26;color:var(--text-primary)}[data-theme=opaque] .minimal-btn[data-v-2d5fabc5]:hover{background:var(--bg-hover)}[data-theme=opaque] .devices-refresh-btn-inline[data-v-2d5fabc5]{background:var(--bg-tertiary)}[data-theme=opaque] .btn-clear-rooms-inline[data-v-2d5fabc5]:hover{background:var(--bg-hover)}.app-header-minimal[data-v-2d5fabc5]{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:transparent;z-index:100;transition:background-color .3s ease}.header-left[data-v-2d5fabc5]{display:flex;align-items:center;gap:1.5rem}.app-title[data-v-2d5fabc5]{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.header-time[data-v-2d5fabc5]{font-size:1.1rem;font-weight:500;color:var(--text-secondary)}.header-switcher[data-v-2d5fabc5]{display:flex;gap:0;background:#ffffff1a;border-radius:30px;padding:4px}.switcher-tab[data-v-2d5fabc5]{padding:.5rem 1.25rem;border:none;background:transparent;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:30px;transition:all .2s ease}.switcher-tab[data-v-2d5fabc5]:hover{color:var(--text-primary)}.switcher-tab.active[data-v-2d5fabc5]{background:#ffffff40;color:var(--text-primary)}.header-right-group[data-v-2d5fabc5]{display:flex;align-items:center;gap:1rem}.header-actions-minimal[data-v-2d5fabc5]{display:flex;gap:.25rem;opacity:.6}.header-actions-minimal[data-v-2d5fabc5]:hover{opacity:1}.minimal-btn[data-v-2d5fabc5]{width:32px;height:32px;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem}.minimal-btn[data-v-2d5fabc5]:hover{background:#ffffff1a}.dashboard-layout[data-v-2d5fabc5]{--card-size: 320px;display:flex;align-items:flex-start;justify-content:center;gap:2rem;width:100%;padding-bottom:2rem}.widget-dashboard-grid[data-v-2d5fabc5]{flex:0 0 auto;width:fit-content;max-width:100%}.widget-slot-create-room[data-v-2d5fabc5]{justify-content:center;align-items:center;cursor:pointer}.widget-slot-devices[data-v-2d5fabc5]{display:flex;flex-direction:column;gap:.5rem;min-height:0}.devices-refresh-btn-inline[data-v-2d5fabc5]{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:none;background:#ffffff1a;color:var(--text-primary);border-radius:8px;font-size:.8rem;cursor:pointer;align-self:flex-start}.devices-refresh-btn-inline[data-v-2d5fabc5]:disabled{opacity:.6;cursor:not-allowed}.widget-slot-rooms-list[data-v-2d5fabc5]{display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow:auto}.widget-empty-rooms[data-v-2d5fabc5]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#ffffff80;font-size:.85rem}.widget-empty-rooms i[data-v-2d5fabc5]{font-size:1.25rem}.btn-clear-rooms-inline[data-v-2d5fabc5]{margin-top:auto;padding:.35rem .5rem;border:none;background:transparent;color:#fff9;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;border-radius:8px}.btn-clear-rooms-inline[data-v-2d5fabc5]:hover{color:var(--text-primary);background:#ffffff14}.dashboard-grid[data-v-2d5fabc5]{display:grid;grid-template-columns:var(--card-size) var(--card-size);grid-template-rows:var(--card-size) var(--card-size);gap:1.25rem;flex:0 0 auto;width:fit-content;min-width:0}.dashboard-card[data-v-2d5fabc5]{border-radius:30px;padding:1rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#ffffff14;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;cursor:pointer;width:var(--card-size);min-width:var(--card-size);max-width:var(--card-size);height:var(--card-size);min-height:var(--card-size);max-height:var(--card-size);box-sizing:border-box;overflow:hidden}.card-info-block[data-v-2d5fabc5]{flex-shrink:0;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:none}.card-title[data-v-2d5fabc5]{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);text-align:left;max-width:calc(100% - 2rem);line-height:1.2}.dashboard-card[data-v-2d5fabc5]:hover{background:#ffffff1f}.card-content-block[data-v-2d5fabc5]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dashboard-card.card-rect.create-room-card .card-content-block[data-v-2d5fabc5]{justify-content:center;align-items:center}.dashboard-card.settings-card[data-v-2d5fabc5]{align-items:stretch;cursor:default;justify-content:flex-start}.dashboard-card.settings-card-1[data-v-2d5fabc5]{grid-column:2;grid-row:1;border:1px solid rgba(255,255,255,.06);box-shadow:0 1px 3px #0000000a}.dashboard-card.settings-card-2[data-v-2d5fabc5]{grid-column:1;grid-row:2}.dashboard-card.settings-card-2 .card-content-block[data-v-2d5fabc5]{min-height:0;min-width:0;display:flex;overflow:hidden}.devices-card-header[data-v-2d5fabc5]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.devices-refresh-btn[data-v-2d5fabc5]{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.65rem;color:var(--text-secondary);opacity:.8;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s,background .2s}.devices-refresh-btn[data-v-2d5fabc5]:hover:not(:disabled){opacity:1;background:#ffffff0a}.devices-refresh-btn[data-v-2d5fabc5]:disabled{opacity:.5;cursor:not-allowed}.dashboard-card.settings-card-1 .card-content-block[data-v-2d5fabc5]{min-height:0;display:flex;flex-direction:column}.settings-devices-wrap[data-v-2d5fabc5]{display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1;min-height:0;width:100%}.devices-section[data-v-2d5fabc5]{padding:.35rem 0 .5rem}.devices-section+.devices-section[data-v-2d5fabc5]{margin-top:.1rem}.setting-device-label[data-v-2d5fabc5]{display:block;margin-bottom:.3rem;font-size:.8rem;color:var(--text-secondary);font-weight:500}.settings-devices-wrap .setting-select[data-v-2d5fabc5],.settings-devices-wrap .devices-select[data-v-2d5fabc5]{width:100%;min-width:0;min-height:40px;padding:.55rem 2rem .55rem .75rem;font-size:.9rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0003;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center}.settings-devices-wrap .setting-select[data-v-2d5fabc5]:disabled,.settings-devices-wrap .devices-select[data-v-2d5fabc5]:disabled{opacity:.7;cursor:not-allowed}.devices-message[data-v-2d5fabc5]{font-size:.72rem;padding:.4rem 0;margin-top:.4rem;text-align:center;border-radius:6px}.devices-message--error[data-v-2d5fabc5]{color:var(--error-color, #f87171);background:#f8717114}.devices-refresh-fullwidth[data-v-2d5fabc5]{width:100%;margin-top:.5rem;padding:.45rem .6rem;font-size:.72rem;color:var(--text-secondary);opacity:.9;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:background .2s,color .2s,opacity .2s}.devices-refresh-fullwidth[data-v-2d5fabc5]:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.devices-refresh-fullwidth[data-v-2d5fabc5]:disabled{opacity:.5;cursor:not-allowed}.settings-toggle-grid[data-v-2d5fabc5]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.5rem;flex:1;min-height:0;min-width:0;width:100%;height:100%;overflow:hidden}.settings-toggle-grid .setting-square-item[data-v-2d5fabc5],.settings-toggle-grid .setting-toggle-btn[data-v-2d5fabc5]{width:100%;height:100%;min-width:0;min-height:0}.setting-toggle-btn[data-v-2d5fabc5]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.35rem .25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-secondary);opacity:.92;font-size:.65rem;line-height:1.2;cursor:pointer;transition:all .2s ease;box-sizing:border-box;min-width:0;overflow:hidden}.setting-toggle-btn span[data-v-2d5fabc5]{display:block;width:100%;text-align:center;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.setting-toggle-btn[data-v-2d5fabc5]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#818cf8e6;border-radius:1px;transition:width .2s ease}.setting-toggle-btn.active[data-v-2d5fabc5]:after{width:50%}.setting-toggle-btn i[data-v-2d5fabc5]{font-size:1rem;color:var(--accent-color);flex-shrink:0}.dashboard-card.settings-card-2 .setting-toggle-btn i[data-v-2d5fabc5]{font-size:.9rem}.setting-toggle-btn[data-v-2d5fabc5]:hover{background:#ffffff1a;color:var(--text-primary);opacity:1}.setting-toggle-btn.active[data-v-2d5fabc5]{background:#6366f133;border-color:#6366f166;color:var(--text-primary);opacity:1}.setting-toggle-btn.active i[data-v-2d5fabc5]{color:#818cf8}.settings-square-grid[data-v-2d5fabc5]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1;min-height:0}.setting-square-item[data-v-2d5fabc5]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.4rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.08);min-width:0;box-sizing:border-box}.settings-card-2 .setting-square-item[data-v-2d5fabc5]{min-height:0}.dashboard-card.settings-card-2 .setting-square-item[data-v-2d5fabc5]{padding:.35rem;gap:.2rem}.setting-square-icon[data-v-2d5fabc5]{font-size:1rem;color:var(--accent-color)}.dashboard-card.settings-card-2 .setting-square-icon[data-v-2d5fabc5]{font-size:.9rem}.setting-square-label[data-v-2d5fabc5]{font-size:.65rem;color:var(--text-secondary)}.dashboard-card.settings-card-2 .setting-square-label[data-v-2d5fabc5]{font-size:.6rem}.dashboard-card.settings-card .setting-select[data-v-2d5fabc5]{width:100%;min-width:0;padding:.3rem .5rem;font-size:.75rem;background:#00000040;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);border-radius:8px}.dashboard-card.settings-card-2 .setting-select[data-v-2d5fabc5]{padding:.25rem .4rem;font-size:.7rem}.dashboard-card.settings-card .setting-select[data-v-2d5fabc5]:focus{border-color:var(--accent-color)}.no-devices-inline[data-v-2d5fabc5]{font-size:.75rem;color:var(--error-color, #f87171);text-align:center;padding:.5rem}.toggle-inline[data-v-2d5fabc5]{position:relative;display:inline-block;width:36px;height:18px}.dashboard-card.settings-card-2 .toggle-inline[data-v-2d5fabc5]{width:32px;height:16px}.dashboard-card.settings-card-2 .toggle-inline .toggle-slider[data-v-2d5fabc5]:before{height:10px;width:10px;left:2px;bottom:3px}.dashboard-card.settings-card-2 .toggle-inline input:checked+.toggle-slider[data-v-2d5fabc5]:before{transform:translate(16px)}.toggle-inline input[data-v-2d5fabc5]{opacity:0;width:0;height:0}.toggle-inline .toggle-slider[data-v-2d5fabc5]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;border-radius:20px;transition:.3s}.toggle-inline .toggle-slider[data-v-2d5fabc5]:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-inline input:checked+.toggle-slider[data-v-2d5fabc5]{background:#6366f1}.toggle-inline input:checked+.toggle-slider[data-v-2d5fabc5]:before{transform:translate(18px)}.dashboard-card.card-circle[data-v-2d5fabc5]{grid-column:2;grid-row:2;border-radius:50%;width:calc(var(--card-size) - .5rem);min-width:calc(var(--card-size) - .5rem);max-width:calc(var(--card-size) - .5rem);height:calc(var(--card-size) - .5rem);min-height:calc(var(--card-size) - .5rem);max-height:calc(var(--card-size) - .5rem);margin:auto;padding:.75rem;justify-content:center}.create-room-card[data-v-2d5fabc5]{cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.08);overflow:hidden}.create-room-card[data-v-2d5fabc5]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f114,#7c3aed0a);opacity:0;transition:opacity .3s ease}.create-room-card[data-v-2d5fabc5]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #6366f133,0 0 0 1px #6366f126;border-color:#6366f14d;background:#ffffff14}.create-room-card[data-v-2d5fabc5]:hover:before{opacity:1}.create-room-card:hover .create-room-btn-icon[data-v-2d5fabc5]{transform:scale(1.1);color:#818cf8}.create-room-btn-icon[data-v-2d5fabc5]{transition:transform .3s ease,color .2s ease}.create-room-btn-block[data-v-2d5fabc5]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;position:relative;z-index:1}.create-room-btn-icon[data-v-2d5fabc5]{font-size:2.2rem;color:var(--accent-color);line-height:1}.create-room-btn-text[data-v-2d5fabc5]{font-size:1rem;color:var(--text-primary);font-weight:500}.create-room-btn-hint[data-v-2d5fabc5]{font-size:.75rem;color:var(--text-secondary)}.create-room-form[data-v-2d5fabc5]{display:flex;flex-direction:column;gap:.85rem;width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.create-room-form .input-mini[data-v-2d5fabc5]{font-size:.9rem;padding:.75rem 1rem;border-radius:10px}.create-room-form .btn-mini[data-v-2d5fabc5]{padding:.3rem .5rem;font-size:.75rem}.input-mini[data-v-2d5fabc5]{padding:.75rem 1rem;font-size:.9rem;color:var(--text-primary);background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:10px;width:100%;max-width:100%;box-sizing:border-box}.input-mini[data-v-2d5fabc5]::placeholder{color:var(--text-secondary);opacity:.8}.input-mini[data-v-2d5fabc5]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133}.guest-row[data-v-2d5fabc5]{display:flex;align-items:center;gap:.5rem}.guest-inline[data-v-2d5fabc5]{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.link-settings[data-v-2d5fabc5]{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.85rem;padding:.2rem 0}.btn-mini[data-v-2d5fabc5]{padding:.4rem .8rem;font-size:.85rem}.join-room-card[data-v-2d5fabc5]{background:#ffffff0f;gap:.5rem}.join-room-card .input-mini[data-v-2d5fabc5]{max-width:100%;font-size:.8rem;padding:.4rem .6rem}.join-room-card .btn-mini[data-v-2d5fabc5]{max-width:100%;padding:.4rem .6rem;font-size:.8rem}.settings-card .card-title[data-v-2d5fabc5]{margin:0;flex-shrink:0}.camera-preview-card[data-v-2d5fabc5]{position:relative;display:flex;flex-direction:column;justify-content:flex-end}.camera-preview-video-wrap[data-v-2d5fabc5]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;background:#0000004d}.camera-preview-video[data-v-2d5fabc5]{width:100%;height:100%;object-fit:cover;display:block}.camera-preview-video--mirror[data-v-2d5fabc5]{transform:scaleX(-1)}.camera-preview-placeholder[data-v-2d5fabc5]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#ffffffb3;font-size:.85rem;text-align:center}.camera-preview-placeholder i[data-v-2d5fabc5]{font-size:2rem;opacity:.8}.camera-preview-card .card-info-block[data-v-2d5fabc5]{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.25rem}.camera-preview-card .card-title[data-v-2d5fabc5]{font-size:.85rem;text-align:center;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rooms-sidebar[data-v-2d5fabc5]{width:340px;min-width:300px;height:calc(2 * var(--card-size) + 1rem);min-height:calc(2 * var(--card-size) + 1rem);display:flex;flex-direction:column;align-items:stretch;gap:0;border-radius:30px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:.75rem}.rooms-sidebar-header[data-v-2d5fabc5]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.rooms-sidebar-title[data-v-2d5fabc5]{font-size:.9rem;font-weight:600;color:var(--text-primary)}.btn-clear-rooms[data-v-2d5fabc5]{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.8rem;padding:.4rem .6rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-clear-rooms[data-v-2d5fabc5]:hover{background:#ffffff1a;color:var(--text-primary)}.rooms-vertical-list[data-v-2d5fabc5]{display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;width:100%;padding:0 .25rem 1rem}.rooms-sidebar .room-card[data-v-2d5fabc5],.room-card.stagger-card[data-v-2d5fabc5]{width:100%;max-width:320px;padding:1rem;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:0;transition:all .2s ease;box-sizing:border-box;cursor:pointer}.rooms-sidebar .room-card[data-v-2d5fabc5]:hover,.room-card.stagger-card[data-v-2d5fabc5]:hover{background:#ffffff1f;transform:none}.rooms-sidebar .room-card[data-v-2d5fabc5]:before,.room-card.stagger-card[data-v-2d5fabc5]:before{display:none}.room-card .card-info-block[data-v-2d5fabc5]{flex-shrink:0;padding-bottom:.625rem;margin-bottom:.75rem}.room-card-title[data-v-2d5fabc5]{margin:0 0 .25rem;font-size:1.15rem;font-weight:700;color:var(--text-primary);text-align:left;max-width:100%;line-height:1.2}.room-card-meta[data-v-2d5fabc5]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.75rem;color:var(--text-secondary);text-align:left;margin:0}.room-card-id[data-v-2d5fabc5]{opacity:.85;font-family:Courier New,monospace}.room-card-time[data-v-2d5fabc5]{display:inline-flex;align-items:center;gap:.25rem;opacity:.8}.room-card-time i[data-v-2d5fabc5]{font-size:.7rem;opacity:.9}.room-card--in-list .card-actions-block[data-v-2d5fabc5]{opacity:.6;transition:opacity .2s ease}.room-card--in-list:hover .card-actions-block[data-v-2d5fabc5]{opacity:1}.room-card--last-created[data-v-2d5fabc5]{border-color:#22c55e40;box-shadow:0 0 0 1px #22c55e26}.card-actions-block[data-v-2d5fabc5]{display:flex;justify-content:flex-end;align-items:center;gap:.4rem;margin-top:auto;padding-top:.75rem}.room-icon-btn[data-v-2d5fabc5]{background:#ffffff0f;border:none;color:var(--text-secondary);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.room-icon-btn[data-v-2d5fabc5]:hover{background:#ffffff1f;color:var(--text-primary)}.room-icon-btn-destructive[data-v-2d5fabc5]{opacity:.7}.room-icon-btn-destructive[data-v-2d5fabc5]:hover{background:#ef444433;color:var(--error-color);opacity:1}.btn-join-room[data-v-2d5fabc5]{width:100%;padding:.75rem 1.25rem;border:none;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-join-room[data-v-2d5fabc5]:hover{background:linear-gradient(135deg,#5b5bd6,#7c3aed);transform:translateY(-1px)}.rooms-list-wrap[data-v-2d5fabc5]{width:100%;max-width:400px;margin:0 auto;transition:opacity .3s ease;box-sizing:border-box}@media (min-width: 1024px){.rooms-list-wrap[data-v-2d5fabc5]{max-width:420px;min-width:360px;margin:0}}.rooms-list-wrap--dimmed[data-v-2d5fabc5]{opacity:.7;pointer-events:auto}.rooms-list-wrap--dimmed .room-card[data-v-2d5fabc5]{box-shadow:none}.rooms-list[data-v-2d5fabc5]{display:flex;flex-direction:column;gap:1rem;width:100%;margin:0;padding:1.5rem 0 0;box-sizing:border-box}@media (min-width: 1024px){.rooms-list[data-v-2d5fabc5]{padding:1rem 0 0}}.rooms-list-footer[data-v-2d5fabc5]{display:flex;justify-content:center;margin-top:1rem}.rooms-full-view[data-v-2d5fabc5]{display:flex;flex-direction:column;align-items:center;width:100%;padding:1.5rem 1rem 2rem;box-sizing:border-box}@media (min-width: 768px){.rooms-full-view[data-v-2d5fabc5]{padding:2rem 1.5rem}}@media (min-width: 1024px){.rooms-full-view[data-v-2d5fabc5]{flex-direction:row;align-items:flex-start;justify-content:center;gap:2.5rem;padding:2rem;max-width:1200px;margin:0 auto}}.rooms-primary[data-v-2d5fabc5]{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;margin:0 auto;padding:0;box-sizing:border-box}@media (min-width: 768px){.rooms-primary[data-v-2d5fabc5]{max-width:420px}}@media (min-width: 1024px){.rooms-primary[data-v-2d5fabc5]{max-width:400px;min-width:360px;margin:0;flex-shrink:0}}.rooms-create-section[data-v-2d5fabc5],.rooms-join-section[data-v-2d5fabc5]{width:100%}.join-room-form-card[data-v-2d5fabc5]{margin:0}.join-room-error[data-v-2d5fabc5]{margin:0;font-size:.8rem;color:var(--error-color, #f87171);line-height:1.4}.create-room-form-card[data-v-2d5fabc5]{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.create-room-form-card[data-v-2d5fabc5]:hover{border-color:#6366f133;box-shadow:0 4px 20px #00000026}@media (min-width: 768px){.create-room-form-card[data-v-2d5fabc5]{padding:2rem 1.75rem;border-radius:20px}}@media (min-width: 1024px){.create-room-form-card[data-v-2d5fabc5]{padding:2rem 1.75rem}}.create-room-section-title[data-v-2d5fabc5]{margin:0 0 1.25rem;font-size:1.1rem;color:var(--text-primary);font-weight:600;line-height:1.3}.create-room-hint[data-v-2d5fabc5]{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.4}.guest-toggle-row[data-v-2d5fabc5]{display:flex;align-items:center;gap:.75rem;margin-bottom:0;flex-wrap:wrap}.guest-toggle-label[data-v-2d5fabc5]{font-size:.9rem;color:var(--text-secondary);flex:1;min-width:0}.guest-toggle-switch[data-v-2d5fabc5]{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.guest-toggle-switch input[data-v-2d5fabc5]{opacity:0;width:0;height:0}.guest-toggle-slider[data-v-2d5fabc5]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;border-radius:24px;transition:.25s ease}.guest-toggle-slider[data-v-2d5fabc5]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s ease}.guest-toggle-switch input:checked+.guest-toggle-slider[data-v-2d5fabc5]{background:var(--accent-color)}.guest-toggle-switch input:checked+.guest-toggle-slider[data-v-2d5fabc5]:before{transform:translate(20px)}.btn-create-room[data-v-2d5fabc5]{width:100%;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;border-radius:12px;box-sizing:border-box;margin-top:.25rem}@media (min-width: 768px){.create-room-section-title[data-v-2d5fabc5]{font-size:1.25rem;margin-bottom:1.5rem}}.room-created-inline[data-v-2d5fabc5]{background:#22c55e0f;border:1px solid rgba(34,197,94,.18);border-radius:16px;padding:1.5rem;width:100%;box-shadow:0 2px 12px #0000000f}@media (min-width: 768px){.room-created-inline[data-v-2d5fabc5]{padding:2rem 2.25rem;border-radius:20px}}.room-created-header[data-v-2d5fabc5]{text-align:center;margin-bottom:1.5rem}.room-created-title[data-v-2d5fabc5]{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary);font-weight:600}.room-created-title i[data-v-2d5fabc5]{color:#16a34a;margin-right:.35rem}.room-created-name[data-v-2d5fabc5]{margin:0 0 .15rem;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.room-created-id[data-v-2d5fabc5]{margin:0;font-size:.8rem;color:var(--text-secondary);font-family:Courier New,monospace;opacity:.9}.room-created-primary-action[data-v-2d5fabc5]{margin:1.25rem 0 1.5rem}.btn-enter-room[data-v-2d5fabc5]{width:100%;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;border-radius:12px}.room-created-share[data-v-2d5fabc5],.share-block[data-v-2d5fabc5]{margin-bottom:1rem}.share-block-label[data-v-2d5fabc5]{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem}.share-block-label i[data-v-2d5fabc5]{margin-right:.35rem;opacity:.9}.room-created-input-row[data-v-2d5fabc5]{display:flex;gap:.5rem;margin-bottom:.5rem}.share-input-inline[data-v-2d5fabc5]{flex:1;min-width:0;padding:.6rem .9rem;font-size:.82rem;background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-primary);font-family:Courier New,monospace;box-sizing:border-box}.copy-btn-inline[data-v-2d5fabc5]{flex-shrink:0;padding:.5rem .75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.copy-btn-inline[data-v-2d5fabc5]:hover{background:#ffffff2e}.room-created-qr-toggle[data-v-2d5fabc5]{margin-top:1rem}.room-created-qr-toggle .btn-text[data-v-2d5fabc5]{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:.35rem 0}.room-created-qr-toggle .btn-text[data-v-2d5fabc5]:hover{color:var(--text-primary)}.room-created-secondary[data-v-2d5fabc5]{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.btn-link-secondary[data-v-2d5fabc5]{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:.25rem 0}.btn-link-secondary[data-v-2d5fabc5]:hover{color:var(--text-primary)}.room-created-qr[data-v-2d5fabc5]{margin-top:1rem;text-align:center}.room-created-qr img[data-v-2d5fabc5]{max-width:140px;height:auto;border-radius:8px;background:#fff;padding:8px}.room-created-qr-placeholder[data-v-2d5fabc5]{margin-top:1rem;padding:1rem;color:var(--text-secondary);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.room-created-actions .btn[data-v-2d5fabc5]{flex:1;min-width:140px}.toast[data-v-2d5fabc5]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.6rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0003;color:var(--text-primary);font-size:.9rem;z-index:2000}.toast-enter-active[data-v-2d5fabc5],.toast-leave-active[data-v-2d5fabc5]{transition:opacity .25s ease,transform .25s ease}.toast-enter-from[data-v-2d5fabc5],.toast-leave-to[data-v-2d5fabc5]{opacity:0;transform:translate(-50%) translateY(8px)}.empty-rooms[data-v-2d5fabc5]{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}@media (min-width: 1024px){.empty-rooms[data-v-2d5fabc5]{max-width:480px;min-width:360px;padding:3rem 2rem}}.empty-icon[data-v-2d5fabc5]{font-size:4rem;opacity:.3;margin-bottom:1rem;display:block}.empty-hint[data-v-2d5fabc5]{font-size:.9rem;margin-top:.5rem}.home-bottom-controls[data-v-2d5fabc5]{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;gap:.5rem;z-index:50}.bottom-control-btn[data-v-2d5fabc5]{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease}.bottom-control-btn[data-v-2d5fabc5]:hover{background:#ffffff2e;transform:scale(1.05)}.bottom-control-btn--muted[data-v-2d5fabc5]{color:var(--text-secondary);opacity:.85}.bottom-control-btn--muted[data-v-2d5fabc5]:hover{color:var(--text-primary);opacity:1}.fab-add-widget[data-v-2d5fabc5]{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:24px;border:1px solid rgba(255,255,255,.15);background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s ease;box-shadow:0 4px 16px #0003}.fab-add-widget[data-v-2d5fabc5]:hover{background:#ffffff2e;transform:scale(1.02)}.fab-add-widget i[data-v-2d5fabc5]{font-size:1rem}.home-container[data-v-2d5fabc5]{position:relative;min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.home-bg-glow[data-v-2d5fabc5]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.home-bg-glow-blob[data-v-2d5fabc5]{position:absolute;border-radius:55% 45% 52% 48%/48% 55% 45% 52%;filter:blur(75px);opacity:.58;will-change:transform}.home-bg-glow-blob-1[data-v-2d5fabc5]{width:min(95vmax,850px);height:min(95vmax,850px);background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.4),transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.28),transparent 48%);top:-25%;left:-20%;animation:bg-glow-float-1-2d5fabc5 20s ease-in-out infinite}.home-bg-glow-blob-2[data-v-2d5fabc5]{width:min(75vmax,650px);height:min(75vmax,650px);background:radial-gradient(circle at 60% 40%,rgba(79,70,229,.35),transparent 55%),radial-gradient(circle at 40% 60%,rgba(124,58,237,.25),transparent 50%);top:35%;right:-15%;animation:bg-glow-float-2-2d5fabc5 24s ease-in-out infinite;animation-delay:-5s}.home-bg-glow-blob-3[data-v-2d5fabc5]{width:min(65vmax,550px);height:min(65vmax,550px);background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.28),transparent 58%);bottom:-20%;left:15%;animation:bg-glow-float-3-2d5fabc5 26s ease-in-out infinite;animation-delay:-12s}.home-bg-glow-blob-4[data-v-2d5fabc5]{width:min(50vmax,420px);height:min(50vmax,420px);background:radial-gradient(circle at 40% 60%,rgba(139,92,246,.3),transparent 55%);top:55%;left:-5%;animation:bg-glow-float-2-2d5fabc5 22s ease-in-out infinite;animation-delay:-3s}.home-bg-glow-blob-5[data-v-2d5fabc5]{width:min(45vmax,380px);height:min(45vmax,380px);background:radial-gradient(circle at 60% 50%,rgba(79,70,229,.25),transparent 52%);top:10%;right:25%;animation:bg-glow-float-1-2d5fabc5 18s ease-in-out infinite;animation-delay:-7s}@keyframes bg-glow-float-1-2d5fabc5{0%,to{transform:translate(0) scale(1) rotate(0)}20%{transform:translate(12%,-8%) scale(1.08) rotate(3deg)}40%{transform:translate(-8%,10%) scale(.95) rotate(-2deg)}60%{transform:translate(10%,12%) scale(1.05) rotate(2deg)}80%{transform:translate(-6%,-6%) scale(.98) rotate(-1deg)}}@keyframes bg-glow-float-2-2d5fabc5{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-15%,5%) scale(1.1) rotate(-4deg)}50%{transform:translate(8%,-12%) scale(.92) rotate(3deg)}75%{transform:translate(-10%,-8%) scale(1.03) rotate(-2deg)}}@keyframes bg-glow-float-3-2d5fabc5{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(9%,15%) scale(1.06) rotate(2deg)}66%{transform:translate(-12%,-10%) scale(.96) rotate(-3deg)}}.home-container .app-header-minimal[data-v-2d5fabc5],.home-container .main-content[data-v-2d5fabc5]{position:relative;z-index:1}.app-header[data-v-2d5fabc5]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:0 0 20px 20px;position:fixed;top:0;left:0;right:0;z-index:100;padding:.75rem 2rem;transition:background-color .3s ease,border-color .3s ease}@supports (corner-shape: squircle){.app-header[data-v-2d5fabc5]{corner-shape:squircle;border-radius:0 0 40px 40px}}.header-content[data-v-2d5fabc5]{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;width:100%}.header-right[data-v-2d5fabc5]{display:flex;align-items:center;gap:1rem}.logo-container[data-v-2d5fabc5]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-2d5fabc5]{font-size:1.5rem;color:#6366f1}.app-name[data-v-2d5fabc5]{font-size:1.4rem;color:var(--text-primary);font-weight:700;line-height:1;transition:color .3s ease}.status-indicator[data-v-2d5fabc5]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:20px}.status-dot[data-v-2d5fabc5]{width:8px;height:8px;background:#22c55e;border-radius:50%}.status-text[data-v-2d5fabc5]{font-size:.8rem;color:#22c55e;font-weight:500}.user-profile[data-v-2d5fabc5]{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:12px;transition:background-color .3s ease}.user-profile[data-v-2d5fabc5]:hover{background:#6366f11a}.user-avatar[data-v-2d5fabc5]{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.user-avatar span[data-v-2d5fabc5]{font-size:1.2rem}.user-details[data-v-2d5fabc5]{display:flex;flex-direction:column;align-items:flex-start}.user-name[data-v-2d5fabc5]{font-size:.9rem;color:var(--text-primary);font-weight:600;line-height:1;transition:color .3s ease}.user-role[data-v-2d5fabc5]{font-size:.7rem;color:var(--text-secondary);font-weight:400;margin-top:.25rem;transition:color .3s ease}.header-actions[data-v-2d5fabc5]{display:flex;align-items:center;gap:.5rem}.action-btn[data-v-2d5fabc5]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.admin-btn[data-v-2d5fabc5]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.admin-btn i[data-v-2d5fabc5]{color:#fff}.admin-btn[data-v-2d5fabc5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.logout-btn[data-v-2d5fabc5]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.logout-btn i[data-v-2d5fabc5]{color:#fff!important}[data-theme=opaque] .header-actions .logout-btn i[data-v-2d5fabc5]{color:#a0a0a0!important}.logout-btn[data-v-2d5fabc5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.logout-btn:hover i[data-v-2d5fabc5]{color:#fff!important}.theme-btn[data-v-2d5fabc5]{background:var(--bg-hover);color:var(--accent-color);border:1px solid var(--border-color)}.theme-btn[data-v-2d5fabc5]:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.dropdown[data-v-2d5fabc5]{position:relative}.dropdown-menu[data-v-2d5fabc5]{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);min-width:180px;z-index:1000;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.dropdown-item[data-v-2d5fabc5]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,color .3s ease;text-align:left}.dropdown-item span[data-v-2d5fabc5]{font-size:1rem}.dropdown-item[data-v-2d5fabc5]:hover{background:var(--bg-hover)}.dropdown-item.logout-item[data-v-2d5fabc5]{color:var(--error-color, #ef4444)}.dropdown-item.logout-item[data-v-2d5fabc5]:hover{background:#ef44441a}.dropdown-divider[data-v-2d5fabc5]{height:1px;background:var(--border-color);margin:.25rem 0;transition:background-color .3s ease}.btn-outline[data-v-2d5fabc5]:hover{background:#6366f1;color:#fff}.app-name[data-v-2d5fabc5]{font-size:1.5rem;color:var(--text-primary);font-weight:700;line-height:1;transition:color .3s ease}.app-tagline[data-v-2d5fabc5]{font-size:.9rem;color:#8b8b8b;font-weight:400;margin-top:.25rem}.main-content[data-v-2d5fabc5]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 3rem;width:100%;overflow-x:hidden;margin-top:70px}.main-actions[data-v-2d5fabc5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-bottom:2.5rem;width:100%;max-width:100%}.action-card[data-v-2d5fabc5]{background:var(--bg-card);border-radius:20px;padding:2rem;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);width:100%;max-width:100%}@supports (corner-shape: squircle){.action-card[data-v-2d5fabc5]{corner-shape:squircle;border-radius:40px}}[data-theme=opaque] .action-card[data-v-2d5fabc5]{background:#2a2a2a}.action-card[data-v-2d5fabc5]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);opacity:.5}.action-card[data-v-2d5fabc5]:hover{background:var(--bg-card);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 0 1px var(--border-hover)}.holder-card[data-v-2d5fabc5]{height:100%;position:relative;overflow:hidden;background:var(--bg-hover)}[data-theme=opaque] .holder-card[data-v-2d5fabc5]{background:#2a2a2a}.holder-card[data-v-2d5fabc5]:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-hover)}.desktop-only[data-v-2d5fabc5]{display:block}@media (max-width: 1199px){.desktop-only[data-v-2d5fabc5]{display:none}}.texture-background[data-v-2d5fabc5]{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;pointer-events:none}.texture-line[data-v-2d5fabc5]{position:absolute;background:linear-gradient(45deg,transparent,rgba(99,102,241,.3),transparent);border-radius:1px}.texture-line[data-v-2d5fabc5]:nth-child(1){top:15%;left:5%;width:70%;height:1px;animation-delay:0s}.texture-line[data-v-2d5fabc5]:nth-child(2){top:35%;left:10%;width:50%;height:1px;animation-delay:2s}.texture-line[data-v-2d5fabc5]:nth-child(3){top:55%;left:20%;width:60%;height:1px;animation-delay:4s}.texture-line[data-v-2d5fabc5]:nth-child(4){top:25%;left:15%;width:40%;height:1px;animation-delay:6s}.texture-line[data-v-2d5fabc5]:nth-child(5){top:65%;left:5%;width:55%;height:1px;animation-delay:8s}.texture-line[data-v-2d5fabc5]:nth-child(6){top:45%;left:25%;width:45%;height:1px;animation-delay:10s}.floating-particles[data-v-2d5fabc5]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.particle[data-v-2d5fabc5]{position:absolute;width:2px;height:2px;background:#6366f166;border-radius:50%}.particle[data-v-2d5fabc5]:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle[data-v-2d5fabc5]:nth-child(2){top:60%;left:70%;animation-delay:2s}.particle[data-v-2d5fabc5]:nth-child(3){top:40%;left:50%;animation-delay:4s}.particle[data-v-2d5fabc5]:nth-child(4){top:80%;left:30%;animation-delay:6s}.particle[data-v-2d5fabc5]:nth-child(5){top:30%;left:80%;animation-delay:1s}.dynamic-text[data-v-2d5fabc5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;text-align:center;width:80%}.text-line[data-v-2d5fabc5]{display:block;color:#fff;font-size:1.2rem;font-weight:600;line-height:1.4;text-shadow:0 4px 12px rgba(0,0,0,.5),0 2px 6px rgba(99,102,241,.3);background:linear-gradient(135deg,#fff,#6366f1cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(20px) scale(.9);transition:all .6s cubic-bezier(.4,0,.2,1)}.text-line.visible[data-v-2d5fabc5]{opacity:1;transform:translateY(0) scale(1)}.create-card[data-v-2d5fabc5]{border-left:4px solid #6366f1;max-height:450px}.create-card[data-v-2d5fabc5]:hover{border-color:#6366f1;box-shadow:0 20px 50px #00000059,0 10px 20px #00000040,0 6px 12px #00000026,0 0 0 1px #6366f133}.join-card[data-v-2d5fabc5]{border-left:4px solid #10b981;max-height:250px}.join-card[data-v-2d5fabc5]:hover{border-color:#10b981;box-shadow:0 20px 50px #00000059,0 10px 20px #00000040,0 6px 12px #00000026,0 0 0 1px #10b98133}.main-actions-right[data-v-2d5fabc5]{height:100%;display:grid}.card-header[data-v-2d5fabc5]{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.card-icon[data-v-2d5fabc5]{font-size:1.8rem;color:#6366f1}.action-card h2[data-v-2d5fabc5]{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:600;transition:color .3s ease}.card-description[data-v-2d5fabc5]{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.6;transition:color .3s ease}.form-group[data-v-2d5fabc5]{margin-bottom:1.25rem}.input-field[data-v-2d5fabc5]{width:100%;padding:1rem 1.25rem;background:var(--input-bg, #F9FAFB);border:1px solid var(--input-border, #E5E7EB);border-radius:15px;font-size:1rem;color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}@supports (corner-shape: squircle){.input-field[data-v-2d5fabc5]{corner-shape:squircle;border-radius:30px}}.input-field[data-v-2d5fabc5]::placeholder{color:var(--text-secondary)}.input-field[data-v-2d5fabc5]:focus{outline:none;border-color:var(--input-border-focus, var(--accent-color));background:var(--input-focus-bg);box-shadow:0 0 0 3px #6366f114}.join-form[data-v-2d5fabc5]{display:flex;gap:1rem;align-items:end}.join-form .input-field[data-v-2d5fabc5]{flex:1}.btn[data-v-2d5fabc5]{padding:1rem 2rem;border:none;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;position:relative;overflow:hidden}@supports (corner-shape: squircle){.btn[data-v-2d5fabc5]{corner-shape:squircle;border-radius:30px}}.btn[data-v-2d5fabc5]:disabled{opacity:.5;cursor:not-allowed}.btn-small[data-v-2d5fabc5]{padding:.5rem 1rem;font-size:.8rem}.btn-primary[data-v-2d5fabc5]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 20px #6366f14d;justify-content:center;width:100%;border-radius:15px}@supports (corner-shape: squircle){.btn-primary[data-v-2d5fabc5]{corner-shape:squircle;border-radius:30px}}.btn-primary i[data-v-2d5fabc5]{color:#fff!important}.btn-primary[data-v-2d5fabc5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.btn-primary:hover:not(:disabled) i[data-v-2d5fabc5]{color:#fff!important}.btn-secondary[data-v-2d5fabc5]:hover:not(:disabled){transform:translateY(-2px)}.btn-outline[data-v-2d5fabc5]{background:transparent;color:#6366f1;border:1px solid #6366f1}.btn-outline[data-v-2d5fabc5]:hover:not(:disabled){background:#6366f1;color:#fff;transform:translateY(-2px)}.btn-text[data-v-2d5fabc5]{background:transparent;color:var(--text-secondary);padding:.5rem;transition:color .3s ease}.btn-text[data-v-2d5fabc5]:hover{color:var(--text-primary)}.btn-danger[data-v-2d5fabc5]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger[data-v-2d5fabc5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ef444466}.recent-rooms[data-v-2d5fabc5]{margin-bottom:2.5rem}.section-header[data-v-2d5fabc5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header h2[data-v-2d5fabc5]{color:var(--text-primary);font-size:1.5rem;margin:0;font-weight:600;transition:color .3s ease}.rooms-grid[data-v-2d5fabc5]{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 30px;scrollbar-width:none;-ms-overflow-style:none;max-width:100%}.rooms-grid[data-v-2d5fabc5]::-webkit-scrollbar{display:none}.rooms-section[data-v-2d5fabc5]{position:relative;display:flex;align-items:center;gap:.5rem}.rooms-container[data-v-2d5fabc5]{flex:1;overflow:hidden;position:relative}.rooms-container[data-v-2d5fabc5]:before,.rooms-container[data-v-2d5fabc5]:after{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:10;pointer-events:none}.rooms-container[data-v-2d5fabc5]:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.rooms-container[data-v-2d5fabc5]:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.scroll-btn[data-v-2d5fabc5]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;transition:all .2s ease;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%);z-index:20;box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scroll-left[data-v-2d5fabc5]{left:-20px}.scroll-right[data-v-2d5fabc5]{right:-20px}.scroll-btn[data-v-2d5fabc5]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-50%);box-shadow:var(--shadow-xl),0 0 0 1px var(--border-hover);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.scroll-btn[data-v-2d5fabc5]:disabled{opacity:.3;cursor:not-allowed}.scroll-btn[data-v-2d5fabc5]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#0003;border-radius:50%;z-index:-1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.room-card[data-v-2d5fabc5]{background:var(--bg-card);border-radius:20px;padding:1rem;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-md);min-width:280px;max-width:320px;flex-shrink:0;width:100%}@supports (corner-shape: squircle){.room-card[data-v-2d5fabc5]{corner-shape:squircle;border-radius:40px}}.room-card[data-v-2d5fabc5]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);opacity:.5}.room-card[data-v-2d5fabc5]:hover{background:var(--bg-card);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-hover)}.room-header[data-v-2d5fabc5]{margin-bottom:1rem}.room-title[data-v-2d5fabc5]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.room-icon[data-v-2d5fabc5]{font-size:1.2rem;opacity:.9}.room-name[data-v-2d5fabc5]{margin:0;font-size:1.1rem;font-weight:600;line-height:1.3;color:var(--text-primary);flex:1;transition:color .3s ease}.room-meta[data-v-2d5fabc5]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);transition:color .3s ease}.room-id[data-v-2d5fabc5]{font-family:Courier New,monospace;color:var(--text-secondary);transition:color .3s ease}.meta-separator[data-v-2d5fabc5]{color:var(--text-secondary);font-weight:700;opacity:.5}.room-date[data-v-2d5fabc5]{color:var(--text-secondary);transition:color .3s ease}.room-actions-bar[data-v-2d5fabc5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}[data-theme=opaque] .room-actions-bar[data-v-2d5fabc5]{background:#2a2a2a;border:1px solid #3a3a3a}[data-theme=opaque] .room-card .room-actions-bar[data-v-2d5fabc5]{background:#2a2a2a}.action-buttons[data-v-2d5fabc5]{display:flex;gap:.5rem}.delete-btn[data-v-2d5fabc5]{background:var(--error-color)!important;border-color:var(--error-color)!important;color:#fff!important;transition:all .3s ease!important}.delete-btn i[data-v-2d5fabc5]{color:#fff!important}.delete-btn[data-v-2d5fabc5]:hover{background:var(--error-color)!important;border-color:var(--error-color)!important;opacity:.9!important;transform:translateY(-1px)!important}.delete-btn:hover i[data-v-2d5fabc5]{color:#fff!important}.room-footer[data-v-2d5fabc5]{margin-top:auto}.join-btn[data-v-2d5fabc5]{width:100%;padding:.75rem 1rem;font-size:15px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #6366f14d}.join-btn[data-v-2d5fabc5]:hover{background:linear-gradient(135deg,#5b5bd6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.join-btn[data-v-2d5fabc5]:active{transform:translateY(0);box-shadow:0 2px 6px #6366f14d}.join-icon[data-v-2d5fabc5]{font-size:14px;opacity:.9}.join-btn i[data-v-2d5fabc5],.join-btn .fa-sign-in[data-v-2d5fabc5]{color:#fff!important}.action-buttons[data-v-2d5fabc5]{display:flex;gap:.375rem;justify-content:center}@supports (corner-shape: squircle){.action-btn[data-v-2d5fabc5]{corner-shape:squircle;border-radius:15px}}.action-btn[data-v-2d5fabc5]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.375rem;border-radius:7.5px;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.action-btn i[data-v-2d5fabc5]{color:#fff}[data-theme=opaque] .action-btn[data-v-2d5fabc5],[data-theme=opaque] .room-card .action-btn[data-v-2d5fabc5],[data-theme=opaque] .stagger-card .action-btn[data-v-2d5fabc5]{background:#2a2a2a;border:1px solid #3a3a3a;box-shadow:0 1px 2px #0003}[data-theme=opaque] .room-card .action-btn i[data-v-2d5fabc5],[data-theme=opaque] .stagger-card .action-btn i[data-v-2d5fabc5]{color:#a0a0a0}[data-theme=opaque] .room-card .action-btn[data-v-2d5fabc5]:hover,[data-theme=opaque] .stagger-card .action-btn[data-v-2d5fabc5]:hover{border-color:var(--accent-color);box-shadow:0 2px 4px #0000004d}[data-theme=opaque] .room-card .action-btn:hover i[data-v-2d5fabc5],[data-theme=opaque] .stagger-card .action-btn:hover i[data-v-2d5fabc5],.action-btn.delete-btn i[data-v-2d5fabc5],.btn-danger.action-btn i[data-v-2d5fabc5],.delete-btn i[data-v-2d5fabc5]{color:#fff}.action-btn.delete-btn:hover i[data-v-2d5fabc5],.btn-danger.action-btn:hover i[data-v-2d5fabc5],.delete-btn:hover i[data-v-2d5fabc5]{color:#fff!important}.action-btn i[data-v-2d5fabc5]{color:var(--text-secondary);transition:color .3s ease}.header-actions .action-btn i[data-v-2d5fabc5]{color:#fff;transition:color .3s ease}[data-theme=opaque] .header-actions .action-btn i[data-v-2d5fabc5]{color:#a0a0a0!important}.action-btn[data-v-2d5fabc5]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--bg-hover),transparent);transition:left .5s ease}.action-btn[data-v-2d5fabc5]:hover:before{left:100%}.action-btn[data-v-2d5fabc5]:hover{background:var(--bg-hover);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}[data-theme=opaque] .action-btn[data-v-2d5fabc5]:hover{background:#333;border-color:var(--accent-color)}[data-theme=opaque] .action-btn:hover i[data-v-2d5fabc5]{color:#fff}.action-btn[data-v-2d5fabc5]:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.btn-secondary[data-v-2d5fabc5]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .3s ease}.btn-danger[data-v-2d5fabc5]{background:#dc2626;border:1px solid #ef4444;color:#fff}.btn-danger i[data-v-2d5fabc5]{color:#fff!important}.btn-danger[data-v-2d5fabc5]:hover{background:#ef4444;border-color:#f87171}.btn-danger:hover i[data-v-2d5fabc5]{color:#fff!important}.settings-info[data-v-2d5fabc5]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;margin-bottom:1.5rem;color:#8b8b8b;font-size:.9rem}.settings-info .info-icon[data-v-2d5fabc5]{font-size:1rem;color:#6366f1}.settings-grid[data-v-2d5fabc5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;max-width:100%}.setting-card[data-v-2d5fabc5]{background:var(--bg-card);border-radius:20px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-md);width:100%;max-width:100%}@supports (corner-shape: squircle){.setting-card[data-v-2d5fabc5]{corner-shape:squircle;border-radius:40px}}.setting-card[data-v-2d5fabc5]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);opacity:.5}.setting-card[data-v-2d5fabc5]:hover{background:var(--bg-card);border-color:var(--accent-color);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-hover)}.setting-header[data-v-2d5fabc5]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.refresh-btn[data-v-2d5fabc5]{background:none;border:none;color:#6366f1;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;margin-left:auto}.refresh-btn[data-v-2d5fabc5]:hover:not(:disabled){background:#6366f11a;transform:rotate(180deg)}.refresh-btn[data-v-2d5fabc5]:disabled{opacity:.5;cursor:not-allowed}.setting-icon[data-v-2d5fabc5]{font-size:1.5rem;color:#6366f1}.setting-card h3[data-v-2d5fabc5]{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:color .3s ease}.setting-description[data-v-2d5fabc5]{margin-top:.5rem;color:var(--text-secondary);font-size:.85rem;line-height:1.4;transition:color .3s ease}.setting-select[data-v-2d5fabc5]{width:100%;padding:.75rem 1rem;background:var(--input-bg, #F9FAFB);border:1px solid var(--input-border, #E5E7EB);border-radius:12px;font-size:.9rem;color:var(--text-primary);transition:all .3s ease;cursor:pointer}.setting-select[data-v-2d5fabc5]:focus{outline:none;border-color:var(--input-border-focus, var(--accent-color));background:var(--input-focus-bg);box-shadow:0 0 0 3px #6366f114}.setting-toggle[data-v-2d5fabc5]{display:flex;justify-content:flex-end}.toggle-switch[data-v-2d5fabc5]{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input[data-v-2d5fabc5]{opacity:0;width:0;height:0}.toggle-slider[data-v-2d5fabc5]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:24px}.toggle-slider[data-v-2d5fabc5]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider[data-v-2d5fabc5]{background-color:#6366f1}input:checked+.toggle-slider[data-v-2d5fabc5]:before{transform:translate(26px)}.no-devices[data-v-2d5fabc5]{margin-top:.5rem;padding:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.8rem;text-align:center}.info-section[data-v-2d5fabc5]{margin-bottom:2.5rem}.info-section h2[data-v-2d5fabc5]{color:var(--text-primary);font-size:1.5rem;margin:0 0 1.25rem;font-weight:600;transition:color .3s ease}.info-grid[data-v-2d5fabc5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.info-item[data-v-2d5fabc5]{background:var(--bg-card);border-radius:20px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}@supports (corner-shape: squircle){.info-item[data-v-2d5fabc5]{corner-shape:squircle;border-radius:40px}}.info-item[data-v-2d5fabc5]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);opacity:.5}.info-item[data-v-2d5fabc5]:hover{background:var(--bg-card);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 16px 40px #00000059,0 8px 16px #00000040,0 4px 8px #00000026,0 0 0 1px #6366f133}.info-icon[data-v-2d5fabc5]{font-size:1.5rem;color:#6366f1}.info-item span[data-v-2d5fabc5]:last-child{color:#8b8b8b;font-weight:400;font-size:1rem;line-height:1.5}.app-footer[data-v-2d5fabc5]{text-align:center;padding:1.5rem 1rem;background:#0a0a0af2;color:#8b8b8b;border-top:1px solid #2a2a2a;font-size:.85rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.error-toast[data-v-2d5fabc5]{position:fixed;top:1rem;right:1rem;z-index:1000;max-width:400px}.error-content[data-v-2d5fabc5]{background:#ed4245;color:#fff;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;border:1px solid #c03e42}.error-icon[data-v-2d5fabc5]{font-size:1rem}.error-text[data-v-2d5fabc5]{flex:1;font-size:.9rem}.error-close[data-v-2d5fabc5]{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.error-close[data-v-2d5fabc5]:hover{background:#ffffff1a}@media (max-width: 768px){.app-header-minimal[data-v-2d5fabc5]{padding:.875rem 1rem;flex-wrap:wrap;gap:.75rem}.header-left[data-v-2d5fabc5]{gap:.75rem;min-width:0}.app-title[data-v-2d5fabc5]{font-size:1.2rem}.header-time[data-v-2d5fabc5]{font-size:.9rem}.header-right-group[data-v-2d5fabc5]{flex-wrap:nowrap;gap:.5rem}.header-switcher[data-v-2d5fabc5]{padding:3px}.switcher-tab[data-v-2d5fabc5]{padding:.4rem .85rem;font-size:.8rem}.header-actions-minimal[data-v-2d5fabc5]{gap:.2rem}.minimal-btn[data-v-2d5fabc5]{width:36px;height:36px;font-size:.85rem}.dashboard-layout[data-v-2d5fabc5]{flex-direction:column;gap:1.5rem}.dashboard-grid[data-v-2d5fabc5]{grid-template-columns:1fr;grid-template-rows:auto;--card-size: min(300px, 90vw);width:100%}.dashboard-card[data-v-2d5fabc5]{width:100%;min-width:0;max-width:100%;height:var(--card-size);min-height:var(--card-size);max-height:var(--card-size)}.dashboard-card.settings-card-1[data-v-2d5fabc5],.dashboard-card.settings-card-2[data-v-2d5fabc5]{grid-row:auto;grid-column:1}.dashboard-card.card-circle[data-v-2d5fabc5]{width:var(--card-size);min-width:var(--card-size);max-width:var(--card-size);height:var(--card-size);grid-column:1;grid-row:auto}.rooms-sidebar[data-v-2d5fabc5]{width:100%;min-width:0;height:auto;min-height:auto}.home-bottom-controls[data-v-2d5fabc5]{bottom:1rem;right:1rem}.bottom-control-btn[data-v-2d5fabc5]{width:44px;height:44px;font-size:1rem}.header-actions[data-v-2d5fabc5]{display:flex;gap:.5rem}.action-btn[data-v-2d5fabc5]{width:36px;height:36px;font-size:1.1rem}.logo-container[data-v-2d5fabc5]{gap:.5rem}.app-name[data-v-2d5fabc5]{font-size:1.2rem}.dropdown-menu[data-v-2d5fabc5]{right:0;left:auto;min-width:160px}.dropdown-item[data-v-2d5fabc5]{padding:.75rem 1rem;font-size:.9rem}.main-content[data-v-2d5fabc5]{padding:1.25rem 1rem}.widget-dashboard-grid[data-v-2d5fabc5]{width:100%}.main-actions[data-v-2d5fabc5]{grid-template-columns:1fr;gap:1.5rem}.action-card[data-v-2d5fabc5]{padding:1.5rem}.join-form[data-v-2d5fabc5]{flex-direction:column}.join-form .btn[data-v-2d5fabc5]{width:100%;flex-shrink:0;white-space:nowrap}@media (max-width: 768px) and (orientation: landscape){.action-card.join-card[data-v-2d5fabc5]{max-height:none;overflow:visible}.join-form[data-v-2d5fabc5]{flex-direction:row;align-items:flex-end;gap:.75rem}.join-form .input-field[data-v-2d5fabc5]{flex:1;min-width:0}.join-form .btn[data-v-2d5fabc5]{width:auto;flex-shrink:0;padding:1rem 1.5rem;white-space:nowrap}}.settings-grid[data-v-2d5fabc5]{grid-template-columns:1fr}.rooms-grid[data-v-2d5fabc5]{flex-direction:row;overflow-x:auto;padding:.5rem 20px}.rooms-section[data-v-2d5fabc5]{gap:.25rem}.rooms-container[data-v-2d5fabc5]{flex:1}.rooms-container[data-v-2d5fabc5]:before,.rooms-container[data-v-2d5fabc5]:after{width:20px}.rooms-container[data-v-2d5fabc5]:before{background:linear-gradient(to right,var(--bg-primary),transparent)}.rooms-container[data-v-2d5fabc5]:after{background:linear-gradient(to left,var(--bg-primary),transparent)}.scroll-btn[data-v-2d5fabc5]{display:flex;width:32px;height:32px;font-size:14px;z-index:20;box-shadow:0 6px 20px #00000080,0 3px 8px #0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.scroll-left[data-v-2d5fabc5]{left:-16px}.scroll-right[data-v-2d5fabc5]{right:-16px}.room-card[data-v-2d5fabc5]{min-width:240px;max-width:280px;width:auto;padding:.75rem;flex-shrink:0}.room-header[data-v-2d5fabc5]{margin-bottom:.75rem}.room-title[data-v-2d5fabc5]{gap:.375rem;margin-bottom:.375rem}.room-icon[data-v-2d5fabc5],.room-name[data-v-2d5fabc5]{font-size:1rem}.room-meta[data-v-2d5fabc5]{font-size:.7rem;gap:.375rem}.room-actions-bar[data-v-2d5fabc5]{padding:.5rem;margin-bottom:.75rem}.action-buttons[data-v-2d5fabc5]{gap:.375rem}.action-btn[data-v-2d5fabc5]{min-width:28px;height:28px;font-size:12px;padding:.25rem}.join-btn[data-v-2d5fabc5]{padding:.625rem .875rem;font-size:14px}.join-icon[data-v-2d5fabc5]{font-size:12px}.info-grid[data-v-2d5fabc5]{grid-template-columns:1fr}.error-toast[data-v-2d5fabc5]{top:1rem;right:1rem;left:1rem}.header-left[data-v-2d5fabc5],.header-center[data-v-2d5fabc5],.header-right[data-v-2d5fabc5]{width:100%;justify-content:center}.header-center[data-v-2d5fabc5]{order:-1}.status-indicator[data-v-2d5fabc5],.user-profile[data-v-2d5fabc5]{justify-content:center}.header-actions[data-v-2d5fabc5]{justify-content:center;gap:1rem}.dropdown-menu[data-v-2d5fabc5]{right:auto;left:50%;transform:translate(-50%)}}@media (max-width: 580px){.app-header-minimal[data-v-2d5fabc5]{padding:.65rem .75rem;gap:.5rem}.header-left[data-v-2d5fabc5]{gap:.5rem}.app-title[data-v-2d5fabc5]{font-size:1.05rem}.header-time[data-v-2d5fabc5]{font-size:.8rem}.header-switcher[data-v-2d5fabc5]{padding:2px}.switcher-tab[data-v-2d5fabc5]{padding:.35rem .65rem;font-size:.75rem}.minimal-btn[data-v-2d5fabc5]{width:32px;height:32px;font-size:.8rem}.main-content[data-v-2d5fabc5]{padding:1rem .75rem;margin-top:56px}.dashboard-layout[data-v-2d5fabc5]{padding-bottom:1.5rem}}.form-row[data-v-2d5fabc5]{gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.form-row .form-group[data-v-2d5fabc5]{flex:1;margin-bottom:10px}.guest-access-container[data-v-2d5fabc5]{min-width:280px}.guest-toggle-card[data-v-2d5fabc5]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}@supports (corner-shape: squircle){.guest-toggle-card[data-v-2d5fabc5]{corner-shape:squircle;border-radius:30px}}.guest-toggle-card[data-v-2d5fabc5]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);opacity:0;transition:opacity .3s ease}.guest-toggle-card.active[data-v-2d5fabc5]{border-color:var(--accent-color);background:var(--bg-hover);box-shadow:0 0 0 1px var(--border-hover),var(--shadow-sm)}.guest-toggle-card.active[data-v-2d5fabc5]:before{opacity:1}.guest-checkbox-wrapper[data-v-2d5fabc5]{display:flex;align-items:center;gap:1rem;cursor:pointer;width:100%}.guest-checkbox-input[data-v-2d5fabc5]{display:none}.guest-checkbox-custom[data-v-2d5fabc5]{width:24px;height:24px;border:2px solid var(--border-color);border-radius:6px;background:transparent;position:relative;transition:all .3s ease;flex-shrink:0}.guest-checkbox-icon[data-v-2d5fabc5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:14px;font-weight:700;transition:transform .2s ease}.guest-checkbox-input:checked+.guest-checkbox-custom[data-v-2d5fabc5]{background:#6366f1;border-color:#6366f1;box-shadow:0 0 10px #6366f14d}.guest-checkbox-input:checked+.guest-checkbox-custom .guest-checkbox-icon[data-v-2d5fabc5]{transform:translate(-50%,-50%) scale(1)}.guest-checkbox-content[data-v-2d5fabc5]{display:flex;flex-direction:column;gap:.25rem;flex:1}.guest-checkbox-title[data-v-2d5fabc5]{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.2;transition:color .3s ease}.guest-checkbox-subtitle[data-v-2d5fabc5]{font-size:.8rem;color:var(--text-secondary);transition:color .3s ease;line-height:1.2}.guest-settings-button[data-v-2d5fabc5]{background:linear-gradient(135deg,#6366f11a,#6366f10d);border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.75rem 1rem;color:#6366f1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;margin-top:.75rem;width:100%;justify-content:center}.guest-settings-button[data-v-2d5fabc5]:hover{background:linear-gradient(135deg,#6366f133,#6366f11a);border-color:#6366f180;transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.settings-icon[data-v-2d5fabc5]{font-size:1rem}.settings-text[data-v-2d5fabc5]{font-size:.85rem}.action-card.blurred[data-v-2d5fabc5],.dashboard-card.blurred[data-v-2d5fabc5],.create-room-form-card.blurred[data-v-2d5fabc5]{filter:blur(2px);pointer-events:none}.guest-settings-modal[data-v-2d5fabc5]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-2d5fabc5 .3s ease-out}.modal-backdrop[data-v-2d5fabc5]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-2d5fabc5]{position:relative;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideUp-2d5fabc5 .3s ease-out;transition:background-color .3s ease,border-color .3s ease}.modal-header[data-v-2d5fabc5]{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-hover);transition:background-color .3s ease,border-color .3s ease}.modal-icon[data-v-2d5fabc5]{font-size:1.5rem;color:var(--accent-color)}.modal-header h3[data-v-2d5fabc5]{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600;flex:1;transition:color .3s ease}.close-btn[data-v-2d5fabc5]{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-btn[data-v-2d5fabc5]:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-body[data-v-2d5fabc5]{padding:1.5rem}.modal-footer[data-v-2d5fabc5]{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;transition:border-color .3s ease}.btn-secondary[data-v-2d5fabc5]{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 20px #6366f14d;color:#fff;padding:.75rem 1.5rem;border-radius:15px;cursor:pointer;transition:all .2s ease;font-weight:500}@keyframes fadeIn-2d5fabc5{0%{opacity:0}to{opacity:1}}@keyframes slideUp-2d5fabc5{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkbox-label[data-v-2d5fabc5]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#fff;margin-bottom:.75rem;font-size:.9rem}.checkbox-input[data-v-2d5fabc5]{display:none}.checkbox-custom[data-v-2d5fabc5]{width:20px;height:20px;border:2px solid #6366f1;border-radius:4px;background:transparent;position:relative;transition:all .2s ease}.checkbox-input:checked+.checkbox-custom[data-v-2d5fabc5]{background:#6366f1;border-color:#6366f1}.checkbox-input:checked+.checkbox-custom[data-v-2d5fabc5]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-text[data-v-2d5fabc5]{font-size:.95rem}.guest-access-settings[data-v-2d5fabc5]{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(99,102,241,.2)}.guest-settings-grid[data-v-2d5fabc5]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-small[data-v-2d5fabc5]{padding:.75rem 1rem;font-size:.9rem}.form-label[data-v-2d5fabc5]{display:block;margin-bottom:.5rem;color:#8b8b8b;font-size:.9rem;font-weight:500}.guest-link-item[data-v-2d5fabc5]{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem;margin:1rem 0}.guest-link-item label[data-v-2d5fabc5]{color:#10b981;font-weight:600}.guest-input[data-v-2d5fabc5]{background:#10b9810d;border-color:#10b9814d;color:#10b981}.guest-link-note[data-v-2d5fabc5]{margin-top:.5rem;color:#10b981;font-size:.85rem;font-style:italic}@media (max-width: 768px){.form-row[data-v-2d5fabc5]{flex-direction:column;gap:.75rem;align-items:stretch}.guest-access-container[data-v-2d5fabc5]{min-width:auto}.guest-toggle-card[data-v-2d5fabc5]{padding:.75rem}.guest-checkbox-wrapper[data-v-2d5fabc5]{gap:.75rem}.guest-checkbox-custom[data-v-2d5fabc5]{width:20px;height:20px}.guest-checkbox-icon[data-v-2d5fabc5]{font-size:12px}.guest-checkbox-title[data-v-2d5fabc5]{font-size:.9rem}.guest-checkbox-subtitle[data-v-2d5fabc5]{font-size:.75rem}.guest-settings-button[data-v-2d5fabc5]{padding:.6rem .8rem;font-size:.85rem;margin-top:.5rem}.settings-text[data-v-2d5fabc5]{font-size:.8rem}.modal-content[data-v-2d5fabc5]{width:95%;max-height:90vh}.modal-header[data-v-2d5fabc5],.modal-body[data-v-2d5fabc5]{padding:1rem}.modal-footer[data-v-2d5fabc5]{padding:.75rem 1rem}.guest-settings-grid[data-v-2d5fabc5]{grid-template-columns:1fr;gap:.75rem}}.modal-overlay[data-v-2d5fabc5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;transition:background-color .3s ease}[data-theme=opaque] .modal-overlay[data-v-2d5fabc5]{background:#0009}.modal-content[data-v-2d5fabc5]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transition:background-color .3s ease,border-color .3s ease}.modal-header[data-v-2d5fabc5]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid var(--border-color);margin-bottom:24px;transition:border-color .3s ease}.modal-header h2[data-v-2d5fabc5]{margin:0;color:var(--text-primary);font-size:24px;font-weight:600;transition:color .3s ease}.modal-close[data-v-2d5fabc5]{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.modal-close[data-v-2d5fabc5]:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body[data-v-2d5fabc5]{padding:0 24px}.room-info[data-v-2d5fabc5]{text-align:center;margin-bottom:32px}.room-info h3[data-v-2d5fabc5]{margin:0 0 8px;color:var(--text-primary);font-size:20px;font-weight:600;transition:color .3s ease}.room-id[data-v-2d5fabc5]{margin:0;color:var(--text-secondary);font-size:14px;font-family:Courier New,monospace;transition:color .3s ease}.share-section h4[data-v-2d5fabc5]{margin:0 0 16px;color:var(--text-primary);font-size:16px;font-weight:600;transition:color .3s ease}.share-item[data-v-2d5fabc5]{margin-bottom:20px}.share-item label[data-v-2d5fabc5]{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .3s ease}.input-group[data-v-2d5fabc5]{display:flex;gap:8px}.share-input[data-v-2d5fabc5]{flex:1;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;font-family:Courier New,monospace;transition:all .3s ease}.share-input[data-v-2d5fabc5]:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-focus-bg);box-shadow:0 0 0 3px #6366f114}.copy-btn[data-v-2d5fabc5]{background:var(--accent-color);border:none;border-radius:8px;padding:12px 16px;color:#fff;cursor:pointer;font-size:16px;transition:all .2s ease;min-width:50px}.copy-btn[data-v-2d5fabc5]:hover{background:var(--accent-hover);transform:translateY(-1px)}.qr-section[data-v-2d5fabc5]{margin-top:32px;text-align:center}.qr-code[data-v-2d5fabc5]{margin-top:16px}.qr-image[data-v-2d5fabc5]{display:flex;justify-content:center;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:background-color .3s ease,border-color .3s ease}.qr-image img[data-v-2d5fabc5]{max-width:200px;height:auto;border-radius:8px}.qr-placeholder[data-v-2d5fabc5]{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;color:var(--text-secondary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.qr-placeholder span[data-v-2d5fabc5]{font-size:48px;display:block;margin-bottom:12px}.qr-placeholder p[data-v-2d5fabc5]{margin:0;font-size:14px}.modal-footer[data-v-2d5fabc5]{padding:24px;border-top:1px solid var(--border-color);text-align:center;transition:border-color .3s ease}.modal-footer .btn[data-v-2d5fabc5]{width:100%;padding:16px;font-size:16px;font-weight:600}@media (max-width: 768px){.modal-content[data-v-2d5fabc5]{margin:10px;max-width:none}.modal-header[data-v-2d5fabc5],.modal-body[data-v-2d5fabc5],.modal-footer[data-v-2d5fabc5]{padding:16px}.input-group[data-v-2d5fabc5]{flex-direction:column}.copy-btn[data-v-2d5fabc5]{width:100%}}.fade-in[data-v-2d5fabc5]{opacity:0;animation:fadeIn-2d5fabc5 .6s ease-out forwards}.stagger-card[data-v-2d5fabc5]{opacity:0;transform:translateY(20px);animation:staggerIn-2d5fabc5 .5s ease-out forwards}.page-indicators[data-v-2d5fabc5]{display:flex;justify-content:center;gap:8px;margin-top:20px}.page-indicator[data-v-2d5fabc5]{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.page-indicator[data-v-2d5fabc5]:hover{background:#ffffff80}[data-theme=opaque] .page-indicator[data-v-2d5fabc5]{width:8px;height:8px;border-radius:50%;border:none;background:#6b6b6b;cursor:pointer;transition:all .3s ease}[data-theme=opaque] .page-indicator[data-v-2d5fabc5]:hover{background:#8b8b8b}.page-indicator.active[data-v-2d5fabc5]{background:#6366f1}@keyframes fadeIn-2d5fabc5{to{opacity:1}}@keyframes staggerIn-2d5fabc5{to{opacity:1;transform:translateY(0)}}.main-actions.fade-in[data-v-2d5fabc5]{animation-delay:.1s}.recent-rooms.fade-in[data-v-2d5fabc5]{animation-delay:.2s}.chat-panel[data-v-1d6e43e2]{position:fixed;right:20px;bottom:100px;width:320px;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1000;transition:all .3s ease;max-height:500px}@supports (corner-shape: squircle){.chat-panel[data-v-1d6e43e2]{corner-shape:squircle;border-radius:40px}}.chat-panel.expanded[data-v-1d6e43e2]{height:500px}.chat-header[data-v-1d6e43e2]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:20px 20px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-color .3s ease}.chat-header[data-v-1d6e43e2]:hover{background:var(--bg-hover)}.chat-title[data-v-1d6e43e2]{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.chat-title i[data-v-1d6e43e2]{color:var(--accent-color);transition:color .3s ease}.unread-badge[data-v-1d6e43e2]{background:var(--error-color);color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.chat-controls[data-v-1d6e43e2]{display:flex;gap:8px}.clear-btn[data-v-1d6e43e2],.toggle-btn[data-v-1d6e43e2]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease}.clear-btn[data-v-1d6e43e2]:hover,.toggle-btn[data-v-1d6e43e2]:hover{color:var(--text-primary);background:var(--bg-hover)}.chat-content[data-v-1d6e43e2]{display:flex;flex-direction:column;height:436px}.chat-messages[data-v-1d6e43e2]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages[data-v-1d6e43e2]::-webkit-scrollbar{width:6px}.chat-messages[data-v-1d6e43e2]::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.chat-messages[data-v-1d6e43e2]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.chat-messages[data-v-1d6e43e2]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.message[data-v-1d6e43e2]{display:flex;flex-direction:column;gap:4px;max-width:85%}.message.own-message[data-v-1d6e43e2]{align-self:flex-end;align-items:flex-end}.message.own-message .message-text[data-v-1d6e43e2]{background:var(--accent-color);color:#fff}.message.own-message .message-header[data-v-1d6e43e2]{flex-direction:row-reverse}.message-header[data-v-1d6e43e2]{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary);transition:color .3s ease}.sender-name[data-v-1d6e43e2]{font-weight:600;color:var(--text-primary);transition:color .3s ease}.message-time[data-v-1d6e43e2]{font-size:.7rem;opacity:.7}.message-text[data-v-1d6e43e2]{background:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px;border-radius:12px;word-wrap:break-word;line-height:1.4;transition:background-color .3s ease,color .3s ease}@supports (corner-shape: squircle){.message-text[data-v-1d6e43e2]{corner-shape:squircle;border-radius:24px}}.empty-state[data-v-1d6e43e2]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);text-align:center;transition:color .3s ease}.empty-state i[data-v-1d6e43e2]{font-size:2rem;margin-bottom:8px;opacity:.5}.empty-state p[data-v-1d6e43e2]{margin:4px 0}.empty-hint[data-v-1d6e43e2]{font-size:.875rem;opacity:.7}.chat-input-container[data-v-1d6e43e2]{padding:16px;border-top:1px solid var(--border-color);background:var(--bg-card);border-radius:0 0 20px 20px;transition:background-color .3s ease,border-color .3s ease}.chat-input-wrapper[data-v-1d6e43e2]{display:flex;gap:8px;align-items:center}.chat-input[data-v-1d6e43e2]{flex:1;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:8px 12px;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}@supports (corner-shape: squircle){.chat-input[data-v-1d6e43e2]{corner-shape:squircle;border-radius:24px}}.chat-input[data-v-1d6e43e2]:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-focus-bg);box-shadow:0 0 0 2px #6366f133}.chat-input[data-v-1d6e43e2]:disabled{opacity:.5;cursor:not-allowed}.send-btn[data-v-1d6e43e2]{background:var(--accent-color);border:none;border-radius:12px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@supports (corner-shape: squircle){.send-btn[data-v-1d6e43e2]{corner-shape:squircle;border-radius:24px}}.send-btn[data-v-1d6e43e2]:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.send-btn[data-v-1d6e43e2]:disabled{opacity:.5;cursor:not-allowed;transform:none}.connection-status[data-v-1d6e43e2]{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.75rem;color:var(--error-color);transition:color .3s ease}.connection-status i[data-v-1d6e43e2]{font-size:.875rem}@media (max-width: 768px){.chat-panel[data-v-1d6e43e2]{right:10px;left:10px;width:auto;bottom:80px}.chat-panel.expanded[data-v-1d6e43e2]{height:400px}.chat-content[data-v-1d6e43e2]{height:336px}.message[data-v-1d6e43e2]{max-width:90%}}@keyframes slideIn-1d6e43e2{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.chat-panel[data-v-1d6e43e2]{animation:slideIn-1d6e43e2 .3s ease-out}.message[data-v-1d6e43e2]{animation:fadeInUp-1d6e43e2 .3s ease-out}@keyframes fadeInUp-1d6e43e2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.local-video-preview[data-v-67cc8809]{--radius-lg: 10px;--radius-2xl: 20px;--radius-full: 50%;position:fixed;top:0;left:0;background:#2f3136f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 4px 20px #0000004d;cursor:move;z-index:1001;transition:width .25s ease,height .25s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation;animation:fadeIn-67cc8809 .3s ease-out}.local-video-preview[data-v-67cc8809]:hover{box-shadow:0 6px 25px #0006}.local-video-preview.peeked .preview-video.video-hidden-in-peek[data-v-67cc8809]{opacity:0;pointer-events:none}.local-video-preview.peeked[data-v-67cc8809]{border-radius:var(--radius-lg);box-shadow:0 2px 12px #0006;transition:box-shadow .2s ease,border-color .2s ease}.local-video-preview.peeked[data-v-67cc8809]:hover{box-shadow:0 4px 16px #00000080}.peek-tab-overlay[data-v-67cc8809]{position:absolute;top:0;right:0;bottom:0;left:0;background:#2f3136f2;display:flex;align-items:center;justify-content:center;border-radius:inherit}.peek-arrow[data-v-67cc8809]{font-size:12px;color:#ffffffe6}.preview-avatar-placeholder[data-v-67cc8809]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:inherit}.preview-avatar-emoji[data-v-67cc8809]{font-size:2.5rem;line-height:1}.local-video-preview.dragging[data-v-67cc8809]{cursor:grabbing;box-shadow:0 8px 30px #00000080;touch-action:none}.local-video-preview.zoomed[data-v-67cc8809]{box-shadow:0 8px 30px #00000080}@media (max-width: 768px){.local-video-preview[data-v-67cc8809]{margin:0;padding:0;left:max(0px,env(safe-area-inset-left));right:max(0px,env(safe-area-inset-right));top:max(0px,env(safe-area-inset-top));bottom:max(0px,env(safe-area-inset-bottom))}}.local-video-preview.zoomed[data-v-67cc8809]:hover{transform:scale(1.02)}.preview-video[data-v-67cc8809]{width:100%;height:100%;object-fit:cover;background:#1a1a1a;border-radius:var(--radius-2xl);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;filter:contrast(1.1) brightness(1.05)}.preview-overlay[data-v-67cc8809]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-start;padding:8px;pointer-events:none}.status-indicators[data-v-67cc8809]{display:flex;gap:4px;pointer-events:auto}.indicator[data-v-67cc8809]{font-size:12px;background:#0009;padding:2px 4px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.indicator.muted[data-v-67cc8809],.indicator.video-off[data-v-67cc8809]{background:#ed4245cc}.indicator.screen-share[data-v-67cc8809]{background:#5865f2cc}.drag-indicator[data-v-67cc8809]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#5865f2e6;color:#fff;padding:6px 8px;border-radius:var(--radius-lg);font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}@media (max-width: 768px){.indicator[data-v-67cc8809]{font-size:10px;padding:1px 3px}}@keyframes fadeIn-67cc8809{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.local-preview-reaction[data-v-67cc8809]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;animation:reaction-appear-67cc8809 .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none;will-change:transform,opacity,filter}.local-preview-reaction.fade-out[data-v-67cc8809]{animation:reaction-fade-out-67cc8809 .5s ease-out forwards}.local-preview-reaction .reaction-emoji[data-v-67cc8809]{font-size:2.5rem;line-height:1;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,255,255,.3));animation:reaction-glow-67cc8809 2s ease-in-out infinite;will-change:transform,filter}@keyframes reaction-appear-67cc8809{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg);filter:blur(4px)}30%{opacity:.8;transform:translate(-50%,-50%) scale(1.15) rotate(5deg);filter:blur(1px)}60%{transform:translate(-50%,-50%) scale(.95) rotate(-2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}}@keyframes reaction-fade-out-67cc8809{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.8) rotate(5deg);filter:blur(2px)}to{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(10deg);filter:blur(4px)}}@keyframes reaction-glow-67cc8809{0%,to{filter:drop-shadow(0 4px 12px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 4px 16px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(255,255,255,.5))}}@media (max-width: 768px){.local-preview-reaction .reaction-emoji[data-v-67cc8809]{font-size:2rem}}.settings-overlay[data-v-754a46bf]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-754a46bf .2s ease}.settings-panel[data-v-754a46bf]{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;width:min(96vw,520px);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0006;animation:slideUp-754a46bf .25s ease}.close-btn[data-v-754a46bf]{position:absolute;top:.75rem;right:.75rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:1.25rem;cursor:pointer;border-radius:12px;transition:all .2s}.close-btn[data-v-754a46bf]:hover{background:#ffffff26;border-color:#fff3;transform:scale(1.05)}.settings-grid[data-v-754a46bf]{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.setting-card[data-v-754a46bf]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.card-row[data-v-754a46bf]{display:flex;align-items:center;gap:.75rem}.card-row>i[data-v-754a46bf]{color:var(--accent-color);font-size:.95rem;width:20px;flex-shrink:0}.setting-select[data-v-754a46bf]{flex:1;min-width:0;padding:.5rem .75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s}.setting-select[data-v-754a46bf]:focus{outline:none;border-color:var(--accent-color)}.icon-btn[data-v-754a46bf]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--accent-color);cursor:pointer;border-radius:8px;transition:all .2s}.icon-btn[data-v-754a46bf]:hover:not(:disabled){background:var(--bg-hover)}.icon-btn[data-v-754a46bf]:disabled{opacity:.5;cursor:not-allowed}.toggle-row[data-v-754a46bf]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:1rem}.toggle-row[data-v-754a46bf]:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.toggle-label[data-v-754a46bf]{font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.toggle-label i[data-v-754a46bf]{color:var(--accent-color);font-size:.85rem;width:18px}.toggle-switch[data-v-754a46bf]{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.toggle-switch input[data-v-754a46bf]{opacity:0;width:0;height:0}.toggle-slider[data-v-754a46bf]{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;border-radius:28px;cursor:pointer;transition:.25s}.toggle-slider[data-v-754a46bf]:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}.toggle-switch input:checked+.toggle-slider[data-v-754a46bf]{background:var(--accent-color)}.toggle-switch input:checked+.toggle-slider[data-v-754a46bf]:before{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-slider[data-v-754a46bf]{box-shadow:0 0 0 3px #6366f14d}.settings-actions[data-v-754a46bf]{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.75rem;justify-content:flex-end}.btn[data-v-754a46bf]{padding:.6rem 1.25rem;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-754a46bf]{background:var(--accent-color);color:#fff}.btn-primary[data-v-754a46bf]:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost[data-v-754a46bf]{background:transparent;color:var(--text-secondary)}.btn-ghost[data-v-754a46bf]:hover{color:var(--text-primary);background:#ffffff14}@keyframes fadeIn-754a46bf{0%{opacity:0}to{opacity:1}}@keyframes slideUp-754a46bf{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.settings-overlay[data-v-754a46bf]{align-items:flex-end}.settings-panel[data-v-754a46bf]{width:100%;max-width:100%;max-height:95vh;border-radius:20px 20px 0 0}.settings-grid[data-v-754a46bf]{padding:2.5rem 1.25rem 1rem}.settings-actions[data-v-754a46bf]{padding:1rem 1.25rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));flex-direction:column-reverse}.btn[data-v-754a46bf]{width:100%;justify-content:center;padding:.75rem 1.25rem}.close-btn[data-v-754a46bf]{top:.75rem;right:1rem;width:48px;height:48px;font-size:1.35rem}}[data-theme=opaque] .settings-overlay{background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme=opaque] .settings-panel{background:#2a2a2a;border-color:#3a3a3a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 24px 64px #00000080}[data-theme=opaque] .settings-panel .close-btn{background:#1f1f1f;border-color:#3a3a3a}[data-theme=opaque] .settings-panel .close-btn:hover{background:#333;border-color:#444}[data-theme=opaque] .settings-panel .setting-card{background:#1f1f1f;border-color:#3a3a3a}[data-theme=opaque] .settings-panel .setting-select{background:#1a1a1a;border-color:#3a3a3a}[data-theme=opaque] .settings-panel .setting-select:focus{border-color:var(--accent-color)}[data-theme=opaque] .settings-panel .toggle-row:not(:last-child){border-bottom-color:#3a3a3a}[data-theme=opaque] .settings-panel .toggle-slider{background:#3a3a3a}[data-theme=opaque] .settings-panel .settings-actions{border-top-color:#3a3a3a}[data-theme=opaque] .settings-panel .btn-ghost{color:var(--text-secondary)}[data-theme=opaque] .settings-panel .btn-ghost:hover{background:#333}.reactions-panel[data-v-7a60b91c]{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:.75rem;box-shadow:0 8px 24px var(--shadow-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;animation:slideDown-7a60b91c .2s ease-out;max-width:300px;width:fit-content;display:flex;align-items:center;gap:.5rem}.reactions-grid[data-v-7a60b91c]{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;cursor:grab;user-select:none;-webkit-user-select:none;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.reactions-grid[data-v-7a60b91c]:active{cursor:grabbing}.reactions-grid[data-v-7a60b91c]::-webkit-scrollbar{height:4px}.reactions-grid[data-v-7a60b91c]::-webkit-scrollbar-track{background:transparent;border-radius:2px}.reactions-grid[data-v-7a60b91c]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.reactions-grid[data-v-7a60b91c]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.reaction-btn[data-v-7a60b91c]{width:2.5rem;height:2.5rem;min-width:2.5rem;flex-shrink:0;border:none;border-radius:12px;background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.reaction-btn[data-v-7a60b91c]:hover{background:var(--bg-hover);transform:scale(1.1)}.reaction-btn[data-v-7a60b91c]:active{transform:scale(.95)}.reaction-emoji[data-v-7a60b91c]{font-size:1.5rem;line-height:1;user-select:none;-webkit-user-select:none}.scroll-btn[data-v-7a60b91c]{width:1.75rem;height:1.75rem;min-width:1.75rem;border:none;border-radius:50%;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:.75rem;padding:0}.scroll-btn[data-v-7a60b91c]:hover{background:var(--bg-hover);transform:scale(1.1)}.scroll-btn[data-v-7a60b91c]:active{transform:scale(.95)}.scroll-btn i[data-v-7a60b91c]{font-size:.7rem}@media (max-width: 768px){.scroll-btn[data-v-7a60b91c]{display:none}}@keyframes slideDown-7a60b91c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reactions-panel-container{position:absolute;bottom:270px;left:50%;transform:translate(-50%) translateY(20px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1002;margin-bottom:.75rem;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUpFromBottom .3s cubic-bezier(.4,0,.2,1) forwards;bottom:calc(100% + .75rem)}.reactions-panel-container.with-additional{animation:slideUpFromBottomWithAdditional .3s cubic-bezier(.4,0,.2,1) forwards;bottom:270px}@keyframes slideUpFromBottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUpFromBottomWithAdditional{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=transparent] .reactions-panel{background:#ffffff14;border-color:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=transparent] .reactions-panel .reaction-btn{background:#ffffff0f}[data-theme=transparent] .reactions-panel .reaction-btn:hover{background:#ffffff1f}[data-theme=transparent] .reactions-panel .scroll-btn{background:#ffffff0f}[data-theme=transparent] .reactions-panel .scroll-btn:hover{background:#ffffff1f}[data-theme=opaque] .reactions-panel{background:#2a2a2a;border-color:#3a3a3a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 8px 24px #0006}[data-theme=opaque] .reactions-panel .reaction-btn{background:#1f1f1f}[data-theme=opaque] .reactions-panel .reaction-btn:hover{background:#333}[data-theme=opaque] .reactions-panel .scroll-btn{background:#1f1f1f}[data-theme=opaque] .reactions-panel .scroll-btn:hover{background:#333}body.room-no-scroll{overflow:hidden;height:100%;height:100dvh}#app.room-no-scroll{height:100%;height:100dvh;overflow:hidden}.control-btn i[data-v-ecabb538],[data-theme=opaque] .control-btn i[data-v-ecabb538],.control-btn:hover i[data-v-ecabb538],.control-btn.active i[data-v-ecabb538],.control-btn.inactive i[data-v-ecabb538]{color:#fff}.room-view[data-v-ecabb538]{--radius-lg: 10px;--radius-2xl: 20px;--radius-full: 50%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#141414;color:var(--text-primary);overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;transition:background-color .3s ease,color .3s ease}[data-theme=opaque] .room-view[data-v-ecabb538]{background:#1a1a1a}.video-content-area[data-v-ecabb538]{flex:1;min-height:0;display:flex;cursor:pointer;position:relative}.room-view.ui-hidden .room-header[data-v-ecabb538],.room-view.ui-hidden .control-panel[data-v-ecabb538],.room-view.ui-hidden .error-banner[data-v-ecabb538],.room-view.ui-hidden .camera-unavailable-notice[data-v-ecabb538],.room-view.ui-hidden .chat-notification[data-v-ecabb538],.room-view.ui-hidden .chat-panel[data-v-ecabb538],.room-view.ui-hidden .video-overlay[data-v-ecabb538],.room-view.ui-hidden .expand-icon[data-v-ecabb538],.room-view.ui-hidden .participant-settings-button[data-v-ecabb538],.room-view.ui-hidden .fullscreen-header[data-v-ecabb538]{opacity:0;pointer-events:none;transition:opacity .25s ease}.room-view .room-header[data-v-ecabb538],.room-view .control-panel[data-v-ecabb538]{transition:opacity .25s ease}.loading-screen[data-v-ecabb538]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);opacity:.95;display:flex;align-items:center;justify-content:center;z-index:1010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s ease}.loading-content[data-v-ecabb538]{text-align:center;color:var(--text-primary);transition:color .3s ease}.loading-spinner[data-v-ecabb538]{width:60px;height:60px;border:4px solid var(--accent-color);border-top:4px solid transparent;border-radius:var(--radius-full);animation:spin-ecabb538 1s linear infinite;margin:0 auto 20px}@keyframes spin-ecabb538{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h2[data-v-ecabb538]{margin:0 0 10px;font-size:24px;color:var(--text-primary);transition:color .3s ease}.loading-content p[data-v-ecabb538]{margin:0;font-size:16px;color:var(--text-secondary);transition:color .3s ease}[data-theme=opaque] .loading-screen[data-v-ecabb538]{background:#1a1a1a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.room-header[data-v-ecabb538]{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;align-items:center;padding:1rem 1.5rem;background:transparent;flex-shrink:0;z-index:100;position:relative;transition:background-color .3s ease}.header-left[data-v-ecabb538]{display:flex;align-items:center;gap:.5rem;justify-self:start;min-width:0}.header-center[data-v-ecabb538]{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;text-align:center;gap:.2rem}.room-label[data-v-ecabb538]{font-size:.75rem;color:var(--text-secondary);opacity:.9;text-transform:none}.room-header .room-name[data-v-ecabb538]{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary);font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer;transition:opacity .2s ease}.room-header .room-name[data-v-ecabb538]:hover{opacity:.85}.call-duration-badge[data-v-ecabb538]{display:inline-flex;align-items:center;gap:4px;padding:4px;height:20px;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);margin-top:2px}[data-theme=opaque] .call-duration-badge[data-v-ecabb538]{background:#2a2a2a;border-color:#3a3a3a}.duration-dot[data-v-ecabb538]{width:6px;height:6px;border-radius:var(--radius-full);background:#ef4444;flex-shrink:0}.duration-text[data-v-ecabb538]{font-size:.8rem;color:var(--text-primary);font-family:Courier New,monospace;font-weight:500}.header-right[data-v-ecabb538]{display:flex;align-items:center;justify-content:flex-end;justify-self:end;min-width:0}.participants-btn-small[data-v-ecabb538]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.participants-btn-small[data-v-ecabb538]:hover{background:#fff3;border-color:#fff3}[data-theme=opaque] .participants-btn-small[data-v-ecabb538]{background:#2a2a2a;border-color:#3a3a3a}[data-theme=opaque] .participants-btn-small[data-v-ecabb538]:hover{background:#333}.participants-btn-small i[data-v-ecabb538]{font-size:14px}.header-theme-btn[data-v-ecabb538]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);cursor:pointer;transition:all .2s ease}[data-theme=opaque] .header-theme-btn[data-v-ecabb538]{background:#2a2a2a;border-color:#3a3a3a}[data-theme=opaque] .participants-dropdown[data-v-ecabb538]{background:#2a2a2a;border-color:#3a3a3a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 8px 24px #0006}[data-theme=opaque] .participants-dropdown-header[data-v-ecabb538]{border-bottom-color:#3a3a3a;color:#a0a0a0}[data-theme=opaque] .participant-item[data-v-ecabb538]{background:transparent}[data-theme=opaque] .participant-item[data-v-ecabb538]:hover{background:#333}[data-theme=opaque] .participant-item.local[data-v-ecabb538]{background:#6366f126;border-color:#6366f1}[data-theme=opaque] .participant-name[data-v-ecabb538]{color:#fff}[data-theme=opaque] .status-icon[data-v-ecabb538]{color:#a0a0a0}[data-theme=opaque] .status-icon.video-off[data-v-ecabb538],[data-theme=opaque] .status-icon.audio-off[data-v-ecabb538]{color:#6b6b6b}[data-theme=opaque] .participant-settings-menu[data-v-ecabb538]{background:#2a2a2a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.header-theme-btn[data-v-ecabb538]:hover{background:#fff3}.header-theme-btn i[data-v-ecabb538]{font-size:12px}.back-btn[data-v-ecabb538]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:var(--radius-2xl);cursor:pointer;font-size:.9rem;transition:all .2s ease;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif}.back-btn[data-v-ecabb538]:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.participant-count-container[data-v-ecabb538]{position:relative}.connection-wifi-icon[data-v-ecabb538]{font-size:12px;opacity:.9}.participants-dropdown[data-v-ecabb538]{position:absolute;top:100%;right:0;margin-top:.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-2xl);box-shadow:0 8px 24px #0006;z-index:1000;width:280px;max-height:400px;overflow-y:auto;animation:slideDown-ecabb538 .2s ease-out;transition:background-color .3s ease,border-color .3s ease}[data-theme=transparent] .participants-dropdown[data-v-ecabb538]{background:#ffffff14;border-color:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.participants-dropdown-header[data-v-ecabb538]{padding:.75rem 1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.participants-list[data-v-ecabb538]{padding:.75rem}.participant-item[data-v-ecabb538]{display:flex;flex-direction:row;align-items:center;padding:.75rem;border-radius:var(--radius-lg);transition:background .2s ease;margin-bottom:.5rem;min-height:60px;box-sizing:border-box}.participant-item[data-v-ecabb538]:last-child{margin-bottom:0}.participant-item[data-v-ecabb538]:hover{background:var(--bg-hover)}.participant-item.local[data-v-ecabb538]{background:var(--bg-hover);border:1px solid var(--border-hover)}.participant-info[data-v-ecabb538]{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.participant-name[data-v-ecabb538]{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;transition:color .3s ease}.participant-status[data-v-ecabb538]{display:flex;gap:.9rem;align-items:center;flex-shrink:0}.status-icon[data-v-ecabb538]{font-size:.8rem;opacity:.8}.status-icon.video-off[data-v-ecabb538],.status-icon.audio-off[data-v-ecabb538]{opacity:.4}@keyframes slideDown-ecabb538{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-ecabb538{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.connection-indicator-compact[data-v-ecabb538]{display:flex;align-items:center;gap:6px;padding:4px 8px;color:var(--text-primary);font-size:12px;transition:color .3s ease}.status-icon[data-v-ecabb538]{width:8px;height:8px;border-radius:var(--radius-full);transition:all .3s ease}.status-icon.connected[data-v-ecabb538]{background:#10b981;box-shadow:0 0 6px #10b98180}.status-icon.connecting[data-v-ecabb538]{background:#f59e0b;box-shadow:0 0 6px #f59e0b80;animation:pulse-ecabb538 1.5s infinite}.status-icon.disconnected[data-v-ecabb538]{background:#ef4444;box-shadow:0 0 6px #ef444480}.status-icon.error[data-v-ecabb538]{background:#6b7280;box-shadow:0 0 6px #6b728080}.ping[data-v-ecabb538]{color:var(--text-primary);font-weight:500;font-size:12px;font-family:Courier New,monospace;transition:color .3s ease}@keyframes pulse-ecabb538{0%,to{opacity:1}50%{opacity:.5}}.connection-status[data-v-ecabb538]{padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.8rem;font-weight:500}.connection-status.connected[data-v-ecabb538]{background:#10b981;color:#fff}.connection-status.disconnected[data-v-ecabb538]{background:#ed4245;color:#fff}.error-banner[data-v-ecabb538]{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;margin:.75rem 1rem;background:#ed424526;border:1px solid rgba(237,66,69,.4);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:background .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.error-banner[data-v-ecabb538]:hover{background:#ed424538;border-color:#ed42458c}.error-banner .error-icon[data-v-ecabb538]{flex-shrink:0;color:var(--error-color, #ed4245);font-size:1rem}.error-banner .error-text[data-v-ecabb538]{flex:1;font-size:.875rem;line-height:1.4;min-width:0}.close-error[data-v-ecabb538]{flex-shrink:0;background:#0003;border:none;color:var(--text-primary);font-size:1.1rem;cursor:pointer;padding:0;width:1.75rem;height:1.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease}.close-error[data-v-ecabb538]:hover{background:#00000059}.room-view.main-fullscreen-active .room-header[data-v-ecabb538]{position:absolute;top:0;left:0;right:0;z-index:100}.room-view.main-fullscreen-active .control-panel[data-v-ecabb538]{position:absolute;bottom:0;left:0;right:0;z-index:100}.main-fullscreen-video[data-v-ecabb538]{flex:1;position:relative;min-height:0;overflow:hidden;background:#0a0a0a}.room-view.main-fullscreen-active .main-fullscreen-video[data-v-ecabb538]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;flex:none}.main-fullscreen-video-element[data-v-ecabb538]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain!important;background:#000}.room-view.video-fill-cover .main-fullscreen-video-element[data-v-ecabb538]{object-fit:cover!important}.main-fullscreen-avatar[data-v-ecabb538]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.main-fullscreen-avatar .emoji[data-v-ecabb538]{font-size:4rem}.main-fullscreen-avatar .username[data-v-ecabb538]{margin:0;color:#ffffffe6;font-size:1.25rem}.main-fullscreen-overlay[data-v-ecabb538]{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.main-fullscreen-overlay .participant-name[data-v-ecabb538]{color:#fff;font-size:1rem;font-weight:500}.video-grid[data-v-ecabb538]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem;overflow:hidden;align-content:start;min-height:0}.video-grid.single-participant[data-v-ecabb538]{grid-template-columns:1fr;place-items:center}.video-grid.two-participants[data-v-ecabb538]{grid-template-columns:1fr 1fr}.video-grid.three-participants[data-v-ecabb538]{grid-template-columns:repeat(3,1fr)}.video-grid.four-participants[data-v-ecabb538]{grid-template-columns:repeat(2,1fr)}.video-grid.five-participants[data-v-ecabb538],.video-grid.six-participants[data-v-ecabb538]{grid-template-columns:repeat(3,1fr)}.video-grid.multi-participants[data-v-ecabb538]{max-width:900px;margin:0 auto}.video-grid.fullscreen-mode[data-v-ecabb538]{opacity:.3;pointer-events:none}.video-container[data-v-ecabb538]{position:relative;background:var(--bg-card);border-radius:var(--radius-2xl);overflow:hidden;aspect-ratio:16/9;min-height:200px;border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.video-container[data-v-ecabb538]:hover{transform:scale(1.02);border-color:var(--accent-color);box-shadow:0 4px 20px #6366f14d}.video-container.local[data-v-ecabb538]{border:2px solid var(--success-color, #10b981)}.video-container.fullscreen-active[data-v-ecabb538]{border:3px solid #6366f1;box-shadow:0 0 20px #6366f180}.video-container.speaking[data-v-ecabb538]{border:2px solid #4caf50;box-shadow:0 0 12px #4caf5099;animation:speaking-pulse-ecabb538 1.5s ease-in-out infinite}@keyframes speaking-pulse-ecabb538{0%,to{box-shadow:0 0 12px #4caf5099;transform:scale(1)}50%{box-shadow:0 0 20px #4caf50cc;transform:scale(1.02)}}.video-element[data-v-ecabb538]{width:100%;height:100%;object-fit:contain!important;background:#000;border-radius:var(--radius-2xl);-webkit-transform:rotateZ(0deg);transform:rotate(0)}.room-view.video-fill-cover .video-element[data-v-ecabb538]{object-fit:cover!important}.video-element.video-hidden[data-v-ecabb538]{display:none}.avatar-placeholder[data-v-ecabb538]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .3s ease}.avatar-placeholder.speaking[data-v-ecabb538]{box-shadow:0 0 12px #4caf5099;animation:speaking-pulse-ecabb538 1.5s ease-in-out infinite}.avatar-background-circle[data-v-ecabb538]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:#ffffff1a;border-radius:var(--radius-full);z-index:1}.speaking-waves[data-v-ecabb538]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.wave[data-v-ecabb538]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(76,175,80,.6);border-radius:var(--radius-full);opacity:0;transition:opacity .3s ease}.speaking-waves.active .wave[data-v-ecabb538]{opacity:1;animation:wave-expand-ecabb538 2s ease-out infinite}.wave-1[data-v-ecabb538]{width:80px;height:80px;animation-delay:0s}.wave-2[data-v-ecabb538]{width:120px;height:120px;animation-delay:.5s}.wave-3[data-v-ecabb538]{width:160px;height:160px;animation-delay:1s}@keyframes wave-expand-ecabb538{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.emoji[data-v-ecabb538]{font-size:4rem;margin-bottom:.5rem;line-height:1;position:relative;z-index:2}.username[data-v-ecabb538]{font-size:.8rem;color:var(--text-primary);margin:0;font-weight:600;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .3s ease,background-color .3s ease}.video-overlay[data-v-ecabb538]{position:absolute;border-radius:var(--radius-2xl);top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.7),transparent);padding:1rem;opacity:0;transition:opacity .3s ease}.video-container:hover .video-overlay[data-v-ecabb538]{opacity:1}.participant-info[data-v-ecabb538]{display:flex;justify-content:flex-start;align-items:flex-start}.participant-name[data-v-ecabb538]{font-weight:500;font-size:.9rem;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.3);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-lg);transition:color .3s ease,background-color .3s ease}.status-indicators[data-v-ecabb538]{display:flex;gap:.5rem}.indicator[data-v-ecabb538]{font-size:.8rem}.click-hint[data-v-ecabb538]{position:absolute;top:.5rem;right:.5rem;background:#000000b3;padding:.25rem .5rem;border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease}.video-container:hover .click-hint[data-v-ecabb538]{opacity:1}.hint-text[data-v-ecabb538]{font-size:.7rem;color:var(--text-primary);white-space:nowrap;transition:color .3s ease}.control-panel[data-v-ecabb538]{display:flex;flex-direction:column;align-items:center;gap:0;padding:1rem 1.5rem;position:relative;flex-shrink:0;z-index:100;margin-bottom:30px;width:100%;max-width:100%;box-sizing:border-box;background:transparent}.control-panel-bottom[data-v-ecabb538]{display:flex;align-items:center;width:100%;position:relative}.control-panel-bottom .more-btn[data-v-ecabb538]{position:absolute;left:0}.control-panel-bottom .video-fill-btn[data-v-ecabb538]{position:absolute;right:0}.control-panel-bottom .main-controls-block[data-v-ecabb538]{margin:0 auto}.main-controls-block[data-v-ecabb538]{display:flex;align-items:center;justify-content:center;width:188px;height:65px;padding:0 .75rem;gap:12px;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:30px;border:1px solid rgba(255,255,255,.12);box-sizing:border-box}.main-controls-block .control-btn[data-v-ecabb538]{width:48px;height:48px;font-size:1rem}[data-theme=opaque] .main-controls-block[data-v-ecabb538]{background:#2a2a2a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-color:#3a3a3a}.additional-controls-grid[data-v-ecabb538]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);animation:additionalSlideUp-ecabb538 .25s ease-out}.additional-controls-grid.with-reactions[data-v-ecabb538]{bottom:calc(100% + .5rem)}@keyframes additionalSlideUp-ecabb538{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.additional-controls-square[data-v-ecabb538]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem;padding:.5rem;width:150px;height:150px;place-items:center;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:30px;border:1px solid rgba(255,255,255,.12);box-sizing:border-box}.additional-controls-square .control-btn[data-v-ecabb538]{width:60px;height:60px;min-width:60px;min-height:60px;flex-shrink:0}[data-theme=opaque] .additional-controls-square[data-v-ecabb538]{background:#2a2a2a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-color:#3a3a3a}.control-btn.chat-btn.active[data-v-ecabb538]{background:#10b981f2;border-color:#10b981f2}.control-btn.theme-control-btn[data-v-ecabb538]{background:#ffffff1f;border-color:#ffffff2e}[data-theme=opaque] .control-btn.theme-control-btn[data-v-ecabb538]{background:#2a2a2a;border-color:#3a3a3a}.more-btn[data-v-ecabb538],.video-fill-btn[data-v-ecabb538]{background:#ffffff14!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease!important}[data-theme=opaque] .more-btn[data-v-ecabb538],[data-theme=opaque] .video-fill-btn[data-v-ecabb538]{background:#2a2a2a!important;border-color:#3a3a3a!important}.more-btn[data-v-ecabb538]:hover,.more-btn.active[data-v-ecabb538],.video-fill-btn[data-v-ecabb538]:hover{background:#ffffff2e!important;border-color:#ffffff40!important}.video-fill-btn.active[data-v-ecabb538]{background:#10b981f2!important;border-color:#10b981f2!important;color:#fff!important}[data-theme=opaque] .more-btn[data-v-ecabb538]:hover,[data-theme=opaque] .more-btn.active[data-v-ecabb538],[data-theme=opaque] .video-fill-btn[data-v-ecabb538]:hover{background:#333!important;border-color:#444!important}[data-theme=opaque] .video-fill-btn.active[data-v-ecabb538]{background:#10b981f2!important;border-color:#10b981f2!important}.control-btn[data-v-ecabb538]{flex-shrink:0;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;border-radius:var(--radius-full);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.control-btn[data-v-ecabb538]:hover{background:#6366f1e6;color:#fff;transform:scale(1.05);border-color:#6366f1e6}.control-btn.active[data-v-ecabb538]{background:#10b981f2;color:#fff;border-color:#10b981f2}.control-btn.inactive[data-v-ecabb538]{background:#ed4245f2;color:#fff;border-color:#ed4245f2}.control-btn.disabled[data-v-ecabb538]{background:#ffffff0d;color:var(--text-secondary);cursor:not-allowed;opacity:.6;border-color:#ffffff14}[data-theme=opaque] .control-btn[data-v-ecabb538]{background:#2a2a2a;border-color:#3a3a3a}[data-theme=opaque] .control-btn[data-v-ecabb538]:hover{background:var(--accent-color);border-color:var(--accent-color)}[data-theme=opaque] .control-btn.disabled[data-v-ecabb538]{background:#1f1f1f;border-color:#2a2a2a}[data-theme=opaque] .control-btn.disabled i[data-v-ecabb538]{color:#6b6b6b}.control-btn.disabled[data-v-ecabb538]:hover{background:#ffffff0d;transform:none}[data-theme=opaque] .control-btn.disabled[data-v-ecabb538]:hover{background:#1f1f1f}.control-btn.leave-btn[data-v-ecabb538]{background:#ed4245f2;color:#fff;border-color:#ed4245f2}.control-btn.leave-btn i[data-v-ecabb538]{color:#fff}.control-btn.leave-btn[data-v-ecabb538]:hover{background:#c03e42f2;border-color:#c03e42f2;opacity:1}.control-btn.push-to-talk[data-v-ecabb538]{position:relative;border:2px solid #6366f1}.control-btn.push-to-talk-active[data-v-ecabb538]{background:#6366f1;border-color:#6366f1;animation:ptt-pulse-ecabb538 1.5s ease-in-out infinite}@keyframes ptt-pulse-ecabb538{0%,to{box-shadow:0 0 #6366f1b3}50%{box-shadow:0 0 0 8px #6366f100}}.ptt-indicator[data-v-ecabb538]{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:var(--radius-full);background:#ffffff80;transition:all .3s ease}.ptt-indicator.active[data-v-ecabb538]{background:#10b981;box-shadow:0 0 8px #10b981cc;animation:ptt-indicator-pulse-ecabb538 1s ease-in-out infinite}@keyframes ptt-indicator-pulse-ecabb538{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.control-btn.switch-camera-btn[data-v-ecabb538]{background:#6366f1e6;color:#fff;border-color:#6366f1e6;animation:pulse-ecabb538 2s infinite}.control-btn.switch-camera-btn[data-v-ecabb538]:hover{background:#4f46e5f2;border-color:#4f46e5f2;animation:none}@keyframes pulse-ecabb538{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.participants-list[data-v-ecabb538]{padding:1rem 2rem}.participants-list h3[data-v-ecabb538]{margin:0 0 1rem;font-size:1rem;color:var(--text-secondary);font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;transition:color .3s ease}.participants[data-v-ecabb538]{display:flex;flex-wrap:wrap;gap:.75rem}.participant-item[data-v-ecabb538]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-2xl);font-size:.9rem;color:var(--text-primary);border:1px solid var(--border-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.participant-item.local[data-v-ecabb538]{background:var(--success-color, #10b981);color:#fff;border-color:var(--success-color, #10b981)}.status-on[data-v-ecabb538]{opacity:1}.status-off[data-v-ecabb538]{opacity:.5}.fullscreen-overlay[data-v-ecabb538]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;overscroll-behavior:none}.fullscreen-container[data-v-ecabb538]{width:100vw;height:100vh;background:#1a1a1a;border-radius:0;overflow:hidden;border:none;box-shadow:none;display:flex;flex-direction:column;position:relative}.fullscreen-header[data-v-ecabb538]{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;z-index:10}.fullscreen-header h3[data-v-ecabb538]{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.exit-fullscreen-btn[data-v-ecabb538]{background:#ed4245;color:#fff;border:none;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.exit-fullscreen-btn[data-v-ecabb538]:hover{background:#c03e42;transform:scale(1.1)}.fullscreen-video[data-v-ecabb538]{flex:1;width:100%;height:100%;object-fit:contain!important;background:#000}.room-view.video-fill-cover .fullscreen-video[data-v-ecabb538]{object-fit:cover!important}@media (max-width: 768px){.room-view[data-v-ecabb538]{height:100vh;height:100dvh;overflow:hidden}.room-header[data-v-ecabb538]{padding:.75rem 1rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"header-left header-right" "header-center header-center";gap:.5rem;align-items:stretch;flex-shrink:0}.header-left[data-v-ecabb538]{grid-area:header-left;justify-self:start}.header-right[data-v-ecabb538]{grid-area:header-right;justify-self:end}.header-center[data-v-ecabb538]{grid-area:header-center;justify-self:center;padding:.25rem 0 0}.room-header .room-name[data-v-ecabb538]{font-size:1.1rem}.video-grid[data-v-ecabb538]{padding:.5rem;gap:.5rem;min-height:0;grid-template-columns:1fr}.control-panel[data-v-ecabb538]{padding:.75rem 1rem;flex-shrink:0}.connection-indicator-compact[data-v-ecabb538]{margin-right:8px;padding:4px 8px}.status-icon[data-v-ecabb538]{width:6px;height:6px;font-size:.75rem}.ping[data-v-ecabb538]{font-size:11px}.participant-item[data-v-ecabb538]{padding:.75rem .5rem;gap:.5rem}.participant-name[data-v-ecabb538]{font-size:.8rem}.video-container[data-v-ecabb538]{min-height:150px;max-height:60vh;height:auto}.emoji[data-v-ecabb538]{font-size:2.5rem}.username[data-v-ecabb538]{font-size:.7rem}@media (orientation: landscape) and (max-width: 768px){.room-header[data-v-ecabb538]{padding:.5rem 1rem;flex-direction:column;gap:.5rem}.video-container[data-v-ecabb538]{aspect-ratio:16/9;max-height:50vh}.video-grid[data-v-ecabb538]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding:.5rem}.control-panel[data-v-ecabb538]{padding:.5rem 1rem}}@media (orientation: portrait) and (max-width: 768px){.room-header[data-v-ecabb538]{padding:.75rem 1rem;flex-direction:column;gap:.5rem}.video-grid[data-v-ecabb538]{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.video-container[data-v-ecabb538]{aspect-ratio:16/9;max-height:40vh}.control-panel[data-v-ecabb538]{padding:.75rem 1rem}}.room-info[data-v-ecabb538]{width:100%;justify-content:space-between}.video-grid.multi-participants[data-v-ecabb538]{max-width:none;margin:0}.control-panel[data-v-ecabb538]{padding:1rem}.control-panel-bottom[data-v-ecabb538]{gap:.75rem}.main-controls-block[data-v-ecabb538]{width:188px;height:65px;padding:0 .75rem}.main-controls-block .control-btn[data-v-ecabb538]{width:48px;height:48px}.additional-controls-grid[data-v-ecabb538]{bottom:calc(100% + .5rem);gap:.5rem;flex-wrap:nowrap;max-width:calc(100vw - 2rem)}.participants-list[data-v-ecabb538]{padding:1rem}.fullscreen-container[data-v-ecabb538]{width:100%;height:100%}.fullscreen-header[data-v-ecabb538]{padding:.75rem 1rem}.fullscreen-header h3[data-v-ecabb538]{font-size:1rem}.exit-fullscreen-btn[data-v-ecabb538]{width:2rem;height:2rem;font-size:1rem}.settings-panel[data-v-ecabb538]{margin:1rem}.settings-content[data-v-ecabb538]{padding:1rem}.setting-group[data-v-ecabb538]{flex-direction:column;align-items:flex-start;gap:.75rem}.setting-select[data-v-ecabb538]{width:100%;min-width:auto}}.camera-unavailable-notice[data-v-ecabb538]{position:fixed;top:20px;right:20px;z-index:1000;background:#ffc107f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);padding:.5rem .75rem;box-shadow:0 4px 12px #ffc1074d;border:1px solid rgba(255,193,7,.5);animation:slideInRight-ecabb538 .3s ease-out;max-width:200px}.notice-content[data-v-ecabb538]{display:flex;align-items:center;gap:.5rem;color:#1a1a1a}.notice-text-group[data-v-ecabb538]{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.notice-icon[data-v-ecabb538]{font-size:1rem;opacity:.8}.notice-text[data-v-ecabb538]{font-weight:600;font-size:.8rem;text-align:left}.notice-subtext[data-v-ecabb538]{font-size:.7rem;opacity:.8;text-align:left}.close-notice-btn[data-v-ecabb538]{background:none;border:none;color:#1a1a1a;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.close-notice-btn[data-v-ecabb538]:hover{opacity:1}@media (max-width: 768px){.camera-unavailable-notice[data-v-ecabb538]{top:10px;right:10px;left:10px;padding:.5rem .75rem;max-width:none}.notice-content[data-v-ecabb538]{gap:.375rem}.notice-icon[data-v-ecabb538]{font-size:.9rem}.notice-text[data-v-ecabb538]{font-size:.75rem}.notice-subtext[data-v-ecabb538]{font-size:.65rem}.close-notice-btn[data-v-ecabb538]{font-size:1rem;width:18px;height:18px}}.admin-badge[data-v-ecabb538]{font-size:.7rem;margin-left:.25rem;opacity:.8}.participant-controls[data-v-ecabb538]{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.kick-btn[data-v-ecabb538]{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:.5rem .75rem;color:#fca5a5;cursor:pointer;transition:all .2s ease;font-size:.8rem;white-space:nowrap}.kick-btn[data-v-ecabb538]:hover{background:#ef44444d;border-color:#ef444466}.volume-control[data-v-ecabb538]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.volume-slider[data-v-ecabb538]{flex-grow:1;height:4px;background:#fff3;border-radius:var(--radius-lg);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider[data-v-ecabb538]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#6366f1;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.volume-slider[data-v-ecabb538]::-webkit-slider-thumb:hover{background:#4f46e5;transform:scale(1.1)}.volume-slider[data-v-ecabb538]::-moz-range-thumb{width:12px;height:12px;background:#6366f1;border-radius:var(--radius-full);cursor:pointer;border:none;transition:all .2s ease}.volume-slider[data-v-ecabb538]::-moz-range-thumb:hover{background:#4f46e5;transform:scale(1.1)}.mute-btn[data-v-ecabb538]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.25rem .5rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.8rem;min-width:32px;height:28px;display:flex;align-items:center;justify-content:center}.mute-btn[data-v-ecabb538]:hover{background:var(--bg-hover);border-color:var(--accent-color)}.mute-btn.muted[data-v-ecabb538]{background:#ef44444d;border-color:#ef444480;color:#fca5a5}.mute-btn.muted[data-v-ecabb538]:hover{background:#ef444466;border-color:#ef444499}.kick-btn[data-v-ecabb538]{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:.25rem .5rem;color:#fca5a5;cursor:pointer;transition:all .2s ease;font-size:.8rem;min-width:32px;height:28px;display:flex;align-items:center;justify-content:center}.kick-btn[data-v-ecabb538]:hover{background:#ef44444d;border-color:#ef444480;color:#f87171}.participant-item.admin[data-v-ecabb538]{border-left:3px solid #fbbf24}.participant-item.admin .participant-name[data-v-ecabb538]{color:#fbbf24}.participant-controls-overlay[data-v-ecabb538]{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;gap:.5rem;background:#000000b3;padding:.5rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}.video-container:hover .participant-controls-overlay[data-v-ecabb538]{opacity:1}.participant-controls-overlay .volume-control[data-v-ecabb538]{display:flex;align-items:center;gap:.25rem}.participant-controls-overlay .volume-slider[data-v-ecabb538]{width:60px;height:4px;background:#fff3;border-radius:var(--radius-lg);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.participant-controls-overlay .volume-slider[data-v-ecabb538]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#6366f1;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.participant-controls-overlay .volume-slider[data-v-ecabb538]::-moz-range-thumb{width:10px;height:10px;background:#6366f1;border-radius:var(--radius-full);cursor:pointer;border:none;transition:all .2s ease}.participant-controls-overlay .mute-btn[data-v-ecabb538]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:.25rem;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.7rem;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.participant-controls-overlay .mute-btn[data-v-ecabb538]:hover{background:#fff3;border-color:#ffffff4d}.participant-controls-overlay .mute-btn.muted[data-v-ecabb538]{background:#ef44444d;border-color:#ef444480;color:#fca5a5}.participant-controls-overlay .kick-btn[data-v-ecabb538]{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:.25rem;color:#fca5a5;cursor:pointer;transition:all .2s ease;font-size:.7rem;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.participant-controls-overlay .kick-btn[data-v-ecabb538]:hover{background:#ef44444d;border-color:#ef444466}.expand-icon[data-v-ecabb538]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#000000b3;border-radius:var(--radius-lg);padding:.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.video-container:hover .expand-icon[data-v-ecabb538]{opacity:1;transform:translate(-50%,-50%) scale(1)}.expand-icon[data-v-ecabb538]:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.expand-symbol[data-v-ecabb538]{color:#fff;font-size:1rem;font-weight:700;display:block;line-height:1}.participant-settings-button[data-v-ecabb538]{position:absolute;top:.5rem;right:.5rem;z-index:10}.settings-btn[data-v-ecabb538]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scale(.8);font-size:.8rem;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.video-container:hover .settings-btn[data-v-ecabb538]{opacity:1;transform:scale(1)}.settings-btn[data-v-ecabb538]:hover{background:var(--bg-hover);border-color:var(--accent-color)}.settings-btn.active[data-v-ecabb538]{background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.participant-settings-menu[data-v-ecabb538]{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:1rem;min-width:200px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--shadow-color);transition:background-color .3s ease,border-color .3s ease}.participant-settings-menu .volume-control[data-v-ecabb538]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.control-label[data-v-ecabb538]{color:#fff;font-size:.8rem;font-weight:500;margin-bottom:.25rem;transition:color .3s ease}[data-theme=opaque] .control-label[data-v-ecabb538]{color:var(--text-primary)}.participant-settings-menu .volume-slider[data-v-ecabb538]{width:100%;height:6px;background:#fff3;border-radius:var(--radius-lg);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .3s ease}[data-theme=opaque] .participant-settings-menu .volume-slider[data-v-ecabb538]{background:#3a3a3a}.participant-settings-menu .volume-slider[data-v-ecabb538]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#6366f1;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.participant-settings-menu .volume-slider[data-v-ecabb538]::-moz-range-thumb{width:16px;height:16px;background:#6366f1;border-radius:var(--radius-full);cursor:pointer;border:none;transition:all .2s ease}.participant-settings-menu .mute-btn[data-v-ecabb538]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:.5rem 1rem;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.8rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.participant-settings-menu .mute-btn[data-v-ecabb538]:hover{background:#fff3;border-color:#ffffff4d}[data-theme=opaque] .participant-settings-menu .mute-btn[data-v-ecabb538]{background:#2a2a2a;border:1px solid #3a3a3a;color:var(--text-primary)}[data-theme=opaque] .participant-settings-menu .mute-btn[data-v-ecabb538]:hover{background:#333;border-color:#444}.participant-settings-menu .mute-btn.muted[data-v-ecabb538]{background:#ef44444d;border-color:#ef444480;color:#fca5a5}.participant-settings-menu .kick-btn[data-v-ecabb538]{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:.5rem 1rem;color:#fca5a5;cursor:pointer;transition:all .2s ease;font-size:.8rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.participant-settings-menu .kick-btn[data-v-ecabb538]:hover{background:#ef44444d;border-color:#ef444466}.chat-notification[data-v-ecabb538]{position:fixed;top:20px;right:20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:var(--radius-lg);padding:16px;box-shadow:0 4px 20px #0000004d;z-index:2000;cursor:pointer;transition:all .3s ease;max-width:300px;animation:slideInRight-ecabb538 .3s ease-out}.chat-notification[data-v-ecabb538]:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0006}.notification-content[data-v-ecabb538]{display:flex;align-items:center;gap:12px}.notification-content i[data-v-ecabb538]{color:#6366f1;font-size:1.2rem;flex-shrink:0}.notification-text[data-v-ecabb538]{flex:1;display:flex;flex-direction:column;gap:4px}.notification-text .sender[data-v-ecabb538]{font-weight:600;color:#fff;font-size:.9rem}.notification-text .message[data-v-ecabb538]{color:#d1d5db;font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dismiss-btn[data-v-ecabb538]{background:none;border:none;color:#9ca3af;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:var(--radius-lg);transition:all .2s ease;flex-shrink:0}.dismiss-btn[data-v-ecabb538]:hover{color:#fff;background:#ffffff1a}@keyframes slideInRight-ecabb538{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.chat-notification[data-v-ecabb538]{top:10px;right:10px;left:10px;max-width:none}}.copy-room-id-btn[data-v-ecabb538]{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem .75rem;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-left:1rem}.copy-room-id-btn[data-v-ecabb538]:hover{background:var(--bg-hover);border-color:var(--accent-color);transform:translateY(-1px)}.copy-room-id-btn i[data-v-ecabb538]{font-size:.9rem;opacity:.8}.room-id[data-v-ecabb538]{font-family:Courier New,monospace;font-size:.75rem;opacity:.9}@media (max-width: 768px){.copy-room-id-btn[data-v-ecabb538]{padding:.4rem .6rem;font-size:.75rem;margin-left:.5rem}.room-id[data-v-ecabb538]{font-size:.7rem}}.settings-btn.theme-btn[data-v-ecabb538],.settings-btn[data-v-ecabb538]:not(.theme-btn){display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:all .2s ease;margin-right:1rem;opacity:1;transform:scale(1)}.settings-btn.theme-btn[data-v-ecabb538]:hover,.settings-btn[data-v-ecabb538]:not(.theme-btn):hover{background:var(--bg-hover);border-color:var(--accent-color);transform:translateY(-1px)}@keyframes rotate-ecabb538{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.settings-btn[data-v-ecabb538]{width:36px;height:36px;font-size:1rem;margin-right:.5rem}}.ptt-status-indicator[data-v-ecabb538]{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.85rem;transition:all .3s ease;margin-right:.5rem}.ptt-status-indicator.active[data-v-ecabb538]{background:#6366f133;border-color:#6366f1;color:#6366f1;animation:ptt-status-pulse-ecabb538 1.5s ease-in-out infinite}@keyframes ptt-status-pulse-ecabb538{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 4px #6366f100}}.ptt-status-indicator i[data-v-ecabb538]{font-size:.9rem}.ptt-key-label[data-v-ecabb538]{font-family:Courier New,monospace;font-weight:600;font-size:.75rem}@media (max-width: 768px){.ptt-status-indicator[data-v-ecabb538]{padding:.3rem .5rem;font-size:.75rem;margin-right:.25rem}.ptt-key-label[data-v-ecabb538]{display:none}}.reactions-btn[data-v-ecabb538]{position:relative}.participant-reaction[data-v-ecabb538]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;animation:reaction-appear-ecabb538 .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none;will-change:transform,opacity,filter}.participant-reaction.video-reaction[data-v-ecabb538]{top:20%;left:auto;right:1rem;transform:translateY(-50%)}.participant-reaction.fade-out[data-v-ecabb538]{animation:reaction-fade-out-ecabb538 .5s ease-out forwards}.reaction-emoji[data-v-ecabb538]{font-size:3rem;line-height:1;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,255,255,.3));animation:reaction-glow-ecabb538 2s ease-in-out infinite;will-change:transform,filter}@keyframes reaction-glow-ecabb538{0%,to{filter:drop-shadow(0 4px 12px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 4px 16px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(255,255,255,.5))}}@keyframes reaction-appear-ecabb538{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg);filter:blur(4px)}30%{opacity:.8;transform:translate(-50%,-50%) scale(1.15) rotate(5deg);filter:blur(1px)}60%{transform:translate(-50%,-50%) scale(.95) rotate(-2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}}@keyframes reaction-fade-out-ecabb538{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.8) rotate(5deg);filter:blur(2px)}to{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(10deg);filter:blur(4px)}}.participant-reaction.video-reaction.fade-out[data-v-ecabb538]{animation:reaction-fade-out-video-ecabb538 .5s ease-out forwards}@keyframes reaction-fade-out-video-ecabb538{0%{opacity:1;transform:translateY(-50%) scale(1) rotate(0);filter:blur(0)}50%{opacity:.5;transform:translateY(-50%) scale(.8) rotate(5deg);filter:blur(2px)}to{opacity:0;transform:translateY(-50%) scale(.4) rotate(10deg);filter:blur(4px)}}@media (max-width: 768px){.reaction-emoji[data-v-ecabb538]{font-size:2.5rem}.participant-reaction.video-reaction[data-v-ecabb538]{top:15%;right:.5rem}}.login-container[data-v-4381c06d]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.login-bg-glow[data-v-4381c06d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.login-bg-blob[data-v-4381c06d]{position:absolute;border-radius:55% 45% 52% 48%/48% 55% 45% 52%;filter:blur(75px);opacity:.55;will-change:transform}.login-bg-blob-1[data-v-4381c06d]{width:min(90vmax,700px);height:min(90vmax,700px);background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.4),transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.28),transparent 48%);top:-20%;left:-15%;animation:login-float-1-4381c06d 18s ease-in-out infinite}.login-bg-blob-2[data-v-4381c06d]{width:min(70vmax,550px);height:min(70vmax,550px);background:radial-gradient(circle at 60% 40%,rgba(79,70,229,.35),transparent 55%),radial-gradient(circle at 40% 60%,rgba(124,58,237,.25),transparent 50%);top:40%;right:-10%;animation:login-float-2-4381c06d 22s ease-in-out infinite;animation-delay:-6s}.login-bg-blob-3[data-v-4381c06d]{width:min(60vmax,480px);height:min(60vmax,480px);background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.28),transparent 58%);bottom:-15%;left:10%;animation:login-float-1-4381c06d 24s ease-in-out infinite;animation-delay:-10s}@keyframes login-float-1-4381c06d{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(10%,-6%) scale(1.06) rotate(2deg)}50%{transform:translate(-6%,8%) scale(.96) rotate(-2deg)}75%{transform:translate(8%,10%) scale(1.04) rotate(1deg)}}@keyframes login-float-2-4381c06d{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-12%,6%) scale(1.08) rotate(-3deg)}66%{transform:translate(6%,-10%) scale(.94) rotate(2deg)}}[data-theme=opaque] .login-bg-glow[data-v-4381c06d]{opacity:.12}.login-header[data-v-4381c06d]{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:transparent;z-index:100;transition:background-color .3s ease}[data-theme=opaque] .login-header[data-v-4381c06d]{background:var(--bg-primary)}.header-left[data-v-4381c06d]{display:flex;align-items:center;gap:1.5rem}.app-title[data-v-4381c06d]{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.header-time[data-v-4381c06d]{font-size:1.1rem;font-weight:500;color:var(--text-secondary)}.header-actions-minimal[data-v-4381c06d]{display:flex;gap:.25rem;opacity:.85}.header-actions-minimal[data-v-4381c06d]:hover{opacity:1}.minimal-btn[data-v-4381c06d]{width:32px;height:32px;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .2s ease,color .2s ease}.minimal-btn[data-v-4381c06d]:hover{background:#ffffff1a}[data-theme=opaque] .minimal-btn[data-v-4381c06d]:hover{background:var(--bg-hover)}.login-main[data-v-4381c06d]{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;margin-top:70px;position:relative;z-index:1}.login-card[data-v-4381c06d]{width:100%;max-width:420px;border-radius:30px;padding:2rem;position:relative;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.login-card.glass-card[data-v-4381c06d]{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}[data-theme=opaque] .login-card.glass-card[data-v-4381c06d]{background:#2a2a2af2;border-color:#ffffff14;backdrop-filter:none;-webkit-backdrop-filter:none}.card-header[data-v-4381c06d]{text-align:center;margin-bottom:1.75rem}.card-icon[data-v-4381c06d]{font-size:1.75rem;color:var(--accent-color);margin-bottom:.75rem;display:inline-block}.card-header h2[data-v-4381c06d]{margin:0 0 .35rem;color:var(--text-primary);font-size:1.4rem;font-weight:600;transition:color .3s ease}.card-description[data-v-4381c06d]{color:var(--text-secondary);margin:0;font-size:.9rem;transition:color .3s ease}.error-banner[data-v-4381c06d]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:12px;margin-bottom:1.25rem;color:#ef4444;font-size:.9rem}.error-icon[data-v-4381c06d]{font-size:1rem;flex-shrink:0}.close-error[data-v-4381c06d]{background:none;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;margin-left:auto;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease}.close-error[data-v-4381c06d]:hover{background:#ef444426}.login-form[data-v-4381c06d]{margin-bottom:0}.form-group[data-v-4381c06d]{margin-bottom:1.25rem}.form-label[data-v-4381c06d]{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;color:var(--text-primary);font-weight:500;font-size:.9rem;transition:color .3s ease}.label-icon[data-v-4381c06d]{font-size:.85rem;color:var(--accent-color);opacity:.9}.input-field[data-v-4381c06d]{width:100%;padding:.875rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:1rem;color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.input-field[data-v-4381c06d]::placeholder{color:var(--text-secondary);opacity:.8}.input-field[data-v-4381c06d]:focus{outline:none;border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 3px #6366f126}[data-theme=opaque] .input-field[data-v-4381c06d]{background:var(--input-bg);border-color:var(--border-color)}[data-theme=opaque] .input-field[data-v-4381c06d]:focus{background:var(--input-focus-bg)}.input-field[data-v-4381c06d]:disabled{opacity:.6;cursor:not-allowed}.password-input-container[data-v-4381c06d]{position:relative;display:flex;align-items:center}.password-input[data-v-4381c06d]{padding-right:2.75rem}.password-toggle-btn[data-v-4381c06d]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.4rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.password-toggle-btn[data-v-4381c06d]:hover:not(:disabled){color:var(--accent-color);background:#6366f11a}.password-toggle-btn[data-v-4381c06d]:disabled{opacity:.5;cursor:not-allowed}.btn[data-v-4381c06d]{width:100%;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;margin-top:.25rem}.btn[data-v-4381c06d]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-4381c06d]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 16px #6366f159}.btn-primary[data-v-4381c06d]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.btn-icon[data-v-4381c06d]{font-size:1rem}@media (max-width: 768px){.login-header[data-v-4381c06d]{padding:1rem 1.25rem}.header-left[data-v-4381c06d]{gap:1rem}.app-title[data-v-4381c06d]{font-size:1.2rem}.header-time[data-v-4381c06d]{font-size:1rem}.login-main[data-v-4381c06d]{padding:1.5rem 1rem;margin-top:60px}.login-card[data-v-4381c06d]{padding:1.5rem}.card-header h2[data-v-4381c06d]{font-size:1.25rem}.password-toggle-btn[data-v-4381c06d]{right:.5rem;width:1.75rem;height:1.75rem}.password-input[data-v-4381c06d]{padding-right:2.5rem}}.admin-container[data-v-5a866ce5]{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.admin-bg-glow[data-v-5a866ce5]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.admin-bg-blob[data-v-5a866ce5]{position:absolute;border-radius:55% 45% 52% 48%/48% 55% 45% 52%;filter:blur(75px);opacity:.5;will-change:transform}.admin-bg-blob-1[data-v-5a866ce5]{width:min(85vmax,650px);height:min(85vmax,650px);background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.35),transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.22),transparent 48%);top:-18%;left:-12%;animation:admin-float-1-5a866ce5 20s ease-in-out infinite}.admin-bg-blob-2[data-v-5a866ce5]{width:min(65vmax,500px);height:min(65vmax,500px);background:radial-gradient(circle at 60% 40%,rgba(79,70,229,.3),transparent 55%),radial-gradient(circle at 40% 60%,rgba(124,58,237,.2),transparent 50%);top:45%;right:-8%;animation:admin-float-2-5a866ce5 24s ease-in-out infinite;animation-delay:-5s}.admin-bg-blob-3[data-v-5a866ce5]{width:min(55vmax,420px);height:min(55vmax,420px);background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.22),transparent 58%);bottom:-12%;left:15%;animation:admin-float-1-5a866ce5 26s ease-in-out infinite;animation-delay:-10s}@keyframes admin-float-1-5a866ce5{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(8%,-5%) scale(1.04) rotate(2deg)}50%{transform:translate(-5%,7%) scale(.97) rotate(-2deg)}75%{transform:translate(7%,8%) scale(1.02) rotate(1deg)}}@keyframes admin-float-2-5a866ce5{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-10%,5%) scale(1.06) rotate(-3deg)}66%{transform:translate(5%,-8%) scale(.95) rotate(2deg)}}[data-theme=opaque] .admin-bg-glow[data-v-5a866ce5]{opacity:.1}.admin-header[data-v-5a866ce5]{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:transparent;z-index:100;transition:background-color .3s ease}[data-theme=opaque] .admin-header[data-v-5a866ce5]{background:var(--bg-primary)}.admin-header .header-left[data-v-5a866ce5]{display:flex;align-items:center;gap:1.5rem}.app-title[data-v-5a866ce5]{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.header-time[data-v-5a866ce5]{font-size:1.1rem;font-weight:500;color:var(--text-secondary)}.header-actions-minimal[data-v-5a866ce5]{display:flex;align-items:center;gap:.35rem;opacity:.9}.header-actions-minimal[data-v-5a866ce5]:hover{opacity:1}.minimal-btn[data-v-5a866ce5]{width:32px;height:32px;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .2s ease}.minimal-btn[data-v-5a866ce5]:hover{background:#ffffff1a}[data-theme=opaque] .minimal-btn[data-v-5a866ce5]:hover{background:var(--bg-hover)}.user-badge[data-v-5a866ce5]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--accent-color);font-size:1rem}.glass-card[data-v-5a866ce5]{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:background-color .3s ease,border-color .3s ease}[data-theme=opaque] .glass-card[data-v-5a866ce5]{background:#2a2a2af2;border-color:#ffffff14;backdrop-filter:none;-webkit-backdrop-filter:none}.admin-nav[data-v-5a866ce5]{position:sticky;top:70px;z-index:50;margin:0 2rem;padding:.5rem;border-radius:14px;transition:background-color .3s ease,border-color .3s ease}.nav-container[data-v-5a866ce5]{display:flex;gap:.5rem}.nav-item[data-v-5a866ce5]{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:10px}.nav-item[data-v-5a866ce5]:hover{color:var(--text-primary);background:#ffffff14}.nav-item.active[data-v-5a866ce5]{color:var(--accent-color);background:#6366f126}.admin-main[data-v-5a866ce5]{position:relative;z-index:1;padding:2rem;max-width:1200px;margin:130px auto 0}.dashboard-section.glass-card[data-v-5a866ce5],.passwords-section.glass-card[data-v-5a866ce5],.rooms-section.glass-card[data-v-5a866ce5],.logs-section.glass-card[data-v-5a866ce5]{border-radius:16px;padding:1.5rem 2rem;box-sizing:border-box}.section-title[data-v-5a866ce5]{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.section-header[data-v-5a866ce5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header .header-actions[data-v-5a866ce5]{display:flex;gap:1rem}.stats-grid[data-v-5a866ce5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card[data-v-5a866ce5]{border-radius:16px;padding:1.5rem 1.25rem;display:flex;align-items:center;gap:1rem;min-height:0;box-sizing:border-box}.stat-card.glass-card[data-v-5a866ce5]{border-radius:16px;padding:1.5rem 1.25rem}.stat-icon[data-v-5a866ce5]{font-size:1.5rem;color:var(--accent-color);width:2.5rem;display:flex;align-items:center;justify-content:center}.stat-content[data-v-5a866ce5]{flex:1;min-width:0}.stat-value[data-v-5a866ce5]{font-size:1.5rem;font-weight:700;color:var(--accent-color);line-height:1.2}.stat-label[data-v-5a866ce5]{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem;transition:color .3s ease;line-height:1.3}.quick-actions[data-v-5a866ce5]{border-radius:16px;padding:1.5rem;box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease}.quick-actions.glass-card[data-v-5a866ce5]{border-radius:16px;padding:1.5rem}.quick-actions-title[data-v-5a866ce5]{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;transition:color .3s ease}.quick-actions-grid[data-v-5a866ce5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-btn[data-v-5a866ce5]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.quick-action-btn[data-v-5a866ce5]:hover{background:#ffffff1a;border-color:#6366f166;transform:translateY(-1px)}[data-theme=opaque] .quick-action-btn[data-v-5a866ce5]{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=opaque] .quick-action-btn[data-v-5a866ce5]:hover{background:var(--bg-hover);border-color:var(--accent-color)}.create-form[data-v-5a866ce5]{border-radius:16px;margin-bottom:1.5rem;box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease}.create-form.glass-card[data-v-5a866ce5]{border-radius:16px;padding:0;overflow:hidden}.form-header[data-v-5a866ce5]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.form-header h3[data-v-5a866ce5]{color:var(--text-primary);font-size:1.1rem;margin:0;transition:color .3s ease}.close-btn[data-v-5a866ce5]{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.close-btn[data-v-5a866ce5]:hover{color:var(--text-primary)}.form-body[data-v-5a866ce5]{padding:1.5rem}.form-group[data-v-5a866ce5]{margin-bottom:1rem}.preset-buttons[data-v-5a866ce5]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.preset-btn[data-v-5a866ce5]{padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.preset-btn[data-v-5a866ce5]:hover{background:var(--bg-hover);border-color:var(--accent-color)}.preset-btn.active[data-v-5a866ce5]{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.expiration-preview[data-v-5a866ce5]{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#6366f1;font-size:.9rem}.expiration-preview i[data-v-5a866ce5]{font-size:.8rem}.form-label[data-v-5a866ce5]{display:block;color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:.5rem;transition:color .3s ease}.input-field[data-v-5a866ce5]{width:100%;padding:.75rem;background:var(--input-bg, #F9FAFB);border:1px solid var(--input-border, #E5E7EB);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.input-field[data-v-5a866ce5]:focus{outline:none;border-color:var(--input-border-focus, var(--accent-color));background:var(--input-focus-bg);box-shadow:0 0 0 3px #6366f114}.form-actions[data-v-5a866ce5]{display:flex;gap:1rem;margin-top:1rem}.passwords-list[data-v-5a866ce5],.rooms-list[data-v-5a866ce5],.logs-list[data-v-5a866ce5]{display:flex;flex-direction:column;gap:1rem}.password-card[data-v-5a866ce5]{border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease;box-sizing:border-box}.password-card.glass-card[data-v-5a866ce5]{border-radius:16px;padding:1.5rem}.password-card[data-v-5a866ce5]:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.password-header[data-v-5a866ce5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.password-value[data-v-5a866ce5]{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;color:#6366f1;background:#6366f11a;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(99,102,241,.3)}.password-status[data-v-5a866ce5]{display:flex;align-items:center}.status-badge[data-v-5a866ce5]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.active[data-v-5a866ce5]{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.used[data-v-5a866ce5]{background:#6366f133;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.status-badge.expired[data-v-5a866ce5]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.password-details[data-v-5a866ce5]{display:flex;flex-direction:column;gap:.5rem}.password-description[data-v-5a866ce5],.password-expires[data-v-5a866ce5],.password-used[data-v-5a866ce5],.password-ip[data-v-5a866ce5]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#8b8b8b}.password-description i[data-v-5a866ce5],.password-expires i[data-v-5a866ce5],.password-used i[data-v-5a866ce5],.password-ip i[data-v-5a866ce5]{color:#6366f1;width:16px}.expired-text[data-v-5a866ce5]{color:#ef4444}.active-text[data-v-5a866ce5]{color:#22c55e}.room-card[data-v-5a866ce5]{border-radius:16px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;box-sizing:border-box}.room-card.glass-card[data-v-5a866ce5]{border-radius:16px;padding:1.25rem 1.5rem}.log-card[data-v-5a866ce5]{border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;transition:all .3s ease;gap:1rem;box-sizing:border-box}.log-card.glass-card[data-v-5a866ce5]{border-radius:16px;padding:1.25rem 1.5rem}.password-info[data-v-5a866ce5],.room-info[data-v-5a866ce5]{flex:1}.log-icon[data-v-5a866ce5]{width:2.5rem;height:2.5rem;background:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:1rem;flex-shrink:0}.log-content[data-v-5a866ce5]{flex:1}.log-header[data-v-5a866ce5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.log-action[data-v-5a866ce5]{font-size:1rem;font-weight:600;color:var(--text-primary);transition:color .3s ease}.log-time[data-v-5a866ce5]{color:#6366f1;font-size:.8rem}.log-sensitive-wrap[data-v-5a866ce5]{margin-top:.5rem}.log-sensitive-mask[data-v-5a866ce5]{cursor:pointer;padding:1rem 1.25rem;border-radius:10px;background:#00000040;border:1px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:background .2s ease;-webkit-user-select:none;user-select:none}.log-sensitive-mask[data-v-5a866ce5]:hover{background:#00000059;border-color:#ffffff4d}.log-mask-placeholder[data-v-5a866ce5]{font-size:.85rem;color:var(--text-secondary);opacity:.9}.log-reveal-btn[data-v-5a866ce5]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;color:var(--accent-color);background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.log-reveal-btn[data-v-5a866ce5]:hover{background:#6366f140}.log-sensitive-content[data-v-5a866ce5]{padding-top:.25rem}.log-hide-btn[data-v-5a866ce5]{margin-top:.75rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;color:var(--text-secondary);background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:all .2s ease}.log-hide-btn[data-v-5a866ce5]:hover{color:var(--text-primary);border-color:#ffffff40}.log-raw-details[data-v-5a866ce5]{margin-top:.5rem;padding:.5rem;background:#0003;border-radius:6px;font-size:.7rem;overflow-x:auto}.log-raw-details code[data-v-5a866ce5]{color:var(--text-secondary);word-break:break-all}.log-description[data-v-5a866ce5]{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem;transition:color .3s ease}.log-details[data-v-5a866ce5]{display:flex;flex-direction:column;gap:.25rem}.log-user[data-v-5a866ce5],.log-ip[data-v-5a866ce5],.log-timestamp[data-v-5a866ce5]{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem;transition:color .3s ease}.log-user i[data-v-5a866ce5],.log-ip i[data-v-5a866ce5],.log-timestamp i[data-v-5a866ce5]{color:#6366f1;width:1rem}.user-type[data-v-5a866ce5]{color:#6366f1;font-weight:500}.password-value[data-v-5a866ce5],.room-id[data-v-5a866ce5]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;transition:color .3s ease}.password-details[data-v-5a866ce5],.room-details[data-v-5a866ce5]{display:flex;flex-direction:column;gap:.25rem}.password-description[data-v-5a866ce5],.room-description[data-v-5a866ce5]{color:var(--text-secondary);font-size:.9rem;transition:color .3s ease}.password-expires[data-v-5a866ce5],.room-participants[data-v-5a866ce5]{color:#6366f1;font-size:.8rem}.password-actions[data-v-5a866ce5],.room-actions[data-v-5a866ce5]{display:flex;gap:.5rem}.btn[data-v-5a866ce5]{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-sm[data-v-5a866ce5]{padding:.25rem .5rem;font-size:.8rem}.btn-primary[data-v-5a866ce5]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-primary[data-v-5a866ce5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-secondary[data-v-5a866ce5]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);transition:all .3s ease}.btn-secondary[data-v-5a866ce5]:hover{background:var(--bg-hover);border-color:var(--accent-color)}.btn-outline[data-v-5a866ce5]{background:transparent;color:var(--accent-color);border:1px solid var(--accent-color);transition:all .3s ease}.btn-outline[data-v-5a866ce5]:hover{background:var(--accent-color);color:#fff}.btn-danger[data-v-5a866ce5]{background:#ef4444;color:#fff}.btn-danger[data-v-5a866ce5]:hover{background:#dc2626}.btn[data-v-5a866ce5]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.admin-main[data-v-5a866ce5]{padding:1rem}.stats-grid[data-v-5a866ce5]{grid-template-columns:1fr}.section-header[data-v-5a866ce5]{flex-direction:column;align-items:flex-start;gap:1rem}.nav-container[data-v-5a866ce5]{overflow-x:auto;padding-bottom:.5rem}.nav-item[data-v-5a866ce5]{white-space:nowrap}.password-card[data-v-5a866ce5],.room-card[data-v-5a866ce5],.log-card[data-v-5a866ce5]{flex-direction:column;align-items:flex-start;gap:1rem}.password-actions[data-v-5a866ce5],.room-actions[data-v-5a866ce5]{width:100%;justify-content:flex-end}}.password-value-container[data-v-5a866ce5]{display:flex;align-items:center;gap:.5rem}.password-value[data-v-5a866ce5]{font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.password-value.password-hidden[data-v-5a866ce5]{filter:blur(4px);-webkit-user-select:none;user-select:none}.password-toggle-btn[data-v-5a866ce5]{background:none;border:none;color:#8b8b8b;font-size:1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.password-toggle-btn[data-v-5a866ce5]:hover{color:#6366f1;background:#6366f11a}.log-ip[data-v-5a866ce5]{cursor:pointer;transition:all .2s ease}.log-ip[data-v-5a866ce5]:hover{color:#6366f1}.ip-toggle-btn[data-v-5a866ce5]{background:none;border:none;color:#8b8b8b;font-size:.8rem;cursor:pointer;padding:.125rem;border-radius:3px;margin-left:.25rem;transition:all .2s ease}.ip-toggle-btn[data-v-5a866ce5]:hover{color:#6366f1;background:#6366f11a}.log-security[data-v-5a866ce5]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.security-normal[data-v-5a866ce5]{color:#10b981;background:#10b9811a}.security-suspicious[data-v-5a866ce5]{color:#f59e0b;background:#f59e0b1a}.security-critical[data-v-5a866ce5]{color:#ef4444;background:#ef44441a}.log-security i[data-v-5a866ce5]{color:inherit}