:root{--font-family-base: Inter, "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-weight-regular: 500;--font-weight-semibold: 650;--font-weight-bold: 700;--type-display-size: 1.75rem;--type-display-line: 2.125rem;--type-h1-size: 1.375rem;--type-h1-line: 1.75rem;--type-h2-size: 1.125rem;--type-h2-line: 1.5rem;--type-body-line: 1.5rem;--type-caption-line: 1.125rem;--type-meta-line: 1rem;--type-button-line: 1.25rem;--color-bg-base: #0b0620;--color-bg-gradient-a: #120a2e;--color-bg-gradient-b: #2a0f6b;--color-surface-0: rgba(255, 255, 255, .04);--color-surface-1: rgba(255, 255, 255, .06);--color-border-subtle: rgba(255, 255, 255, .1);--color-border-focus: rgba(176, 255, 74, .75);--color-text-primary: rgba(255, 255, 255, .92);--color-text-secondary: rgba(255, 255, 255, .74);--color-text-tertiary: rgba(255, 255, 255, .58);--color-text-disabled: rgba(255, 255, 255, .4);--color-text-inverse: #0b0620;--color-brand-primary: #b0ff4a;--color-brand-secondary: #4ad7ff;--color-brand-purple-glow: #7c3cff;--color-brand-gradient-start: #4ad7ff;--color-brand-gradient-end: #b0ff4a;--color-feedback-success: #47e6a6;--color-feedback-warning: #ffd24a;--color-feedback-danger: #ff4d6d;--color-feedback-info: #4ad7ff;--color-feedback-success-soft: rgba(71, 230, 166, .16);--color-feedback-warning-soft: rgba(255, 210, 74, .16);--color-feedback-danger-soft: rgba(255, 77, 109, .16);--color-feedback-info-soft: rgba(74, 215, 255, .16);--space-1: .5rem;--space-2: 1rem;--space-3: 1.25rem;--space-4: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-12: 4rem;--space-16: 6rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 999px;--shadow-sm: 0 8px 16px rgba(0, 0, 0, .22);--shadow-md: 0 12px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .38);--shadow-logo: drop-shadow(0 18px 40px rgba(0, 0, 0, .32));--size-input-h: 52px;--size-button-h: 48px;--size-chip-h: 34px;--size-nav-h: 72px;--size-avatar-lg: 96px;--size-topbar-h: 56px;--size-chat-composer-h: 112px;--duration-fast: .12s;--duration-med: .18s;--duration-slow: .26s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--backdrop-blur: 18px;--content-width: 1200px;--color-primary: var(--color-brand-primary);--color-info: var(--color-feedback-info);--color-bg: var(--color-bg-base);--color-bg-2: var(--color-text-inverse);--color-bg-3: var(--color-bg-gradient-a);--color-surface: var(--color-surface-1);--color-surface-2: rgba(255, 255, 255, .1);--color-surface-3: rgba(255, 255, 255, .14);--color-text: var(--color-text-primary);--color-muted: var(--color-text-secondary);--color-placeholder: var(--color-text-tertiary);--color-border-soft: var(--color-border-subtle);--color-border-neon: rgba(176, 255, 74, .36);--color-overlay: rgba(11, 6, 32, .48);--color-scrim: rgba(0, 0, 0, .22);--color-success: var(--color-feedback-success);--color-warning: var(--color-feedback-warning);--color-danger: var(--color-feedback-danger);--color-danger-bg: var(--color-feedback-danger-soft);--color-danger-border: rgba(255, 77, 109, .32);--color-timer-text: var(--color-feedback-warning);--color-timer-bg: var(--color-feedback-warning-soft);--color-timer-border: rgba(255, 210, 74, .32);--color-locked-text: var(--color-text-primary);--color-offline-text: var(--color-text-secondary);--color-success-bg: var(--color-feedback-success-soft);--color-success-border: rgba(71, 230, 166, .3);--color-info-bg: var(--color-feedback-info-soft);--color-info-border: rgba(74, 215, 255, .3);--color-primary-bg: rgba(176, 255, 74, .14);--color-primary-border: rgba(176, 255, 74, .32);--color-cyan-haze: rgba(74, 215, 255, .12);--color-lime-haze: rgba(176, 255, 74, .08);--color-scrollbar: rgba(255, 255, 255, .18);--color-scrollbar-hover: rgba(255, 255, 255, .28);--color-info-soft: rgba(74, 215, 255, .22);--color-info-strong: rgba(176, 255, 74, .75);--color-info-card: rgba(74, 215, 255, .18);--color-border-strong: rgba(255, 255, 255, .18);--color-auth-ring: rgba(74, 215, 255, .22);--color-create-field-border: var(--color-border-subtle);--color-switch-idle-bg: rgba(255, 255, 255, .08);--color-switch-idle-border: rgba(255, 255, 255, .14);--color-switch-public-bg: rgba(255, 255, 255, .14);--color-switch-public-border: rgba(255, 255, 255, .18);--color-switch-active-bg: rgba(176, 255, 74, .86);--color-switch-thumb: rgba(255, 255, 255, .82);--color-switch-thumb-strong: rgba(255, 255, 255, .92);--color-switch-thumb-active: #ffffff;--color-brand-tagline: var(--color-text-secondary);--color-brand-line: rgba(255, 255, 255, .18);--color-auth-link-accent: var(--color-brand-primary);--color-google: #ffffff;--color-google-text: #ea4335;--color-facebook: #4668c5;--color-facebook-text: #ffffff;--color-chat-divider: rgba(255, 255, 255, .16);--color-message-author-5: #ffcce9;--surface-overlay-card: rgba(255, 255, 255, .06);--surface-overlay-soft: rgba(255, 255, 255, .04);--surface-input: rgba(255, 255, 255, .06);--surface-toggle: rgba(255, 255, 255, .06);--surface-toggle-track: rgba(255, 255, 255, .04);--surface-chip: rgba(255, 255, 255, .04);--surface-badge-muted: rgba(255, 255, 255, .06);--surface-topbar: rgba(11, 6, 32, .72);--surface-composer: rgba(255, 255, 255, .06);--surface-composer-field: rgba(255, 255, 255, .06);--surface-settings: rgba(255, 255, 255, .06);--surface-bottom-nav: rgba(11, 6, 32, .92);--surface-media-viewed: rgba(255, 255, 255, .08);--surface-media-frame: rgba(255, 255, 255, .06);--surface-modal: rgba(11, 6, 32, .94);--surface-room-cta: rgba(255, 255, 255, .06);--gradient-brand: linear-gradient(90deg, var(--color-brand-gradient-start) 0%, var(--color-brand-gradient-end) 100%);--gradient-bg-main: radial-gradient(circle at top, rgba(42, 15, 107, .28) 0%, transparent 38%), linear-gradient(180deg, var(--color-bg-gradient-a) 0%, var(--color-bg-base) 100%);--gradient-surface-soft: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .04) 100%);--gradient-card-room: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .05) 100%);--gradient-bubble-sender-0: rgba(255, 255, 255, .06);--gradient-bubble-sender-1: rgba(255, 255, 255, .06);--gradient-bubble-sender-2: rgba(255, 255, 255, .06);--gradient-bubble-sender-3: rgba(255, 255, 255, .06);--gradient-bubble-sender-4: rgba(255, 255, 255, .06);--gradient-bubble-sender-5: rgba(255, 255, 255, .06);--color-bubble-sender-0-border: rgba(255, 255, 255, .1);--color-bubble-sender-1-border: rgba(255, 255, 255, .1);--color-bubble-sender-2-border: rgba(255, 255, 255, .1);--color-bubble-sender-3-border: rgba(255, 255, 255, .1);--color-bubble-sender-4-border: rgba(255, 255, 255, .1);--color-bubble-sender-5-border: rgba(255, 255, 255, .1);--shadow-bubble-sender-0: var(--shadow-sm);--shadow-bubble-sender-1: var(--shadow-sm);--shadow-bubble-sender-2: var(--shadow-sm);--shadow-bubble-sender-3: var(--shadow-sm);--shadow-bubble-sender-4: var(--shadow-sm);--shadow-bubble-sender-5: var(--shadow-sm);--gradient-divider: linear-gradient(90deg, transparent, rgba(255, 255, 255, .12), transparent);--gradient-hero-glow: radial-gradient(circle, rgba(74, 215, 255, .16), transparent 68%);--gradient-bottom-nav: linear-gradient(180deg, rgba(11, 6, 32, 0) 0%, rgba(11, 6, 32, .94) 38%);--gradient-create-timer: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .06) 100%);--gradient-splash-glow: radial-gradient(circle, rgba(74, 215, 255, .18) 0%, rgba(176, 255, 74, .12) 42%, transparent 72%);--gradient-brand-line: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);--gradient-home-hero-sticky: linear-gradient(180deg, rgba(11, 6, 32, .94) 72%, rgba(11, 6, 32, 0) 100%);--gradient-room-card-particles: none;--gradient-body-fx: radial-gradient(circle at top right, rgba(74, 215, 255, .06), transparent 28%), radial-gradient(circle at top left, rgba(176, 255, 74, .05), transparent 24%);--glow-lime: 0 0 0 1px rgba(176, 255, 74, .16);--glow-purple: 0 0 0 1px rgba(124, 60, 255, .14);--glow-cyan: 0 0 0 1px rgba(74, 215, 255, .16);--focus-ring: 0 0 0 2px rgba(176, 255, 74, .75);--shadow-inset-soft: inset 0 1px 0 rgba(255, 255, 255, .03)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--gradient-bg-main)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:var(--gradient-body-fx)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::placeholder{color:var(--color-placeholder)}*:focus-visible{outline:none;box-shadow:var(--focus-ring)}#root{min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.72}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes chip-select{0%{transform:scale(.98);box-shadow:0 0 0 0 transparent}to{transform:scale(1)}}@keyframes nav-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-shell{min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column}.page-container{width:min(100%,var(--content-width));min-width:0;margin:0 auto;padding:var(--space-3) var(--space-2) calc(var(--size-nav-h) + var(--space-3))}.page-stack,.section-stack{display:flex;flex-direction:column;gap:var(--space-3)}.section-stack--sm{gap:var(--space-2)}.surface-panel,.glass-panel{border:1px solid var(--color-border-soft);background:var(--gradient-surface-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel{backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}.eyebrow{margin:0;color:var(--color-info);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.18em;font-weight:var(--font-weight-bold)}.text-muted{color:var(--color-muted)}.text-offline{color:var(--color-offline-text)}.ui-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}.ui-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:var(--size-button-h);padding:0 1.25rem;border-radius:16px;border:1px solid transparent;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);letter-spacing:.01em;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),border-color var(--duration-med) var(--ease-standard),background-color var(--duration-med) var(--ease-standard),color var(--duration-med) var(--ease-standard)}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:scale(.98)}.ui-button:disabled{opacity:.55}.ui-button--full{width:100%}.ui-button--sm{min-height:40px;padding-inline:1rem;font-size:.875rem}.ui-button--lg{min-height:48px;padding-inline:1.5rem}.ui-button--primary{color:var(--color-text-inverse);background:var(--gradient-brand);box-shadow:var(--shadow-sm)}.ui-button--secondary{color:var(--color-text);background:var(--color-surface-1);border-color:var(--color-border-subtle)}.ui-button--secondary:hover:not(:disabled),.ui-button--ghost:hover:not(:disabled){border-color:var(--color-border-strong)}.ui-button--danger{color:#fff;background:var(--color-danger);border-color:transparent}.ui-button--ghost{color:var(--color-text-secondary);background:transparent;border-color:var(--color-border-subtle)}.ui-icon-button{width:48px;min-width:48px;padding:0}.ui-field{display:grid;gap:.5rem}.ui-field__label{margin:0;padding-left:.25rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted)}.ui-field__hint,.ui-field__error{margin:0;padding-left:.25rem;font-size:var(--font-size-xs)}.ui-field__hint{color:var(--color-offline-text)}.ui-field__error{color:var(--color-danger)}.ui-input{min-height:var(--size-input-h);display:flex;align-items:center;gap:.75rem;padding:0 .875rem;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--surface-input);box-shadow:none;transition:border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ui-input:hover{border-color:var(--color-border-strong)}.ui-input:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ui-input--error{border-color:var(--color-danger-border);box-shadow:var(--shadow-inset-soft),0 0 0 1px var(--color-danger-border)}.ui-input__icon,.ui-input__trailing{color:var(--color-muted);display:inline-flex;align-items:center;justify-content:center}.ui-input__trailing--text{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.ui-input__control{width:100%;border:0;background:transparent;padding:0;color:var(--color-text);min-width:0}.ui-input__control:focus{outline:none}.ui-textarea,.ui-select{width:100%;min-height:var(--size-input-h);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--surface-input);color:var(--color-text);padding:1rem;transition:border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard)}.ui-textarea:focus,.ui-select:focus{outline:none;border-color:var(--color-info-strong);box-shadow:var(--glow-cyan)}.ui-textarea{resize:vertical;min-height:120px}.ui-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--surface-toggle);padding:1rem 1.125rem;transition:border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ui-toggle:hover{border-color:var(--color-info-border)}.ui-toggle:active{transform:scale(.99)}.ui-toggle__track{width:54px;height:30px;border-radius:var(--radius-pill);background:var(--surface-toggle-track);border:1px solid var(--color-border-soft);padding:3px;transition:background-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),border-color var(--duration-med) var(--ease-standard)}.ui-toggle__thumb{width:22px;height:22px;border-radius:50%;background:var(--color-text);transition:transform var(--duration-med) var(--ease-standard)}.ui-toggle--checked .ui-toggle__track{background:var(--color-primary-bg);border-color:var(--color-border-neon);box-shadow:var(--glow-lime)}.ui-toggle--checked .ui-toggle__thumb{transform:translate(24px);background:var(--color-primary)}.ui-chip{min-height:var(--size-chip-h);padding:0 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-0);color:var(--color-text-secondary);font-size:.875rem;font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;transition:color var(--duration-med) var(--ease-standard),border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ui-chip:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-strong)}.ui-chip:active:not(:disabled){transform:scale(.98)}.ui-chip--selected{color:var(--color-text-primary);background:var(--color-surface-2);border-color:var(--color-border-strong);box-shadow:none;animation:chip-select var(--duration-med) var(--ease-standard)}.ui-badge{display:inline-flex;align-items:center;gap:.4rem;min-height:28px;padding:0 .75rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);font-size:.75rem;font-weight:650}.ui-badge--muted{color:var(--color-text-secondary);background:var(--color-surface-1)}.ui-badge--success{color:var(--color-feedback-success);background:var(--color-feedback-success-soft);border-color:#47e6a63d}.ui-badge--danger{color:var(--color-feedback-danger);background:var(--color-feedback-danger-soft);border-color:#ff4d6d3d}.ui-badge--warning{color:var(--color-feedback-warning);background:var(--color-feedback-warning-soft);border-color:#ffd24a3d}.ui-badge--info{color:var(--color-feedback-info);background:var(--color-feedback-info-soft);border-color:#4ad7ff3d}.ui-badge--primary{color:var(--color-text-inverse);background:#b0ff4ae0;border-color:transparent}.ui-badge--public{color:var(--color-feedback-info);background:#4ad7ff1f;border-color:#4ad7ff3d}.ui-badge--unlisted{color:var(--color-feedback-warning);background:#ffd24a1f;border-color:#ffd24a3d}.ui-badge--personal{color:#f5b8ff;background:#f5b8ff1f;border-color:#f5b8ff3d}.ui-badge--owner{color:var(--color-primary);background:#b7f23a1f;border-color:var(--color-primary-border)}.ui-badge--favorite{color:#ff8db2;background:#ff8db21f;border-color:#ff8db242}.ui-card{border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-surface-1);box-shadow:var(--shadow-sm);padding:1rem;animation:card-enter var(--duration-med) var(--ease-standard)}.ui-card--interactive{transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),border-color var(--duration-med) var(--ease-standard)}.ui-card--interactive:hover{transform:translateY(-2px);border-color:var(--color-info-card);box-shadow:var(--shadow-lg),var(--glow-purple)}.ui-card--selected{border-color:var(--color-border-neon);box-shadow:var(--shadow-lg),var(--glow-lime)}.ui-card--danger{border-color:var(--color-danger-border)}.ui-divider{border:0;height:1px;margin:0;background:var(--gradient-divider)}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--gradient-brand);color:var(--color-bg-2);font-weight:var(--font-weight-bold);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm),var(--glow-cyan)}.ui-avatar img{width:100%;height:100%;object-fit:cover}.ui-avatar--sm{width:44px;height:44px;font-size:var(--font-size-sm)}.ui-avatar--md{width:56px;height:56px;font-size:var(--font-size-lg)}.ui-avatar--lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg);font-size:var(--font-size-2xl)}.timer-pill{display:inline-flex;align-items:center;gap:.5rem;min-height:36px;padding:0 .875rem;border-radius:var(--radius-pill);border:1px solid var(--color-timer-border);background:var(--color-timer-bg);color:var(--color-timer-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.timer-pill--strong{box-shadow:var(--shadow-sm),var(--glow-purple)}.hero-logo{display:grid;gap:1rem;padding:1.5rem;position:relative;overflow:hidden}.hero-logo:after{content:"";position:absolute;inset:auto -20% -40% auto;width:220px;height:220px;border-radius:50%;background:var(--gradient-hero-glow);pointer-events:none}.hero-logo__brand{display:inline-flex;align-items:center;gap:1rem}.hero-logo__mark{width:58px;height:58px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:var(--color-bg-2);box-shadow:var(--shadow-md),var(--glow-cyan)}.hero-logo__title{margin:0;font-size:clamp(1.8rem,6vw,2.6rem);line-height:.95;font-weight:var(--font-weight-bold)}.hero-logo__accent{color:var(--color-primary)}.hero-logo__subtitle{margin:0;max-width:38rem;color:var(--color-muted);font-size:var(--font-size-sm)}.hero-logo__meta,.toolbar-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));background:var(--surface-topbar);border-bottom:1px solid var(--color-border-subtle)}.topbar__inner{width:min(100%,var(--content-width));margin:0 auto;min-height:56px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar__meta{min-width:0;display:grid;gap:.25rem}.topbar__slot{min-width:0}.topbar__title{margin:0;font-size:var(--type-h2-size);font-weight:var(--font-weight-bold)}.topbar__subtitle{margin:0;color:var(--color-text-secondary);font-size:.8125rem}.topbar__badges{display:flex;flex-wrap:wrap;gap:.5rem}.topbar__slot{display:flex;align-items:center;gap:.75rem}.search-pill{width:100%}.search-pill .ui-input{min-height:60px;border-radius:var(--radius-pill);border-color:var(--color-primary-border);box-shadow:var(--glow-lime);padding-inline:1.125rem .625rem}.search-pill .ui-input__icon{color:var(--color-primary)}.search-pill .ui-input__trailing{padding-left:.875rem}.home-page{overflow-x:hidden}.home-main{padding-top:1.25rem}.home-hero,.home-greeting,.home-greeting__actions,.home-section-header,.home-filter-row,.room-card__hero,.room-card__identity,.room-card__headline,.room-card__chips,.room-card__meta-line,.room-card__meta-item{display:flex;align-items:center}.home-hero{flex-direction:column;gap:1rem}.home-greeting{width:100%;justify-content:space-between;gap:1rem}.home-greeting__title{margin:0;font-size:clamp(2rem,8vw,3rem);line-height:1;font-weight:var(--font-weight-bold)}.home-greeting__subtitle{margin:0;color:var(--color-muted);font-size:var(--font-size-lg)}.home-greeting__actions{gap:.75rem}.home-avatar-button{border:0;background:transparent;padding:0}.home-search-filter{width:2.75rem;height:2rem;padding-left:.875rem;border:0;border-left:1px solid var(--color-border-soft);background:transparent;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.home-section-header{justify-content:space-between;gap:1rem}.home-section-copy{display:grid;gap:.35rem}.home-section-title{margin:0;font-size:2rem;font-weight:var(--font-weight-bold)}.home-section-subtitle{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}.home-filter-row{gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.home-filter-chip{flex:0 0 auto}.home-room-grid{gap:1.25rem}.home-collection{gap:.875rem}.home-collection__header{display:flex;align-items:center;justify-content:space-between;gap:.875rem}.room-grid{display:grid;gap:1rem}.room-card{display:grid;gap:.875rem;background:var(--color-surface-1)}.room-card--home{position:relative;overflow:hidden;min-height:132px;padding:1rem}.home-room-grid>*{animation:card-enter var(--duration-med) var(--ease-standard)}.home-room-grid>*:nth-child(2){animation-delay:40ms}.home-room-grid>*:nth-child(3){animation-delay:80ms}.home-room-grid>*:nth-child(4){animation-delay:.12s}.room-card--home:before{content:none}.room-card--home:after{content:none}.room-card__header,.room-card__footer,.room-card__meta,.message-bubble__header,.settings-row,.composer{display:flex;align-items:center}.room-card__header,.settings-row{justify-content:space-between;gap:1rem}.room-card__meta{gap:.875rem;align-items:flex-start}.room-card__title{margin:0;font-size:var(--type-h2-size);font-weight:var(--font-weight-bold)}.room-card__summary{margin:0;color:var(--color-text-secondary);font-size:.8125rem}.room-card__hero{justify-content:space-between;align-items:flex-start;gap:.875rem}.room-card__identity{align-items:flex-start;gap:.875rem;min-width:0}.room-card__copy{min-width:0}.room-card__logo{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);box-shadow:none}.room-card__logo img{width:100%;height:100%;object-fit:cover;object-position:left center}.room-card__headline{flex-wrap:wrap;gap:.625rem}.room-card__chips{gap:.5rem;flex-wrap:wrap}.room-card__meta-line{gap:.75rem;flex-wrap:wrap;color:var(--color-text-primary);font-size:.75rem}.room-card__meta-line--stacked{display:grid;gap:.75rem}.room-card__meta-item{gap:.35rem;color:var(--color-text-tertiary)}.room-card__meta-item--id{color:var(--color-muted);letter-spacing:.08em}.room-card__dot{width:.3rem;height:.3rem;border-radius:50%;background:var(--color-text-tertiary)}.room-card__cta{position:relative;z-index:1;min-width:0;padding-inline:.85rem}.room-card__actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.room-card__actions--triple{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.room-card__share,.room-card__cta,.room-card__secondary{width:100%;justify-content:center}.room-card__description,.message-bubble__time,.stats-card__description{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}.room-card__footer{justify-content:stretch;flex-direction:column;align-items:stretch;gap:.75rem}.online-count{display:inline-flex;align-items:center;gap:.625rem;min-height:2rem;padding:0;border-radius:var(--radius-pill);color:var(--color-locked-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.online-count svg{color:var(--color-muted)}.privacy-grid,.stats-grid,.auth-grid,.profile-grid{display:grid;gap:1rem}.ui-radio-card{width:100%;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-radius:18px;border:1px solid var(--color-border-subtle);background:var(--color-surface-1);box-shadow:var(--shadow-sm);text-align:left;transition:border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),background-color var(--duration-med) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ui-radio-card:hover:not(:disabled){border-color:var(--color-border-strong);transform:translateY(-1px)}.ui-radio-card:active:not(:disabled){transform:scale(.99)}.ui-radio-card:disabled{opacity:.6}.ui-radio-card--selected{border-color:var(--color-border-focus);background:var(--color-surface-2);box-shadow:var(--focus-ring)}.ui-radio-card__body{display:flex;align-items:flex-start;gap:.875rem;min-width:0}.ui-radio-card__icon{width:40px;height:40px;flex:0 0 40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-2);color:var(--color-feedback-info);border:1px solid var(--color-border-subtle)}.ui-radio-card__copy{min-width:0;display:grid;gap:.25rem}.ui-radio-card__title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ui-radio-card__title{color:var(--color-text-primary);font-size:var(--type-body-size, 1rem);font-weight:var(--font-weight-semibold);line-height:var(--type-body-line)}.ui-radio-card__description{color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.125rem}.ui-radio-card__indicator{color:var(--color-text-tertiary);flex:0 0 auto}.ui-radio-card--selected .ui-radio-card__indicator{color:var(--color-brand-primary)}.privacy-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.125rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--gradient-surface-soft);box-shadow:var(--shadow-md);text-align:left;transition:border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.privacy-option:hover:not(:disabled){border-color:var(--color-info-border);transform:translateY(-1px)}.privacy-option:active:not(:disabled){transform:scale(.99)}.privacy-option:disabled{opacity:.72}.privacy-option--selected{border-color:var(--color-border-neon);box-shadow:var(--shadow-lg),var(--glow-lime)}.privacy-option__body{display:flex;align-items:flex-start;gap:.875rem;min-width:0}.privacy-option__icon{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.privacy-option__copy{min-width:0}.privacy-option__title-row{justify-content:flex-start;gap:.625rem}.privacy-option__title{margin:0;font-weight:var(--font-weight-bold)}.privacy-option__trailing{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.privacy-option__text{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}.message-stack{display:grid;gap:.875rem}.message-stack[data-own=true]{justify-items:end}.message-bubble{max-width:min(92vw,34rem);display:grid;animation:message-enter var(--duration-med) var(--ease-standard)}.message-bubble--sender-0{--message-author-color: var(--color-text)}.message-bubble--sender-1{--message-author-color: var(--color-success)}.message-bubble--sender-2{--message-author-color: var(--color-warning)}.message-bubble--sender-3{--message-author-color: var(--color-info)}.message-bubble--sender-4{--message-author-color: var(--color-primary)}.message-bubble--sender-5{--message-author-color: var(--color-message-author-5)}.message-bubble__body{display:flex;align-items:flex-end;gap:.75rem}.message-bubble[data-own=true] .message-bubble__body{flex-direction:row-reverse}.message-bubble__column{min-width:0;display:grid;gap:.35rem}.message-bubble__avatar,.message-bubble__avatar-spacer{width:44px;flex:0 0 44px}.message-bubble__avatar{display:inline-flex;align-items:center;justify-content:center}.message-bubble__header{gap:.25rem;padding-inline:.5rem}.message-bubble__author{color:var(--message-author-color, var(--color-text));font-size:1.1rem;font-weight:var(--font-weight-bold)}.message-bubble__surface{border-radius:18px;padding:.875rem .875rem .75rem;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);background:var(--color-surface-1)}.message-bubble--sender-0 .message-bubble__surface,.message-bubble--sender-1 .message-bubble__surface,.message-bubble--sender-2 .message-bubble__surface,.message-bubble--sender-3 .message-bubble__surface,.message-bubble--sender-4 .message-bubble__surface,.message-bubble--sender-5 .message-bubble__surface{background:var(--color-surface-1);border-color:var(--color-border-subtle);box-shadow:var(--shadow-sm)}.message-bubble[data-own=true] .message-bubble__surface{background:#b0ff4a14;border-color:#b0ff4a38}.message-bubble__content{margin:0;white-space:pre-wrap;word-break:break-word;font-size:1rem;line-height:1.5}.message-bubble[data-own=true]{max-width:min(86vw,30rem)}.message-bubble__footer{display:flex;justify-content:flex-end;margin-top:.625rem}.message-bubble__time{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .65rem;border-radius:var(--radius-pill);background:var(--color-timer-bg);border:1px solid var(--color-timer-border);color:var(--color-timer-text);font-size:.75rem;font-weight:var(--font-weight-bold)}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.625rem;width:100%;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;align-items:end;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard)}.composer-shell{display:grid;gap:.45rem}.composer:focus-within{transform:translateY(-1px)}.composer__field{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.25rem;min-width:0;width:100%;min-height:3.625rem;padding:.3rem .45rem;border-radius:18px;border:1px solid var(--color-border-subtle);background:var(--color-surface-1);box-shadow:var(--shadow-sm),var(--shadow-inset-soft)}.composer:focus-within .composer__field{border-color:var(--color-info-strong);box-shadow:var(--shadow-sm),var(--glow-cyan)}.composer__attach-button{width:2.65rem;min-width:2.65rem;height:2.65rem;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-muted);transition:color var(--duration-med) var(--ease-standard),background-color var(--duration-med) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.composer__attach-button:hover:not(:disabled){color:var(--color-info);background:var(--surface-overlay-soft)}.composer__attach-button:active:not(:disabled){transform:scale(.96)}.composer__attach-button:disabled{opacity:.55}.composer__textarea{min-width:0;min-height:44px;max-height:120px;border:0;background:transparent;color:var(--color-text);resize:none;line-height:1.35;padding:.78rem .35rem .72rem .15rem;scrollbar-width:thin}.composer__textarea:focus{outline:none}.composer__timer{display:inline-flex;align-items:center;align-self:center;min-height:1.9rem;padding:0 .7rem;border-radius:var(--radius-pill);border:1px solid var(--color-timer-border);background:#ffc94a1a;color:var(--color-timer-text);font-size:.72rem;font-weight:var(--font-weight-bold);white-space:nowrap}.composer__send-button{width:3.25rem;min-width:3.25rem;height:3.25rem;border-radius:50%}.composer__send-button{box-shadow:var(--glow-lime),var(--shadow-sm)}.composer__hint{margin:0;padding-left:.25rem;color:var(--color-muted);font-size:var(--font-size-xs)}.settings-row{width:100%;padding:1rem 1.125rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--surface-settings)}.settings-row__meta{display:grid;gap:.25rem}.settings-row__title{margin:0;font-weight:var(--font-weight-semibold)}.settings-row__description{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}.stats-card{display:grid;gap:.5rem}.stats-card__value{margin:0;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:1}.bottom-nav{position:fixed;inset:auto 0 0;z-index:40;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--gradient-bottom-nav)}.bottom-nav__inner{width:min(100%,32rem);min-height:var(--size-nav-h);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.75rem;border-radius:30px;border:1px solid var(--color-border-soft);background:var(--surface-bottom-nav);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));animation:nav-rise var(--duration-med) var(--ease-standard)}.bottom-nav__item{min-height:52px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-muted);display:grid;justify-items:center;align-content:center;gap:.25rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;transition:color var(--duration-med) var(--ease-standard),border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.bottom-nav__item:hover{color:var(--color-text)}.bottom-nav__item:active{transform:scale(.98)}.bottom-nav__item--active{color:var(--color-primary);border-color:var(--color-border-neon);background:var(--color-primary-bg);box-shadow:var(--glow-lime)}.empty-state,.auth-shell,.profile-hero,.chat-aside,.chat-thread,.content-panel{display:grid;gap:1rem}.empty-state{justify-items:center;text-align:center;padding:var(--space-4)}.auth-shell{width:min(100%,1080px);margin:0 auto;padding:var(--space-3) var(--space-2);min-height:100vh;align-items:center}.auth-shell--compact{width:min(100%,32rem);display:grid;justify-items:center}.auth-stage{width:100%;display:grid;gap:1.25rem;align-content:center}.auth-brand{display:grid;justify-items:center;gap:1rem;padding-top:1rem}.auth-brand__mark{position:relative;width:min(18rem,62vw);aspect-ratio:1;display:grid;place-items:center}.auth-brand__halo{position:absolute;inset:0;border-radius:50%;background:var(--gradient-splash-glow);filter:blur(10px)}.auth-brand__logo{position:relative;width:100%;max-width:14rem;filter:var(--shadow-logo)}.auth-brand__title{margin:0;font-size:clamp(2.6rem,10vw,4rem);line-height:.95;font-weight:var(--font-weight-bold);text-align:center}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem;border-bottom:1px solid var(--color-border-soft)}.auth-tab{min-height:3rem;border:0;background:transparent;color:var(--color-muted);font-size:1.1rem;font-weight:var(--font-weight-semibold);padding:0 0 .875rem;position:relative}.auth-tab--active{color:var(--color-primary)}.auth-tab--active:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:3px;border-radius:var(--radius-pill);background:var(--color-primary);box-shadow:var(--glow-lime);animation:chip-select var(--duration-med) var(--ease-standard)}.auth-card{background:transparent;border-color:transparent;box-shadow:none;padding:0}.auth-form{gap:.875rem}.auth-socials{display:grid;gap:.75rem}.auth-socials--compact{grid-template-columns:repeat(2,minmax(0,72px));justify-content:center;gap:2rem}.auth-social{width:72px;height:72px;border-radius:50%;border:1px solid var(--color-border-soft);display:grid;place-items:center;font-size:2rem;font-weight:var(--font-weight-bold);background:var(--surface-overlay-card);color:var(--color-text);box-shadow:var(--shadow-sm)}.auth-social--google{background:var(--color-google);color:var(--color-google-text)}.auth-social--facebook{background:var(--color-facebook);color:var(--color-facebook-text)}.auth-separator{position:relative;display:grid;place-items:center;color:var(--color-muted);font-weight:var(--font-weight-semibold)}.auth-separator:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:var(--gradient-divider)}.auth-separator span{position:relative;padding:0 1rem;background:var(--color-bg)}.auth-link{border:0;background:transparent;color:var(--color-text);text-align:center;font-size:var(--font-size-base)}.auth-link__accent{color:var(--color-auth-link-accent)}.auth-link--muted{color:var(--color-muted);text-align:left}.auth-submit{margin-top:.25rem}.splash-screen{min-height:100vh;display:grid;place-items:center;padding:2rem 1.5rem}.splash-screen__brand{width:min(100%,30rem);display:grid;justify-items:center;gap:1.25rem;text-align:center;animation:nav-rise var(--duration-med) var(--ease-standard)}.splash-screen__logo-wrap{position:relative;width:min(18rem,72vw);aspect-ratio:1;display:grid;place-items:center;animation:float-soft 4s ease-in-out infinite}.splash-screen__logo-glow{position:absolute;inset:8%;border-radius:50%;background:var(--gradient-splash-glow);animation:pulse-soft 2.2s ease-in-out infinite}.splash-screen__logo{position:relative;width:100%;max-width:15rem;filter:var(--shadow-logo)}.splash-screen__title{margin:0;font-size:clamp(3rem,12vw,4.6rem);line-height:.95;font-weight:var(--font-weight-bold)}.splash-screen__accent{color:var(--color-primary)}.splash-screen__tagline{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem}.splash-screen__tagline p{margin:0;color:var(--color-brand-tagline);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em}.splash-screen__line{height:1px;background:var(--gradient-brand-line)}.profile-page{min-height:100vh}.profile-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));background:var(--surface-topbar)}.profile-header__inner{width:min(100%,34rem);margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between}.profile-header__back,.profile-header__spacer{width:48px;min-width:48px}.profile-main{width:min(100%,34rem);padding-top:1rem}.profile-hero{justify-items:center;text-align:center;padding:1rem 1rem 0}.profile-avatar-stage{position:relative;display:grid;place-items:center;margin-top:.25rem}.profile-avatar-ring{position:absolute;width:8.75rem;height:8.75rem;border-radius:50%;border:4px solid var(--color-auth-ring);box-shadow:var(--glow-purple)}.profile-avatar-stage .ui-avatar--lg{width:8rem;height:8rem;font-size:2.5rem}.profile-hero__copy{justify-items:center}.profile-hero__title-row{justify-content:center;gap:.5rem}.profile-hero__title{margin:0;font-size:clamp(2rem,8vw,2.75rem);line-height:1;font-weight:var(--font-weight-semibold)}.profile-hero__edit-icon{color:var(--color-muted)}.profile-hero__handle{margin:0;padding:.55rem 1rem;border-radius:var(--radius-pill);background:var(--surface-overlay-card);color:var(--color-muted);font-size:1.15rem}.profile-hero__subtitle,.profile-hero__email{margin:0;color:var(--color-muted);font-size:var(--font-size-lg)}.profile-settings-stack,.profile-cta-stack{display:grid;gap:.875rem}.profile-settings-stack .settings-row{background:var(--gradient-surface-soft)}.profile-settings-stack .settings-row__title{font-size:1.05rem}.profile-settings-stack .settings-row__description{font-size:var(--font-size-base)}.profile-stats-grid .stats-card{text-align:center;justify-items:center}.profile-edit-card,.profile-rooms-card{margin-top:.25rem}.profile-rooms-card__header{display:flex;align-items:center;justify-content:space-between;gap:.875rem}.profile-rooms-empty{padding:1rem 1.125rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);background:var(--surface-overlay-card)}.profile-rooms-empty .text-muted{margin:0}.profile-room-list{display:grid;gap:1rem}.profile-room-item{border:1px solid var(--color-border-soft);background:var(--surface-overlay-card)}.profile-room-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.875rem}.profile-room-item__copy{min-width:0}.profile-room-item__title-row{align-items:center;gap:.625rem;flex-wrap:wrap}.profile-room-item__title{margin:0;font-size:1.05rem;font-weight:var(--font-weight-semibold)}.profile-room-item__meta{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}.profile-room-item__actions{display:flex;flex-wrap:wrap;gap:.75rem}.profile-emoji-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.profile-emoji-option{min-height:3.4rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--surface-overlay-card);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard),background-color var(--duration-med) var(--ease-standard)}.profile-emoji-option:hover{border-color:var(--color-info-border);transform:translateY(-1px)}.profile-emoji-option--active{border-color:var(--color-primary-border);background:#b7f23a1f;box-shadow:var(--glow-lime)}.profile-emoji-hint{margin:0;font-size:var(--font-size-sm)}.create-page{min-height:100vh}.create-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));background:var(--surface-topbar)}.create-header__inner{width:min(100%,34rem);margin:0 auto;padding:1rem;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:.75rem}.create-header__title{margin:0;text-align:center;font-size:1.9rem;font-weight:var(--font-weight-semibold)}.create-header__back,.create-header__spacer{width:48px;min-width:48px}.create-main{width:min(100%,34rem);padding-top:1rem}.create-form{gap:1.25rem}.create-panel{gap:1.25rem;padding:1rem}.create-panel .ui-input,.create-panel .ui-select{border-color:var(--color-create-field-border);box-shadow:var(--shadow-inset-soft)}.create-section-title{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold)}.create-privacy-stack{display:grid;gap:.875rem}.create-category-row{display:flex;flex-wrap:wrap;gap:.75rem}.create-timer-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-color:var(--color-timer-border);background:var(--gradient-create-timer),var(--gradient-surface-soft);box-shadow:var(--shadow-md),var(--glow-purple)}.create-preview-card{align-items:flex-start}.create-timer-card__body{display:flex;align-items:center;gap:.875rem}.create-timer-card__icon{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-border)}.create-timer-card__copy{gap:.2rem}.create-timer-card__title,.create-timer-card__text{margin:0;font-size:1rem;font-weight:var(--font-weight-semibold)}.create-timer-card__text{color:var(--color-primary)}.create-submit{width:100%}.mini-switch{width:54px;height:32px;padding:0;border-radius:var(--radius-pill);position:relative;display:inline-block;cursor:pointer;background:var(--color-switch-idle-bg);border:1px solid var(--color-switch-idle-border);box-shadow:var(--shadow-sm);transition:background-color var(--duration-med) var(--ease-standard),border-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard)}.mini-switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--color-switch-thumb);transition:transform var(--duration-med) var(--ease-standard)}.mini-switch--checked{background:var(--color-switch-active-bg);border-color:var(--color-border-neon);box-shadow:var(--glow-lime)}.mini-switch--checked:after{transform:translate(22px);background:var(--color-switch-thumb-active)}.mini-switch--public{background:var(--color-switch-public-bg);border-color:var(--color-switch-public-border);box-shadow:var(--glow-purple)}.mini-switch--public:after{background:var(--color-switch-thumb-strong)}.chat-layout{display:grid;gap:1rem;min-height:0;min-width:0}.chat-thread{min-height:0;min-width:0}.chat-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;height:100%;padding-right:.25rem;padding-bottom:.5rem;overscroll-behavior:contain}.chat-aside{display:none}.chat-page{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden}.chat-topbar{position:fixed;inset:0 0 auto;z-index:50}.chat-main{flex:1;width:100%;min-width:0;min-height:0;overflow:hidden;padding-top:calc(var(--size-topbar-h) + var(--space-2));padding-bottom:calc(var(--size-chat-composer-h) + var(--space-2) + env(safe-area-inset-bottom))}.chat-content-panel{display:grid;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;min-width:0;overflow:hidden;padding:.5rem 0 0}.chat-divider{display:flex;align-items:center;gap:.875rem;justify-content:center;padding:.25rem 0 .5rem}.chat-divider__line{flex:1;height:1px;background:var(--color-chat-divider)}.chat-divider__label{color:var(--color-muted);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase}.chat-system-note{display:grid;gap:.625rem;border-style:dashed}.chat-system-note .text-muted{margin:0}.chat-system-note--message{max-width:28rem}.chat-composer-bar{position:fixed;inset:auto 0 0;z-index:45;padding:.75rem max(.75rem,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:var(--gradient-bottom-nav)}.chat-composer-inner{width:min(100%,var(--content-width));margin:0 auto;display:grid;gap:.625rem;min-width:0}.media-mode-switch{display:inline-flex;align-items:center;gap:.375rem;width:fit-content;padding:.3rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-soft);background:var(--surface-overlay-card);box-shadow:var(--shadow-sm)}.media-mode-switch__option{min-height:2.25rem;padding:0 .9rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--duration-med) var(--ease-standard),background-color var(--duration-med) var(--ease-standard),box-shadow var(--duration-med) var(--ease-standard)}.media-mode-switch__option--active{color:var(--color-bg-2);background:var(--gradient-brand);box-shadow:var(--glow-lime)}.chat-security-meta{justify-content:center}.invite-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:1rem}.invite-modal__backdrop{position:absolute;inset:0;border:0;background:var(--color-overlay);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}.invite-modal__card{position:relative;z-index:1;width:min(100%,32rem);display:grid;gap:1.25rem;padding:1.25rem}.invite-modal__header,.invite-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.invite-modal__actions{flex-wrap:wrap}.invite-modal__link-box{padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--surface-input)}.invite-modal__link{display:block;color:var(--color-text);word-break:break-all;line-height:1.4}.invite-modal__password{display:grid;gap:.5rem}.invite-modal__password-box{border-color:var(--color-border-neon)}.invite-entry{margin-bottom:.5rem}.invite-entry__form{display:grid;gap:.875rem}.media-gate,.media-viewed,.media-modal__inner{border-radius:var(--radius-md)}.media-gate{display:inline-flex;align-items:center;gap:.75rem}.media-viewed{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border:1px solid var(--color-border-soft);background:var(--surface-media-viewed);color:var(--color-muted)}.media-modal{position:fixed;inset:0;z-index:60;padding:1rem;display:grid;place-items:center;background:var(--surface-modal);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.media-modal__inner{width:min(100%,42rem);display:grid;gap:1rem}.media-modal__inner--protected{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.media-modal__header,.media-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.media-modal__frame{overflow:hidden;border-radius:24px;border:1px solid var(--color-border-soft);background:var(--surface-media-frame);box-shadow:var(--shadow-lg)}.privacy-shield{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#08001cc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.privacy-shield__card{width:min(100%,28rem);display:grid;gap:.875rem;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);background:var(--surface-modal);box-shadow:var(--shadow-lg);text-align:center}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--color-success);animation:pulse-soft 1.8s ease-in-out infinite}.desktop-hide{display:inline-flex}@media(max-width:26.874rem){.chat-topbar .topbar__inner{align-items:flex-start;gap:.75rem;padding:.875rem .875rem .75rem}.chat-topbar .topbar__slot{gap:.5rem}.chat-topbar .topbar__title{font-size:1rem;line-height:1.2}.chat-topbar .topbar__subtitle{font-size:.75rem}.chat-topbar__actions{justify-content:flex-end;gap:.5rem}.media-mode-switch{width:100%;justify-content:center}.media-mode-switch__option{flex:1}.chat-main{padding-top:calc(var(--size-topbar-h) + .5rem);padding-bottom:calc(var(--size-chat-composer-h) + 1rem + env(safe-area-inset-bottom))}.chat-content-panel{padding-top:.25rem}.chat-composer-bar{padding-top:.4rem}.composer{gap:.5rem}.composer__field{min-height:3.35rem;padding:.25rem .35rem;border-radius:1.55rem}.composer__textarea{min-height:42px;max-height:104px;padding:.7rem .25rem .65rem .1rem;font-size:16px}.composer__timer{min-height:1.75rem;padding-inline:.6rem;font-size:.68rem}.composer__attach-button,.composer__send-button{width:2.875rem;min-width:2.875rem;height:2.875rem}.invite-modal__header,.invite-modal__actions{align-items:stretch}}@media(min-width:26.875rem){.page-container{padding-inline:1.25rem}.auth-stage,.home-main,.create-main,.profile-main{gap:1.5rem}.home-greeting__title{font-size:clamp(2.4rem,8vw,3.2rem)}.room-card--home{padding:1.25rem}.chat-content-panel{padding-top:.75rem}.privacy-grid,.stats-grid,.auth-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.page-container,.topbar__inner,.auth-shell{padding-inline:1.5rem}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main,.create-main,.profile-main{width:min(100%,56rem)}.profile-settings-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-rooms-card__header,.profile-room-item__actions{flex-direction:row;align-items:center}.hero-logo{padding:1.75rem}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(420px,480px)}.auth-shell--compact{grid-template-columns:minmax(0,1fr)}.chat-content-panel{padding:1.25rem}.chat-composer-bar{padding-inline:1.5rem}.chat-security-meta{justify-content:flex-start}}@media(max-width:47.99rem){.profile-rooms-card__header,.profile-room-item__actions{flex-direction:column;align-items:stretch}}@media(min-width:64rem){.page-container{padding-top:var(--space-4)}.home-main{width:min(100%,var(--content-width))}.home-hero{position:sticky;top:calc(var(--space-3) + 1rem);z-index:5;padding-bottom:.5rem;background:var(--gradient-home-hero-sticky)}.chat-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.chat-aside{display:grid;position:sticky;top:104px;align-self:start;max-height:calc(100vh - var(--size-topbar-h) - var(--space-4) - var(--size-chat-composer-h));overflow:auto}.desktop-hide{display:none}}