:root{--font-display: system-ui, sans-serif;--font-body: system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-zero: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--border-width: 1px;--shadow: none;--avatar-size-sm: 2rem;--avatar-size-md: 2.5rem;--avatar-size-lg: 3.5rem;--avatar-size-xl: 5rem;--panel-bar-height: calc(var(--avatar-size-md) + var(--space-4) * 2 + var(--border-width));--color-bg: #ffffff;--color-surface: #f8fafc;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-muted: #64748b;--color-primary: #3b82f6;--color-accent: #f59e0b;--color-positive: #22c55e;--color-error: #e53e3e;--color-on-primary: #ffffff;--color-overlay: rgba(0, 0, 0, .6);--color-backdrop: rgba(0, 0, 0, .5);--color-primary-alpha: rgba(59, 130, 246, .2);--color-locked-overlay: rgba(0, 0, 0, .4);--color-progress-track: #e2e8f0;--color-progress-incomplete: #f97316;--color-side-by-side: #10b981;--color-town-square: #8b5cf6;--color-ice-breaker: #06b6d4;--color-trust-builder: #f59e0b;--color-rivalry: #ef4444;--color-side-by-side-bg: #d1fae5;--color-town-square-bg: #ede9fe;--color-ice-breaker-bg: #cffafe;--color-trust-builder-bg: #fef3c7;--color-rivalry-bg: #fee2e2;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--animation-pulse: pulse 2s ease-in-out infinite;--surface-backdrop-filter: none;--card-radius: var(--radius-zero);--card-hover-shadow: 4px 4px 0 var(--color-border);--card-active-shadow: 2px 2px 0 var(--color-border);--button-hover-shadow: 2px 2px 0 var(--color-border);--color-fill: var(--color-surface)}*,*:before,*:after{box-sizing:border-box}body{margin:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;line-height:1.2}button{font-family:inherit;color:inherit;cursor:pointer}img{max-width:100%;height:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=cel-shaded]{--font-display: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-zero: 0;--border-width: 3px;--shadow: none;--color-bg: #fafafa;--color-surface: #ffffff;--color-border: #1a1a1a;--color-text: #1a1a1a;--color-text-muted: #525252;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-accent: #f59e0b;--color-on-primary: #ffffff;--color-overlay: rgba(0, 0, 0, .6);--color-backdrop: rgba(0, 0, 0, .5);--color-locked-overlay: rgba(0, 0, 0, .7);--color-progress-track: #e5e5e5;--color-progress-incomplete: #f97316;--hover-scale: 1.02;--active-scale: .98}[data-theme=cel-shaded] .halftone-bg{background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1px);background-size:8px 8px;opacity:.1}[data-theme=playcademy]{--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--color-bg: #2d2640;--color-surface: rgba(20, 15, 30, .55);--color-border: rgba(255, 255, 255, .12);--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--color-primary: #9b6dff;--color-primary-hover: #b88fff;--color-primary-alpha: rgba(155, 109, 255, .2);--color-accent: #ffb830;--color-positive: #2dd4a8;--color-error: #ff6b9d;--color-on-primary: #ffffff;--color-overlay: rgba(20, 15, 30, .8);--color-backdrop: rgba(0, 0, 0, .6);--color-locked-overlay: rgba(0, 0, 0, .7);--color-progress-track: rgba(255, 255, 255, .1);--color-progress-incomplete: #ffb830;--color-side-by-side: #2dd4a8;--color-town-square: #9b6dff;--color-ice-breaker: #38bdf8;--color-trust-builder: #ffb830;--color-rivalry: #ff6b9d;--color-side-by-side-bg: rgba(45, 212, 168, .15);--color-town-square-bg: rgba(155, 109, 255, .15);--color-ice-breaker-bg: rgba(56, 189, 248, .15);--color-trust-builder-bg: rgba(255, 184, 48, .15);--color-rivalry-bg: rgba(255, 107, 157, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--border-width: 1px;--surface-backdrop-filter: blur(28px) saturate(1.4);--color-fill: #352c4f;--card-radius: var(--radius-lg);--card-hover-shadow: 0 12px 40px rgba(0, 0, 0, .3);--card-active-shadow: 0 4px 12px rgba(0, 0, 0, .2);--button-hover-shadow: 0 8px 24px rgba(0, 0, 0, .3);--hover-scale: 1;--active-scale: .99;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .35s cubic-bezier(.16, 1, .3, 1)}.timeback-signin-btn.svelte-1727wp5{--tb-btn-bg: #0f172a;--tb-btn-bg-hover: #1e293b;--tb-btn-text: #ffffff;--tb-btn-border: transparent;--tb-btn-outline-bg: transparent;--tb-btn-outline-bg-hover: #f1f5f9;--tb-btn-outline-text: #0f172a;--tb-btn-outline-border: #e2e8f0;--tb-btn-minimal-bg: transparent;--tb-btn-minimal-bg-hover: #f1f5f9;--tb-btn-minimal-text: #0f172a;--tb-btn-padding-x: 1rem;--tb-btn-padding-y: .625rem;--tb-btn-font-size: .875rem;--tb-btn-border-radius: .5rem;--tb-btn-gap: .5rem;--tb-btn-transition: all .15s ease;--tb-btn-focus-ring: #3b82f6;--tb-btn-focus-ring-offset: 2px;display:inline-flex;align-items:center;justify-content:center;gap:var(--tb-btn-gap);padding:var(--tb-btn-padding-y) var(--tb-btn-padding-x);font-size:var(--tb-btn-font-size);font-weight:500;font-family:inherit;line-height:1.5;border-radius:var(--tb-btn-border-radius);border:1px solid var(--tb-btn-border);background-color:var(--tb-btn-bg);color:var(--tb-btn-text);cursor:pointer;transition:var(--tb-btn-transition);text-decoration:none;white-space:nowrap}.timeback-signin-btn.svelte-1727wp5:hover:not(:disabled){background-color:var(--tb-btn-bg-hover)}.timeback-signin-btn.svelte-1727wp5:focus-visible{outline:2px solid var(--tb-btn-focus-ring);outline-offset:var(--tb-btn-focus-ring-offset)}.timeback-signin-btn.svelte-1727wp5:disabled{opacity:.6;cursor:not-allowed}.timeback-signin-btn--outline.svelte-1727wp5{--tb-btn-bg: var(--tb-btn-outline-bg);--tb-btn-bg-hover: var(--tb-btn-outline-bg-hover);--tb-btn-text: var(--tb-btn-outline-text);--tb-btn-border: var(--tb-btn-outline-border)}.timeback-signin-btn--minimal.svelte-1727wp5{--tb-btn-bg: var(--tb-btn-minimal-bg);--tb-btn-bg-hover: var(--tb-btn-minimal-bg-hover);--tb-btn-text: var(--tb-btn-minimal-text);--tb-btn-border: transparent}.timeback-signin-btn--sm.svelte-1727wp5{--tb-btn-padding-x: .75rem;--tb-btn-padding-y: .375rem;--tb-btn-font-size: .75rem;--tb-btn-gap: .375rem}.timeback-signin-btn--lg.svelte-1727wp5{--tb-btn-padding-x: 1.5rem;--tb-btn-padding-y: .75rem;--tb-btn-font-size: 1rem;--tb-btn-gap: .625rem}.timeback-signin-btn__logo.svelte-1727wp5{flex-shrink:0}.timeback-signin-btn__spinner.svelte-1727wp5{animation:svelte-1727wp5-timeback-spin 1s linear infinite}@keyframes svelte-1727wp5-timeback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar.svelte-6dohdz{display:flex;flex-direction:column;width:200px;background:var(--color-surface);border-right:var(--border-width) solid var(--color-border)}.sidebar-nav.svelte-6dohdz{flex:1;display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-1)}.nav-item.svelte-6dohdz{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-muted);text-decoration:none;font-weight:500;border-radius:var(--radius-zero);transition:all var(--transition-fast)}.nav-item.svelte-6dohdz:hover{color:var(--color-text);background:var(--color-bg)}.nav-item.active.svelte-6dohdz{color:var(--color-primary);background:var(--color-bg);font-weight:600}.nav-label.svelte-6dohdz{font-size:var(--font-size-sm)}.nav-badge-position.svelte-6dohdz{margin-left:auto}.online-friends.svelte-6dohdz{padding:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.online-friends-label.svelte-6dohdz{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.online-friends-list.svelte-6dohdz{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.online-friend-link.svelte-6dohdz{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);text-decoration:none;color:var(--color-text);border-radius:var(--radius-zero);transition:background var(--transition-fast)}.online-friend-link.svelte-6dohdz:hover{background:var(--color-bg)}.online-friend-name.svelte-6dohdz{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user.svelte-6dohdz{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:var(--border-width) solid var(--color-border);background:var(--color-bg)}.user-profile-link.svelte-6dohdz{display:block;position:relative;border-radius:50%;transition:opacity var(--transition-fast)}.user-profile-link.svelte-6dohdz:hover{opacity:.8}.user-info.svelte-6dohdz{display:flex;flex-direction:column;min-width:0}.user-name-link.svelte-6dohdz{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:inherit}.user-name-link.svelte-6dohdz:hover{text-decoration:underline}.sign-out-link.svelte-6dohdz{font-size:var(--font-size-xs);color:var(--color-text-muted);background:none;border:none;padding:0;cursor:pointer;transition:color var(--transition-fast)}.sign-out-link.svelte-6dohdz:hover{color:var(--color-text)}.notification-item.svelte-llf14v{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.notification-item.svelte-llf14v:hover{background:var(--color-bg)}.notification-item.unread.svelte-llf14v{background:var(--color-primary-alpha)}.notification-item.unread.svelte-llf14v:hover{background:var(--color-bg)}.notification-content.svelte-llf14v{flex:1;min-width:0}.notification-message.svelte-llf14v{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.notification-time.svelte-llf14v{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notification-actions.svelte-llf14v{display:flex;gap:var(--space-1);flex-shrink:0}.notification-tray.svelte-1a9wkew{position:absolute;top:100%;right:0;z-index:50;width:360px;max-height:400px;display:flex;flex-direction:column;background:var(--color-surface);-webkit-backdrop-filter:var(--surface-backdrop-filter);backdrop-filter:var(--surface-backdrop-filter);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.tray-header.svelte-1a9wkew{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.tray-header.svelte-1a9wkew h3:where(.svelte-1a9wkew){font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.tray-list.svelte-1a9wkew{overflow-y:auto;flex:1}.voice-indicator.svelte-1tcjmwc{display:flex;align-items:center;gap:var(--space-2)}.separator.svelte-1tcjmwc{display:block;width:1px;height:1.5rem;background:var(--color-border);margin-left:var(--space-1)}.speaking-dot.svelte-1tcjmwc{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);transition:background var(--transition-fast);flex-shrink:0}.speaking-dot.active.svelte-1tcjmwc{background:var(--color-positive);animation:var(--animation-pulse)}.room-name.svelte-1tcjmwc{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-count.svelte-1tcjmwc{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted)}.app-header.svelte-19flgwx{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border)}.header-title.svelte-19flgwx{display:flex;align-items:baseline;gap:var(--space-3)}.header-title.svelte-19flgwx h1:where(.svelte-19flgwx){font-size:var(--font-size-xl);font-weight:800;color:var(--color-text)}.subtitle.svelte-19flgwx{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.header-actions.svelte-19flgwx{display:flex;align-items:center;gap:var(--space-2)}.notification-trigger.svelte-19flgwx{position:relative}.unread-position.svelte-19flgwx{position:absolute;top:2px;right:2px}.app-shell.svelte-vr1z90{display:flex;height:100vh;overflow:hidden}.app-main.svelte-vr1z90{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.app-content.svelte-vr1z90{flex:1;padding:var(--space-6);background:var(--color-bg);overflow-y:auto;scrollbar-gutter:stable}.app-root.svelte-12qhfyh{height:100vh;overflow:hidden;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg)}