@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-index-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;width:100%;pointer-events:none}@media (max-width: 640px){.toast-container{top:var(--space-3);right:var(--space-3);left:var(--space-3);max-width:none}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg);border-left:4px solid;pointer-events:auto;animation:toast-slide-in .4s var(--ease-spring) forwards}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.toast{background:#fffffff5}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast--success{border-left-color:var(--color-success-600)}.toast--error{border-left-color:var(--color-error-600)}.toast--warning{border-left-color:var(--color-warning-600)}.toast--info{border-left-color:var(--color-primary-600)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-full)}.toast--success .toast__icon{background:var(--color-success-100);color:var(--color-success-700)}.toast--error .toast__icon{background:var(--color-error-100);color:var(--color-error-700)}.toast--warning .toast__icon{background:var(--color-warning-100);color:var(--color-warning-700)}.toast--info .toast__icon{background:var(--color-primary-100);color:var(--color-primary-700)}.toast__message{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);padding-top:2px}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-tertiary);font-size:var(--font-size-lg);line-height:1;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast__close:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.error-boundary{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));background-color:var(--bg-secondary, #faf6f0)}.error-boundary__card{width:100%;max-width:420px;text-align:center;padding:40px 28px;border-radius:var(--radius-3xl, 28px);background:var(--glass-fill-strong, rgba(255, 255, 255, .92));-webkit-backdrop-filter:blur(var(--glass-blur, 18px));backdrop-filter:blur(var(--glass-blur, 18px));border:1px solid var(--glass-border, rgba(255, 255, 255, .6));box-shadow:var(--glass-shadow, 0 8px 24px -10px rgba(60, 40, 30, .2))}.error-boundary__emoji{font-size:56px;line-height:1;margin-bottom:16px}.error-boundary__title{font-size:1.5rem;margin:0 0 12px;color:var(--text-primary, #2c2420)}.error-boundary__text{font-size:1rem;line-height:1.5;color:var(--text-secondary, #6b5d54);margin:0 0 24px}.error-boundary__btn{width:100%}.bottom-nav{position:fixed;bottom:calc(14px + var(--safe-area-inset-bottom, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:4px;width:calc(100% - 28px);max-width:460px;background:var(--glass-fill-strong);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border:1px solid var(--glass-border);padding:7px;border-radius:var(--radius-full);z-index:var(--z-index-sticky);box-shadow:var(--glass-shadow-lg)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.bottom-nav{background:#fffffff5}}.bottom-nav__pill{position:absolute;top:7px;bottom:7px;left:0;border-radius:var(--radius-full);background:var(--glass-accent-fill);box-shadow:inset 0 1px 0 var(--glass-highlight),0 4px 12px -6px #b5503a66;transition:transform var(--transition-spring),width var(--transition-spring),opacity .2s ease;pointer-events:none;z-index:0}.bottom-nav__item{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;text-decoration:none;color:var(--text-tertiary);border-radius:var(--radius-full);transition:color .25s ease,transform .15s var(--ease-spring);-webkit-tap-highlight-color:transparent}.bottom-nav__item:active{transform:scale(.9)}.bottom-nav__item--active{color:var(--accent-color)}@media (prefers-reduced-motion: reduce){.bottom-nav__pill{transition:opacity .2s ease}}@media (hover: hover){.bottom-nav__item:hover:not(.bottom-nav__item--active){color:var(--text-secondary);background:color-mix(in srgb,var(--bg-tertiary) 60%,transparent)}}.bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav__label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.01em}.bottom-nav__badge{position:absolute;top:-6px;right:-9px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--color-error-500);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);padding:0 4px;border:2px solid var(--card-bg);z-index:1}.landing{min-height:100vh;background-color:var(--bg-secondary);background-image:radial-gradient(50% 40% at 8% 2%,rgba(208,138,111,.22),transparent 60%),radial-gradient(45% 38% at 100% 6%,rgba(126,154,109,.18),transparent 60%),radial-gradient(60% 50% at 50% 102%,rgba(224,168,124,.16),transparent 60%);background-attachment:fixed;background-repeat:no-repeat;font-family:var(--font-family-base);overflow-x:hidden;max-width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e4d;transition:all .2s ease}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.nav{background:#fffffff5}}.nav-inner{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:700;font-size:1.25rem;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:.9375rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-cta{background:linear-gradient(180deg,#ffffff3d,#fff0 42%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));color:#fff!important;padding:.75rem 1.5rem;border-radius:var(--radius-full);text-decoration:none!important;font-size:.9375rem;font-weight:600;transition:transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft);box-shadow:inset 0 1px #ffffff59,0 6px 16px -8px #b5503a80}.nav-cta:hover{color:#fff!important;text-decoration:none!important;transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 10px 22px -8px #b5503a8c}.nav-cta:active{transform:translateY(0) scale(.985)}.hero{padding:160px 2rem 100px;text-align:center;background:transparent}.hero-inner{max-width:720px;margin:0 auto}.hero-tag{display:inline-block;background:var(--glass-accent-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-accent-border);color:var(--color-primary-700);padding:.625rem 1.25rem;border-radius:100px;font-size:.8125rem;font-weight:600;margin-bottom:1.5rem}.hero-title{font-size:clamp(1.875rem,8vw,4rem);font-family:var(--font-family-display);font-weight:800;color:var(--text-primary);line-height:1.12;margin-bottom:1.5rem;letter-spacing:-.03em;overflow-wrap:break-word}.hero-subtitle{font-size:clamp(1.0625rem,4.2vw,1.25rem);color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;overflow-wrap:break-word}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.landing .btn-primary,.hero-buttons .btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,#ffffff3d,#fff0 42%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));color:#fff!important;padding:1.125rem 2rem;border-radius:var(--radius-full);text-decoration:none!important;font-size:1.0625rem;font-weight:600;transition:transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft);box-shadow:inset 0 1px #ffffff59,0 8px 20px -8px #b5503a80}.landing .btn-primary:hover,.hero-buttons .btn-primary:hover{color:#fff!important;text-decoration:none!important;transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 12px 28px -8px #b5503a8c}.landing .btn-primary:active,.hero-buttons .btn-primary:active{transform:translateY(0) scale(.985)}.landing .btn-secondary,.hero-buttons .btn-secondary{display:inline-flex;align-items:center;background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text-primary)!important;padding:1.125rem 2rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);text-decoration:none!important;font-size:1.0625rem;font-weight:600;transition:transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft),background .2s var(--ease-out-soft)}.landing .btn-secondary:hover,.hero-buttons .btn-secondary:hover{background:var(--glass-fill-strong);color:var(--text-primary)!important;text-decoration:none!important;transform:translateY(-1px)}.landing .btn-secondary:active,.hero-buttons .btn-secondary:active{transform:translateY(0) scale(.985)}.hero-social-proof{display:flex;align-items:center;justify-content:center;gap:1rem}.avatars{display:flex}.avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-left:-8px;border:3px solid #FFFFFF}:root.dark .avatar{border-color:#222}.avatar:first-child{margin-left:0}.avatar:nth-child(1){background:#c8674f}.avatar:nth-child(2){background:#7e9a6d}.avatar:nth-child(3){background:#d88c6a}.avatar:nth-child(4){background:#b5503a}.avatar:nth-child(5){background:#d4a574}.social-text{color:var(--text-secondary);font-size:.9375rem}.social-text strong{color:var(--text-primary)}.section-header{text-align:center;margin-bottom:3.5rem}.section-tag{display:inline-block;background:var(--glass-fill-strong);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;font-weight:600;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.section-desc{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.communities{padding:80px 2rem;background:transparent}.communities-inner{max-width:1200px;margin:0 auto}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.community-card{background:linear-gradient(180deg,#ffffffb8,#ffffff8c);border-radius:var(--radius-2xl);padding:2rem;text-decoration:none;transition:transform .25s var(--ease-out-soft),box-shadow .25s var(--ease-out-soft);display:block;position:relative;border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 20px -14px #3c281e33}.community-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 18px 38px -18px #3c281e47;border-color:var(--glass-border)}.community-icon{width:56px;height:56px;background:var(--icon-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#fff;box-shadow:0 2px 4px #0000001a}.community-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.community-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0}.community-arrow{position:absolute;top:2rem;right:2rem;font-size:1.25rem;color:var(--text-tertiary);transition:all .2s}.community-card:hover .community-arrow{color:var(--color-primary-600);transform:translate(4px)}.stats{padding:50px 2rem;background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-top:1px solid var(--glass-border-soft);border-bottom:1px solid var(--glass-border-soft)}.stats-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2rem}.stat-item{display:flex;align-items:baseline;gap:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary-600);letter-spacing:-.02em;line-height:1}.stat-text{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.stat-dot{width:4px;height:4px;border-radius:50%;background:var(--color-primary-300);opacity:.5}.features{padding:80px 2rem;background:transparent}.features-inner{max-width:1200px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:linear-gradient(180deg,#ffffffb8,#ffffff8c);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:2.5rem 2rem;text-align:center;box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 20px -14px #3c281e33;transition:transform .25s var(--ease-out-soft),box-shadow .25s var(--ease-out-soft)}.feature-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 18px 38px -18px #3c281e47}.feature-icon-wrapper{margin-bottom:1.5rem}.feature-icon{width:64px;height:64px;background:var(--glass-accent-fill);border:1px solid var(--glass-accent-border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--color-primary-600)}.feature-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.feature-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.cta{padding:100px 2rem;background:transparent;text-align:center}.cta-inner{max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.cta-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.cta-btn{display:inline-flex;align-items:center;background:linear-gradient(180deg,#ffffff3d,#fff0 42%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));color:#fff!important;padding:1.25rem 2.5rem;border-radius:var(--radius-full);text-decoration:none!important;font-size:1.0625rem;font-weight:600;transition:transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft);box-shadow:inset 0 1px #ffffff59,0 8px 22px -8px #b5503a80}.cta-btn:hover{color:#fff!important;text-decoration:none!important;transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 12px 30px -8px #b5503a8c}.cta-btn:active{transform:translateY(0) scale(.985)}.footer{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text-primary);padding:40px 2rem 20px;border-top:1px solid var(--glass-border-soft)}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;padding-bottom:20px;border-bottom:1px solid var(--glass-border-soft)}.footer-brand .logo{margin-bottom:.5rem}.footer-tagline{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.footer-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-col h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.footer-col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:.5rem;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:20px;text-align:center}.footer-bottom p{color:var(--text-tertiary);font-size:.8125rem}@media (max-width: 768px){.nav-inner{padding:1rem 1.5rem}.nav-link{display:none}.hero{padding:140px 1.5rem 80px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.0625rem}.hero-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}.hero-social-proof{flex-direction:column;gap:.75rem}.communities,.features,.cta{padding:60px 1.5rem}.section-title{font-size:2rem}.community-grid{grid-template-columns:1fr}.stats{padding:32px 1.5rem}.stats-inner{gap:1.5rem;flex-wrap:wrap}.stat-value{font-size:1.5rem}.stat-text{font-size:.875rem}.footer-inner{grid-template-columns:1fr;gap:1.5rem;padding-bottom:16px}.footer{padding:32px 1.5rem 16px}.footer-bottom{padding-top:16px}.cta-title{font-size:2rem}}@media (max-width: 480px){.hero{padding:120px 1rem 60px}.hero-title{font-size:1.875rem}.community-card{padding:1.5rem}}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;transition:transform .16s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft),background .2s var(--ease-out-soft);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;font-family:inherit}.button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.button--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.button--md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.button--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.button--primary{background:linear-gradient(180deg,#ffffff38,#fff0 42%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-text-inverse, #fff);box-shadow:inset 0 1px #ffffff59,0 6px 16px -6px #b5503a80}.button--primary:hover:not(:disabled){box-shadow:inset 0 1px #fff6,0 10px 24px -8px #b5503a8c;transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:var(--glass-shadow-pressed)}.button--secondary{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--text-primary);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.button--secondary:hover:not(:disabled){background:var(--glass-fill-strong);border-color:var(--glass-border);transform:translateY(-1px)}.button--secondary:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:var(--glass-shadow-pressed)}.button--ghost{background:transparent;color:var(--text-primary);box-shadow:none}.button--ghost:hover:not(:disabled){background:var(--glass-fill-soft)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.button--secondary{background:#fffffff0}}.button--danger{background:var(--color-error-500, #DC2626);color:#fff}.button--danger:hover:not(:disabled){background:var(--color-error-600, #B91C1C)}.button--success{background:var(--color-accent-500, #10B981);color:#fff}.button--success:hover:not(:disabled){background:var(--color-accent-600, #059669)}.button:disabled,.button--loading{opacity:.6;cursor:not-allowed}.button--full-width{width:100%}.button__spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.button__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.25em}.button__text{display:inline-block}.auth-container{min-height:100vh;max-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--space-4);position:relative;overflow:hidden;color-scheme:light;background-color:#f7efe4;background-image:radial-gradient(55% 45% at 8% 4%,rgba(208,138,111,.28),transparent 60%),radial-gradient(50% 42% at 100% 12%,rgba(126,154,109,.22),transparent 60%),radial-gradient(60% 55% at 50% 108%,rgba(224,168,124,.24),transparent 60%),linear-gradient(180deg,#fbf6ef,#f2e7d8);--bg-primary: #FFFFFF;--bg-secondary: #F7F0E6;--bg-tertiary: #EFE5D6;--text-primary: #2B2422;--text-secondary: #5C5350;--text-tertiary: #8A7F79;--border-color: #ECE2D6;--border-hover: #D9CCBB;--card-bg: #FFFFFF;--input-bg: #F8F2EA;--accent-color: #D08A6F;--accent-hover: #BF765A;--accent-light: #FCF4EF;--accent-soft: #F4E2D8;--primary-color: #D08A6F;--primary-hover: #BF765A;--color-primary-600: #D08A6F;--color-primary-700: #BF765A;--color-text-primary: #2B2422;--color-text-secondary: #5C5350;--color-text-tertiary: #8A7F79;--color-text-inverse: #FFFFFF;--color-border-medium: #E3D7C7;--color-surface: #FFFFFF;--color-surface-secondary: #F7F0E6}.auth-theme-toggle{position:fixed;top:20px;right:20px;z-index:100}:root.dark .auth-container .form-input,:root.dark .auth-container .form-textarea,:root.dark .auth-container .form-select,:root.dark .auth-container input[type=text],:root.dark .auth-container input[type=email],:root.dark .auth-container input[type=password],:root.dark .auth-container input[type=date],:root.dark .auth-container input[type=number]{background:#f8f2ea;color:#2b2422;border-color:#e3d7c7}:root.dark .auth-container .form-input::placeholder,:root.dark .auth-container .form-textarea::placeholder,:root.dark .auth-container .form-select::placeholder{color:#a89c92}:root.dark .auth-container .form-input:focus,:root.dark .auth-container .form-textarea:focus,:root.dark .auth-container .form-select:focus{border-color:#c8674f;box-shadow:0 0 0 3px #c8674f26}.auth-card{background:#ffffffb8;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-4xl);box-shadow:inset 0 1px #ffffffd9,0 30px 70px -28px #78483257,0 6px 18px #78483214;width:100%;max-width:460px;max-height:calc(100vh - var(--space-8));padding:var(--space-8) var(--space-8) var(--space-6);position:relative;z-index:1;animation:card-enter .55s var(--ease-spring);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.auth-card{background:#fffffff5}}@media (prefers-reduced-transparency: reduce){.auth-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff7}}.auth-card::-webkit-scrollbar{width:8px}.auth-card::-webkit-scrollbar-track{background:transparent}.auth-card::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.auth-card::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes card-enter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--text-primary);letter-spacing:-.02em}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.auth-form{margin-bottom:var(--space-4)}.auth-container .form-input,.auth-container .form-select{background:var(--input-bg);border-radius:var(--radius-lg);padding:13px 15px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.auth-container .form-input:hover{border-color:var(--border-hover)}.auth-container .form-input:focus,.auth-container .form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-light);background:var(--bg-primary)}.auth-container .btn{border-radius:var(--radius-lg);padding:14px var(--space-6);font-weight:var(--font-weight-semibold)}.auth-container .btn-primary{box-shadow:0 10px 20px -10px #d08a6fa6}.auth-container .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 24px -10px #d08a6fbf}.auth-container .btn-primary:disabled{opacity:.55;box-shadow:none}.auth-legal-notice{margin-bottom:var(--space-4)}.auth-legal-notice p{margin:0;text-align:center;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-relaxed)}.auth-legal-notice .link{color:var(--accent-color);font-weight:var(--font-weight-semibold)}.signup-progress{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.progress-step{width:28px;height:5px;background:var(--bg-tertiary);border-radius:var(--radius-full);transition:all var(--transition-base)}.progress-step.active{background:var(--accent-color)}.progress-step.current{width:44px;background:var(--accent-color);box-shadow:0 0 0 4px var(--accent-light)}.auth-form-navigation{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.auth-form-navigation .btn{flex:1}.auth-container .btn-secondary,:root.dark .auth-container .btn-secondary{background:#f7f0e6!important;color:#2b2422!important;border:1px solid #D9CCBB!important}.auth-container .btn-secondary:hover:not(:disabled),:root.dark .auth-container .btn-secondary:hover:not(:disabled){background:#efe5d6!important;border-color:#c9b9a4!important;color:#2b2422!important}.auth-container .btn-secondary svg{color:var(--accent-color)!important}.auth-links{text-align:center;display:flex;justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-divider{color:var(--border-color)}.auth-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-primary)}.auth-brand svg{flex-shrink:0;box-sizing:content-box;padding:12px;color:var(--accent-color);background:var(--accent-light);border:1px solid var(--accent-soft);border-radius:16px}.form-row{display:flex;gap:var(--space-3)}.form-row .form-group{flex:1;min-width:0}@media (max-width: 380px){.form-row{flex-direction:column;gap:0}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:45px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.password-toggle-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.password-toggle-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.auth-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#36211673;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:auth-popup-fade .2s ease}.auth-popup{width:100%;max-width:400px;background:#fff;border:1px solid #ECE2D6;border-radius:22px;padding:var(--space-7) var(--space-6) var(--space-6);text-align:center;box-shadow:0 30px 70px -28px #78483273;animation:auth-popup-pop .28s cubic-bezier(.21,1.02,.73,1)}.auth-popup-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);border-radius:18px;color:#2e9e5b;background:#eaf6ee;border:1px solid #CBE9D5}.auth-popup-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#2b2422;margin:0 0 var(--space-2);letter-spacing:-.02em}.auth-popup-text{font-size:var(--font-size-base);color:#5c5350;line-height:var(--line-height-relaxed);margin:0 0 var(--space-6)}.auth-popup-text strong{color:#2b2422}.auth-popup-btn{width:100%;margin-bottom:var(--space-3)}.auth-popup-dismiss{color:#8a7f79}@keyframes auth-popup-fade{0%{opacity:0}to{opacity:1}}@keyframes auth-popup-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.password-requirements{list-style:none;margin:calc(var(--space-2) * -1) 0 var(--space-2) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.password-requirement{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary);transition:color var(--transition-fast)}.password-requirement svg{flex-shrink:0;color:var(--border-hover);transition:color var(--transition-fast)}.password-requirement.met{color:var(--text-secondary)}.password-requirement.met svg{color:#2e9e5b}.form-range{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;cursor:pointer;transition:background var(--transition-fast)}.form-range:hover{background:var(--border-color)}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.form-range::-moz-range-thumb{width:20px;height:20px;background:var(--accent-color);border-radius:var(--radius-full);cursor:pointer;border:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.form-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.form-help{display:block;margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.demo-credentials{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;font-size:var(--font-size-sm);color:var(--text-primary)}.demo-credentials p{margin:var(--space-1) 0}.demo-credentials strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media (max-width: 480px){.auth-container{padding:var(--space-3)}.auth-card{padding:var(--space-6)}.auth-header h1{font-size:var(--font-size-3xl)}}.location-detect-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.location-error{padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#dc2626;font-size:var(--font-size-sm);margin-bottom:var(--space-3);text-align:center}:root.dark .location-error{background:#ef444426;border-color:#ef444466;color:#f87171}.location-divider{display:flex;align-items:center;text-align:center;margin:var(--space-4) 0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.location-divider:before,.location-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.location-divider span{padding:0 var(--space-3)}.location-detected{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:var(--radius-lg)}.location-detected-info>svg{flex-shrink:0;color:var(--accent-color);margin-top:2px}.location-formatted{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.location-accuracy{font-size:var(--font-size-xs);color:var(--text-tertiary)}.location-change-btn{background:none;border:none;color:var(--accent-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.location-change-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}@media (prefers-contrast: high){.auth-card{border:2px solid var(--border-hover)}}.visibility-choice-section{margin-bottom:var(--space-6)}.visibility-choice-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);text-align:center}.visibility-choice-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6)}.visibility-options-compact{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.visibility-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left}.visibility-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.visibility-option.active{border-color:var(--accent-color);background:var(--accent-light);box-shadow:0 4px 12px #c8674f2e}.visibility-option-icon{font-size:32px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md)}.visibility-option-icon.ghost{background:linear-gradient(135deg,#7e9a6d,#647c56);color:#fff}.visibility-option-content{flex:1}.visibility-option-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.visibility-option-content ul{list-style:none;padding:0;margin:0}.visibility-option-content li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.kudos-info-box{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--accent-light);border:1px solid var(--accent-soft);border-radius:var(--radius-md);margin-top:var(--space-4)}.kudos-info-box small{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.kudos-info-box strong{color:var(--text-primary)}.kudos-info-box span{display:block;margin-top:var(--space-1);font-weight:var(--font-weight-medium);color:var(--primary-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.visibility-option{padding:var(--space-3);gap:var(--space-2)}.visibility-option-icon{width:40px;height:40px;font-size:24px}.visibility-option-content h4{font-size:var(--font-size-sm)}.visibility-option-content li{font-size:var(--font-size-xs)}}.auth-terms-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background-color .2s ease}.auth-terms-checkbox:hover{background:var(--bg-tertiary)}.auth-terms-checkbox input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--primary-color)}.auth-terms-checkbox span{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.auth-terms-checkbox .link{color:var(--primary-color);font-weight:var(--font-weight-medium);text-decoration:underline}.auth-terms-checkbox .link:hover{color:var(--primary-hover)}.link-button{background:none;border:none;padding:0;color:var(--primary-color);font-weight:var(--font-weight-medium);text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;transition:color .2s ease}.link-button:hover{color:var(--primary-hover)}@media (max-width: 640px){.auth-terms-checkbox{padding:var(--space-2);gap:var(--space-2)}.auth-terms-checkbox input[type=checkbox]{width:18px;height:18px}.auth-terms-checkbox span{font-size:var(--font-size-xs)}}.legal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#36211673;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4);overflow:auto;animation:fadeIn .2s ease}.legal-modal-content{background:#ffffffe0;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s var(--ease-spring)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.legal-modal-content{background:#fffffff7}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:2px solid var(--border-color);flex-shrink:0}.legal-modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.legal-modal-close{background:transparent;border:none;cursor:pointer;padding:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.legal-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.legal-modal-body{flex:1;overflow-y:auto;padding:var(--space-6);overscroll-behavior:contain}.legal-modal-body::-webkit-scrollbar{width:8px}.legal-modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.legal-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.legal-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.legal-modal-body .legal-content{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.legal-modal-body .legal-last-updated{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);font-style:italic}.legal-modal-body .legal-intro{background:var(--glass-accent-fill);border-left:4px solid var(--primary-color);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.legal-modal-body .legal-intro p{margin:0;color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.legal-modal-body .legal-section{margin-bottom:var(--space-6)}.legal-modal-body .legal-section:last-child{margin-bottom:0}.legal-modal-body .legal-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.legal-modal-body .legal-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-4);margin-bottom:var(--space-2)}.legal-modal-body .legal-section p{margin-bottom:var(--space-3);color:var(--text-secondary)}.legal-modal-body .legal-section ul{margin:var(--space-3) 0;padding-left:var(--space-5)}.legal-modal-body .legal-section li{margin-bottom:var(--space-2);color:var(--text-secondary)}.legal-modal-body .legal-section li strong{color:var(--text-primary)}.legal-modal-body .legal-highlight,:root.dark .legal-modal-body .legal-highlight{background:#ffc10726;border-left:4px solid #ffc107;padding:var(--space-3);border-radius:var(--radius-md);margin:var(--space-4) 0;color:var(--text-primary)}.legal-modal-body .legal-highlight strong,:root.dark .legal-modal-body .legal-highlight strong{color:var(--text-primary)}.legal-modal-footer{padding:var(--space-5) var(--space-6);border-top:2px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.legal-modal-footer .btn{min-width:120px}@media (max-width: 768px){.legal-modal-overlay{padding:0;align-items:flex-end}.legal-modal-content{max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%}.legal-modal-header{padding:var(--space-4)}.legal-modal-header h2{font-size:var(--font-size-lg)}.legal-modal-body,.legal-modal-footer{padding:var(--space-4)}.legal-modal-footer .btn{flex:1}}@media (max-width: 480px){.legal-modal-header,.legal-modal-body,.legal-modal-footer{padding:var(--space-3)}.legal-modal-body .legal-section h3{font-size:var(--font-size-base)}}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent-color);color:var(--bg-primary);font-weight:var(--font-weight-semibold);overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 6px -2px #3c281e40}.avatar--xs{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar--md{width:40px;height:40px;font-size:var(--font-size-base)}.avatar--lg{width:48px;height:48px;font-size:var(--font-size-lg)}.avatar--xl{width:64px;height:64px;font-size:var(--font-size-xl)}.avatar--2xl{width:96px;height:96px;font-size:var(--font-size-3xl)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}.avatar__status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:var(--radius-full);border:2px solid var(--bg-primary)}.avatar__status--online{background:var(--color-accent-500, #10B981)}.avatar__status--offline{background:var(--text-tertiary)}.avatar__status--busy{background:var(--color-error-500, #DC2626)}.avatar__status--away{background:var(--color-secondary-500, #A67F8E)}.avatar-selector-v2-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4);animation:fadeIn .3s ease}.avatar-selector-v2{background:var(--card-bg);border-radius:24px;width:100%;max-width:920px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 0 1px #0000000d,0 25px 70px #00000040;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-selector-v2__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0;background:linear-gradient(180deg,var(--card-bg) 0%,var(--bg-secondary) 100%)}.avatar-selector-v2__back-btn,.avatar-selector-v2__close-btn{width:44px;height:44px;border-radius:12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.avatar-selector-v2__back-btn:hover,.avatar-selector-v2__close-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.08)}.avatar-selector-v2__back-btn:active,.avatar-selector-v2__close-btn:active{transform:scale(.95)}.avatar-selector-v2__random-btn{height:44px;padding:0 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#d08a6f1f,#bf765a1f);color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 0 0 1px #d08a6f33}.avatar-selector-v2__random-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d08a6f4d,0 0 0 1px var(--primary-color)}.avatar-selector-v2__random-btn:active{transform:translateY(0)}.avatar-selector-v2__header-content{flex:1;text-align:center}.avatar-selector-v2__step-indicator{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary-color);background:linear-gradient(135deg,#d08a6f26,#bf765a26);padding:4px 12px;border-radius:20px;margin-bottom:var(--space-2)}.avatar-selector-v2__title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.avatar-selector-v2__body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.avatar-selector-v2__filters{display:flex;gap:8px;padding:var(--space-5) var(--space-6);background:var(--bg-secondary);overflow-x:auto;flex-shrink:0}.avatar-selector-v2__filters::-webkit-scrollbar{height:6px}.avatar-selector-v2__filters::-webkit-scrollbar-track{background:transparent}.avatar-selector-v2__filters::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.filter-tab{padding:10px 18px;border-radius:12px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative}.filter-tab:hover{background:#d08a6f14;color:var(--primary-color);transform:translateY(-1px)}.filter-tab.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #d08a6f40,0 0 0 1px #d08a6f1a;transform:translateY(0)}.filter-tab.active:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px)}.avatar-selector-v2__content{display:flex;gap:var(--space-6);padding:var(--space-6);flex:1;overflow:hidden;background:var(--card-bg)}.avatar-selector-v2__grid-section{flex:1;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.avatar-selector-v2__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-3)}.avatar-grid-item{aspect-ratio:1;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:90px}.avatar-grid-item:hover{border-color:var(--primary-color);border-width:2px;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #d08a6f33;z-index:1}.avatar-grid-item.selected{border-color:var(--primary-color);border-width:3px;background:var(--bg-secondary);box-shadow:0 4px 16px #d08a6f40;transform:translateY(-2px)}.avatar-grid-item__img{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.avatar-grid-item__loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar-grid-item__check{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;animation:checkPop .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #d08a6f66}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.avatar-selector-v2__bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.bg-grid-item{aspect-ratio:1;border-radius:16px;border:2px solid transparent;cursor:pointer;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:12px;box-shadow:0 0 0 1px #00000014,0 2px 4px #00000014}.bg-grid-item:hover{border-color:var(--border-color);border-width:3px;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #00000026;z-index:1}.bg-grid-item.selected{border-color:var(--primary-color);border-width:4px;box-shadow:0 4px 20px #d08a6f4d;transform:translateY(-2px)}.bg-grid-item__name{font-size:11px;font-weight:600;color:#fff;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 10px;border-radius:8px;opacity:0;transition:opacity .2s ease;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.3px}.bg-grid-item:hover .bg-grid-item__name{opacity:1}.bg-grid-item__check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;animation:checkPop .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000004d}.avatar-selector-v2__pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:var(--space-4) 0}.pagination-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d08a6f4d}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.pagination-dots{display:flex;gap:8px}.pagination-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--text-tertiary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;opacity:.4}.pagination-dot:hover{background:var(--primary-color);opacity:1;transform:scale(1.3)}.pagination-dot.active{background:var(--primary-color);opacity:1;width:28px;border-radius:20px}.avatar-selector-v2__preview-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4);background:var(--bg-secondary);border-radius:20px;padding:var(--space-5);border:1px solid var(--border-color)}.preview-panel__label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.preview-panel__avatar{aspect-ratio:1;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #0000000f,0 12px 32px #0000001f;overflow:hidden;position:relative}.preview-panel__avatar-img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.15));transition:all .3s ease}.preview-panel__info{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#d08a6f1f,#bf765a1f);border:1px solid rgba(208,138,111,.25);border-radius:12px;color:var(--primary-color);font-size:13px;font-weight:700}.preview-panel__chat-preview{margin-top:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.chat-preview__label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3)}.chat-preview__message{display:flex;gap:10px;align-items:flex-start}.chat-preview__bubble{flex:1;background:var(--card-bg);border-radius:16px;padding:10px 14px;border:1px solid var(--border-color)}.chat-preview__name{font-size:12px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.chat-preview__text{font-size:14px;color:var(--text-primary);line-height:1.5}.avatar-selector-v2__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-top:1px solid var(--border-color);flex-shrink:0;background:var(--card-bg)}.avatar-selector-v2__selection-info{flex:1}.selection-preview{display:flex;align-items:center;gap:12px}.selection-text{font-size:14px;font-weight:600;color:var(--text-secondary)}.avatar-selector-v2__continue-btn{height:52px;padding:0 32px;border-radius:14px;border:none;background:linear-gradient(135deg,#d88c6a,#bf765a);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #d08a6f4d,0 0 0 1px #d08a6f1a;letter-spacing:.3px}.avatar-selector-v2__continue-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #d08a6f66,0 0 0 1px #d08a6f33}.avatar-selector-v2__continue-btn:active:not(:disabled){transform:translateY(-1px)}.avatar-selector-v2__continue-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 768px){.avatar-selector-v2-overlay{padding:0;align-items:flex-end}.avatar-selector-v2{max-width:100%;max-height:95vh;border-radius:24px 24px 0 0}.avatar-selector-v2__header{padding:var(--space-5);flex-wrap:wrap}.avatar-selector-v2__title{font-size:20px}.avatar-selector-v2__random-btn{order:4;width:100%;margin-top:var(--space-3);justify-content:center}.avatar-selector-v2__filters{padding:var(--space-4)}.avatar-selector-v2__content{flex-direction:column-reverse;padding:var(--space-4);gap:var(--space-4)}.avatar-selector-v2__preview-panel{width:100%;padding:var(--space-4)}.preview-panel__avatar{max-height:200px}.avatar-selector-v2__grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px}.avatar-selector-v2__bg-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px}.avatar-selector-v2__footer{padding:var(--space-5);flex-direction:column;gap:var(--space-4)}.avatar-selector-v2__continue-btn{width:100%;justify-content:center;height:56px}}@media (max-width: 480px){.avatar-selector-v2__grid,.avatar-selector-v2__bg-grid{grid-template-columns:repeat(3,1fr)}.filter-tab{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}}.photo-upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#36211666;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);animation:photo-upload-fade .2s ease}.photo-upload-modal{width:100%;max-width:420px;background:#ffffffd1;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);padding:var(--space-6);box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;animation:photo-upload-pop .3s var(--ease-spring)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.photo-upload-modal{background:#fffffff7}}.photo-upload-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.photo-upload-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.photo-upload-close{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.photo-upload-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.photo-upload-preview{display:flex;justify-content:center;margin-bottom:var(--space-4)}.photo-upload-placeholder{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--bg-secondary);border:2px dashed var(--border-hover)}.photo-upload-hint{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);text-align:center;margin:0 0 var(--space-4)}.photo-upload-hint strong{color:var(--text-primary)}.photo-upload-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-4)}.photo-upload-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.photo-upload-actions .btn,.photo-upload-save{width:100%}@keyframes photo-upload-fade{0%{opacity:0}to{opacity:1}}@keyframes photo-upload-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.community-ethos{width:100%;max-width:600px;margin:0 auto}.ethos-hero{text-align:center;margin-bottom:var(--space-8)}.ethos-hero-icon{font-size:64px;margin-bottom:var(--space-4);animation:pulse 2s ease-in-out infinite}.ethos-hero-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;line-height:var(--line-height-tight)}.ethos-hero-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.ethos-section{margin-bottom:var(--space-8)}.ethos-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.ethos-section-icon{font-size:var(--font-size-xl)}.ethos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.ethos-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:linear-gradient(180deg,#ffffffb3,#ffffff80);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 var(--glass-highlight);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:transform var(--transition-soft),box-shadow var(--transition-soft)}.ethos-item.positive{border-color:var(--color-accent-200);background:var(--color-accent-50)}.ethos-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ethos-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-100);color:var(--color-accent-700);flex-shrink:0}.ethos-list{display:flex;flex-direction:column;gap:var(--space-2)}.ethos-list-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.ethos-list-icon{font-size:var(--font-size-base);flex-shrink:0;margin-top:2px}.ethos-callout{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-warning-50);border:2px solid var(--color-warning-200);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.ethos-callout-icon{font-size:32px;flex-shrink:0}.ethos-callout-content{flex:1}.ethos-callout-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-warning-900);margin:0 0 var(--space-2) 0}.ethos-callout-text{font-size:var(--font-size-sm);color:var(--color-warning-800);line-height:var(--line-height-relaxed);margin:0}.ethos-footer{text-align:center;padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.ethos-footer p{margin:0}@media (max-width: 640px){.ethos-hero-title{font-size:var(--font-size-xl)}.ethos-grid{grid-template-columns:1fr}.ethos-callout{flex-direction:column;gap:var(--space-3)}.ethos-callout-icon{font-size:24px}}.onboarding-container{height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:var(--space-4);overflow:hidden}.onboarding-container,:root.dark .onboarding-container{color-scheme:light;background-color:#f8f0e5;background-image:radial-gradient(50% 40% at 6% 2%,rgba(208,138,111,.22),transparent 60%),radial-gradient(46% 38% at 100% 8%,rgba(126,154,109,.18),transparent 60%),radial-gradient(60% 50% at 50% 106%,rgba(224,168,124,.18),transparent 60%),linear-gradient(180deg,#fbf6ef,#f4eadc);--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-primary: #FFFFFF;--color-surface-secondary: var(--color-gray-50);--color-surface-tertiary: var(--color-gray-100);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-border-light: var(--color-gray-200);--color-border-medium: var(--color-gray-300);--color-border-dark: var(--color-gray-400);--color-primary-50: #FBF0EC;--color-primary-100: #F6E0D7;--color-accent-50: #EEF5EC;--color-accent-100: #D6E8D0;--color-accent-200: #B0D3A6;--color-secondary-50: #F1F4EE;--color-secondary-100: #E2E9DC;--bg-primary: #FFFFFF;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--border-color: var(--color-gray-200);--card-bg: #FFFFFF}:root.dark .onboarding-container .interest-card,:root.dark .onboarding-container .joined-room-item,:root.dark .onboarding-container .event-preview-card{background:#fff;border-color:var(--color-gray-200);box-shadow:var(--shadow-sm)}:root.dark .onboarding-container .interest-card.selected{background:color-mix(in srgb,var(--card-color) 5%,#FFFFFF);border-color:var(--card-color)}:root.dark .onboarding-container .joined-room-item{border-left-color:var(--room-color)}:root.dark .onboarding-container .no-events-placeholder{background:var(--color-gray-50)}:root.dark .onboarding-container .onboarding-info-card{background:var(--color-primary-50);border-color:var(--color-primary-200)}:root.dark .onboarding-container .form-input,:root.dark .onboarding-container .form-select,:root.dark .onboarding-container input[type=text]{background:var(--color-gray-50);color:var(--color-gray-900);border-color:var(--color-gray-300)}:root.dark .onboarding-container .form-input::placeholder{color:var(--color-gray-500)}:root.dark .onboarding-container .btn-secondary{background:var(--color-gray-50)!important;color:var(--color-gray-900)!important;border-color:var(--color-gray-300)!important}.onboarding-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light);max-width:var(--max-width-3xl);width:100%;margin-left:auto;margin-right:auto;flex-shrink:0}.onboarding-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.onboarding-progress{display:flex;gap:var(--space-2);align-items:center}.progress-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-gray-300);transition:all var(--transition-base)}.progress-dot.active{background:var(--color-primary-500);width:32px}.onboarding-skip{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.onboarding-skip:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.onboarding-content{flex:1;display:flex;flex-direction:column;max-width:var(--max-width-3xl);width:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden;padding:var(--space-2) var(--space-4);scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent}.onboarding-content::-webkit-scrollbar{width:6px}.onboarding-content::-webkit-scrollbar-track{background:transparent}.onboarding-content::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}.onboarding-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium)}.onboarding-step{display:flex;flex-direction:column;gap:var(--space-4);animation:fadeIn .3s ease-in-out;height:100%}.step-header{text-align:center}.step-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.step-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-2);line-height:var(--line-height-relaxed);max-width:600px;margin-left:auto;margin-right:auto}.step-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.interest-card{position:relative;background:linear-gradient(180deg,#ffffffc7,#fff9);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-4);cursor:pointer;box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 16px -12px #3c281e33;transition:transform var(--transition-soft),box-shadow var(--transition-soft),border-color var(--transition-soft);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.interest-card:hover{border-color:var(--card-color);transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 14px 30px -16px #3c281e42}.interest-card.selected{border-color:var(--card-color);background:color-mix(in srgb,var(--card-color) 5%,var(--color-surface));box-shadow:var(--shadow-sm)}:root.dark .interest-card{background:#2a2628;border-color:#3a3638;box-shadow:0 2px 4px #0000004d}:root.dark .interest-card.selected{background:color-mix(in srgb,var(--card-color) 10%,#2A2628);border-color:var(--card-color);box-shadow:0 4px 8px #0006}.interest-checkbox{position:absolute;top:var(--space-4);right:var(--space-4);width:24px;height:24px;border:2px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background:var(--color-surface)}.interest-card.selected .interest-checkbox{border-color:var(--card-color);background:var(--card-color);color:#fff}.interest-emoji{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--card-color);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000026;margin-bottom:var(--space-1);font-size:var(--font-size-3xl);transition:transform var(--transition-fast)}.interest-emoji svg{color:#fff;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;filter:brightness(1.1)}.interest-emoji svg path{color:#fff;stroke:#fff}.interest-emoji span{color:#fff;filter:brightness(1.2)}:root.dark .interest-emoji{box-shadow:0 2px 8px #0006;opacity:.95}.interest-card:hover .interest-emoji{transform:scale(1.05)}.interest-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.interest-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.joined-rooms-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.joined-room-item{background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid var(--room-color);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);animation:slideIn .3s ease-out}:root.dark .joined-room-item{background:#2a2628;border-color:#3a3638;border-left-color:var(--room-color)}.joined-room-emoji{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--room-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #00000026}.joined-room-emoji svg{color:#fff;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;font-size:var(--font-size-2xl)}.joined-room-emoji svg path{color:#fff;stroke:#fff}.joined-room-emoji span{color:#fff;font-size:var(--font-size-2xl)}:root.dark .joined-room-emoji{box-shadow:0 2px 6px #0006;opacity:.95}.joined-room-info{flex:1}.joined-room-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.joined-room-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.joined-check{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0}.onboarding-info-card{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:start}:root.dark .onboarding-info-card{background:color-mix(in srgb,var(--color-primary-500) 15%,#1F1C1D);border-color:color-mix(in srgb,var(--color-primary-500) 30%,#3A3638)}.info-card-icon{font-size:var(--font-size-3xl);flex-shrink:0}.info-card-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.info-card-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.events-preview-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.event-preview-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;gap:var(--space-4);transition:all var(--transition-fast)}:root.dark .event-preview-card{background:#2a2628;border-color:#3a3638}.event-preview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}:root.dark .event-preview-card:hover{box-shadow:0 4px 12px #0006}.event-preview-date{width:56px;height:56px;background:var(--color-primary-500);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #c8674f4d}:root.dark .event-preview-date{background:var(--color-primary-500);box-shadow:0 2px 6px #c8674f80}.event-preview-day{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;line-height:1}.event-preview-month{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.event-preview-content{flex:1;min-width:0}.event-preview-header{display:flex;align-items:start;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.event-preview-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1;min-width:0}.event-preview-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.event-preview-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-1)}.event-preview-attendees{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.no-events-placeholder{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-surface-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}:root.dark .no-events-placeholder{background:#1f1c1d}.no-events-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.no-events-placeholder p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.no-events-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.step-footer{margin-top:auto;padding-top:var(--space-4);flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.onboarding-container{padding:var(--space-3)}.onboarding-header{margin-bottom:var(--space-3)}.step-title{font-size:var(--font-size-xl)}.step-subtitle{font-size:var(--font-size-sm)}.interests-grid{grid-template-columns:1fr;gap:var(--space-2)}.interest-card{padding:var(--space-3)}.interest-emoji{width:48px;height:48px;font-size:var(--font-size-2xl)}.event-preview-card{flex-direction:column}.event-preview-date{width:100%;height:48px;flex-direction:row;gap:var(--space-2)}.event-preview-header{flex-direction:column;align-items:start}}@media (max-width: 480px){.onboarding-container{padding:var(--space-2)}.onboarding-header{margin-bottom:var(--space-2)}.onboarding-logo{font-size:var(--font-size-base)}.step-title{font-size:var(--font-size-lg)}.step-subtitle{font-size:var(--font-size-xs)}.step-icon{font-size:var(--font-size-3xl)}.onboarding-content{padding:var(--space-1) var(--space-2)}}.onboarding-avatar-customizer{display:flex;justify-content:center;padding:var(--space-8) var(--space-4)}.customize-avatar-btn{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(180deg,#ffffffc7,#fff9);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 20px -14px #3c281e33;cursor:pointer;transition:transform .3s var(--ease-out-soft),box-shadow .3s var(--ease-out-soft),border-color .3s var(--ease-out-soft);max-width:400px;width:100%}.customize-avatar-btn:hover{border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 18px 38px -18px #3c281e47}.customize-avatar-preview,.customize-avatar-placeholder{width:96px;height:96px;border-radius:var(--radius-full);flex-shrink:0;overflow:hidden;border:3px solid var(--border-color)}.customize-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);font-size:var(--font-size-4xl);color:var(--color-text-tertiary)}.customize-avatar-text{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.customize-avatar-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.customize-avatar-action{font-size:var(--font-size-sm);color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.guideline-agreement{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-secondary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-4)}.guideline-agreement:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.guideline-checkbox{width:20px;height:20px;border:2px solid var(--color-border-medium);border-radius:var(--radius-sm);flex-shrink:0;margin-top:2px;cursor:pointer;accent-color:var(--color-primary-500)}.guideline-agreement span{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.guideline-agreement a{color:var(--color-primary-600);text-decoration:underline;font-weight:var(--font-weight-medium)}.guideline-agreement a:hover{color:var(--color-primary-700)}@media (max-width: 768px){.customize-avatar-btn{flex-direction:column;text-align:center}.customize-avatar-text{align-items:center}}.location-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:500px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.form-input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-surface-primary);color:var(--color-text-primary);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #d08a6f29}.radius-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.radius-option{padding:var(--space-3) var(--space-2);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.radius-option:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.radius-option.active{border-color:var(--color-primary-500);background:var(--color-primary-500);color:#fff}.residency-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.residency-card{padding:var(--space-4);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);background:var(--color-surface-primary);text-align:center;cursor:pointer;transition:all var(--transition-base)}.residency-card:hover{border-color:var(--color-primary-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.residency-card.active{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-xl)}:root.dark .residency-card.active{background:#6366f11a}.residency-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-2)}.residency-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.residency-card p{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.visibility-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.visibility-card{padding:var(--space-6);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);background:linear-gradient(180deg,#ffffffc7,#fff9);box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 20px -14px #3c281e33;text-align:left;cursor:pointer;transition:transform var(--transition-soft),box-shadow var(--transition-soft),border-color var(--transition-soft);display:flex;flex-direction:column;gap:var(--space-4)}.visibility-card:hover{border-color:var(--color-primary-300);transform:translateY(-4px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 22px 44px -18px #3c281e4d}.visibility-card.active{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-2xl)}:root.dark .visibility-card.active{background:#6366f11a}.visibility-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.visibility-icon.ghost{background:var(--color-gray-700)}.visibility-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.visibility-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.visibility-features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.visibility-features li svg{flex-shrink:0;margin-top:2px;color:var(--color-primary-500)}.visibility-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;margin:0;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.ghost-explainer{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.ghost-explainer svg{flex-shrink:0;color:var(--color-primary-500);margin-top:2px}.ghost-explainer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.ghost-explainer strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.verify-location-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-3)}.verify-location-btn:hover:not(:disabled){background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.verify-location-btn:disabled{opacity:.6;cursor:not-allowed}.location-error-message{padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#dc2626;font-size:var(--font-size-sm);margin-bottom:var(--space-3);text-align:center}:root.dark .location-error-message{background:#ef444426;border-color:#ef444466;color:#f87171}.location-manual-divider{display:flex;align-items:center;text-align:center;margin:var(--space-3) 0;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.location-manual-divider:before,.location-manual-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border-light)}.location-manual-divider span{padding:0 var(--space-3)}.onboarding-location-detected{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-primary-500);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}:root.dark .onboarding-location-detected{background:#2a2628}.location-detected-info{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.location-detected-info>svg{flex-shrink:0;color:var(--color-primary-500);margin-top:2px}.location-details{flex:1;min-width:0}.location-formatted{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.location-accuracy{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.location-change-btn{background:none;border:none;color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.location-change-btn:hover{background:var(--color-primary-50)}:root.dark .location-change-btn:hover{background:#6366f11a}@media (max-width: 768px){.radius-options{grid-template-columns:repeat(2,1fr)}.residency-options,.visibility-options{grid-template-columns:1fr}}.home-screen{min-height:100vh;background:transparent;padding:0 16px 24px;max-width:820px;margin:0 auto}@media (min-width: 600px){.home-screen{padding-left:20px;padding-right:20px}}.home-screen__header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -20px 8px;padding:calc(16px + var(--safe-area-inset-top, 0px)) 20px 14px;background:var(--glass-fill-strong);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e40}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.home-screen__header{background:#fffffff5}}.home-screen__wordmark{font-family:var(--font-family-display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--accent-color);line-height:1.1}.home-screen__location{display:inline-flex;align-items:center;gap:5px;margin-top:6px;color:var(--text-tertiary);font-size:.82rem;font-weight:600}.home-screen__location svg{flex-shrink:0;color:var(--accent-color)}.home-screen__avatar{flex-shrink:0;border-radius:50%;line-height:0;box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 3px var(--border-color);transition:transform .15s ease,box-shadow .15s ease}.home-screen__avatar:hover{transform:scale(1.04);box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 3px var(--accent-color)}.home-screen__greeting{margin:18px 0 26px}.home-screen__hello{font-family:var(--font-family-display);font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1}.home-screen__subhead{margin-top:6px;color:var(--text-secondary);font-size:.98rem}.home-screen__section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.home-screen__heading{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.home-screen__count{font-size:.82rem;font-weight:600;color:var(--text-tertiary)}.home-screen__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.home-screen__grid>.neighborhood-card{animation:popIn .45s var(--ease-spring) both}.home-screen__grid>.neighborhood-card:nth-child(1){animation-delay:.03s}.home-screen__grid>.neighborhood-card:nth-child(2){animation-delay:.07s}.home-screen__grid>.neighborhood-card:nth-child(3){animation-delay:.11s}.home-screen__grid>.neighborhood-card:nth-child(4){animation-delay:.15s}.home-screen__grid>.neighborhood-card:nth-child(5){animation-delay:.19s}.home-screen__grid>.neighborhood-card:nth-child(6){animation-delay:.23s}.home-screen__grid>.neighborhood-card:nth-child(n+7){animation-delay:.27s}.neighborhood-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;padding:20px;background:linear-gradient(180deg,#ffffffb8,#ffffff8c);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);text-decoration:none;box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -12px #3c281e2e;transition:transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft),border-color .2s var(--ease-out-soft)}.neighborhood-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 18px 38px -18px #3c281e42;border-color:color-mix(in srgb,var(--card-accent) 40%,var(--glass-border))}.neighborhood-card:active{transform:translateY(-1px)}.neighborhood-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 14%,#fff)}.neighborhood-card__title{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.25}.neighborhood-card__members{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--text-tertiary);margin-top:-4px}.neighborhood-card__members:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--card-accent)}@media (min-width: 768px){.home-screen__grid{grid-template-columns:repeat(3,1fr);gap:16px}}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#36211666;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);z-index:var(--z-index-modal);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-16) var(--space-4);animation:fadeIn .25s cubic-bezier(.16,1,.3,1);overflow-y:auto}.search-modal{width:100%;max-width:720px;background:#ffffffd1;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border-radius:var(--radius-4xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e73;animation:slideDown .4s var(--ease-spring);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}:root .search-modal{border:1px solid var(--glass-border)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.search-modal{background:#fffffff7}}:root.dark .search-modal{border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #0006,0 8px 24px #0000004d,0 0 0 1px #ffffff0d}@keyframes slideDown{0%{opacity:0;transform:translateY(-32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid transparent}:root .search-modal__header{background:linear-gradient(to bottom,#fff9,#fff0);border-bottom-color:#0000000f}:root.dark .search-modal__header{background:linear-gradient(to bottom,#3a3a3a99,#3a3a3a00);border-bottom-color:#ffffff14}.search-modal__input-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--input-bg);border-radius:16px;border:2px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}:root .search-modal__input-wrapper{background:#00000008;box-shadow:0 1px 3px #00000014 inset}:root.dark .search-modal__input-wrapper{background:#ffffff0d;box-shadow:0 1px 3px #0003 inset}.search-modal__input-wrapper:focus-within{transform:scale(1.01)}:root .search-modal__input-wrapper:focus-within{background:#fff;border-color:var(--accent-color);box-shadow:0 0 0 4px #c8674f1f,0 2px 8px #c8674f26}:root.dark .search-modal__input-wrapper:focus-within{background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 0 4px #c8674f33,0 2px 8px #c8674f40}.search-modal__icon{flex-shrink:0;transition:all var(--transition-fast)}:root .search-modal__icon{color:var(--accent-color)}:root.dark .search-modal__icon{color:var(--accent-color)}.search-modal__input-wrapper:focus-within .search-modal__icon{transform:scale(1.1)}.search-modal__input{flex:1;border:none;background:transparent;font-size:var(--font-size-base);color:var(--text-primary);outline:none}.search-modal__input::placeholder{color:var(--text-tertiary)}.search-modal__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.search-modal__clear:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-modal__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:transparent;color:var(--text-tertiary);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}:root .search-modal__close:hover{background:#0000000d;color:var(--text-primary);transform:scale(1.05)}:root.dark .search-modal__close:hover{background:#ffffff14;color:var(--text-primary);transform:scale(1.05)}.search-modal__close:active{transform:scale(.95)}.search-modal__tabs{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-bottom:1px solid transparent;overflow-x:auto;scrollbar-width:none}:root .search-modal__tabs{border-bottom-color:#0000000f}:root.dark .search-modal__tabs{border-bottom-color:#ffffff14}.search-modal__tabs::-webkit-scrollbar{display:none}.search-tab{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;position:relative}:root .search-tab:hover{background:#0000000a;color:var(--text-primary)}:root.dark .search-tab:hover{background:#ffffff0f;color:var(--text-primary)}.search-tab--active{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px #c8674f40}.search-tab--active:hover{background:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #c8674f4d}.search-tab:active{transform:scale(.96)}.search-modal__results{flex:1;overflow-y:auto;padding:var(--space-4)}.search-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.search-modal__empty svg{width:64px;height:64px;padding:var(--space-4);border-radius:20px;animation:pulse 2s ease-in-out infinite}:root .search-modal__empty svg{background:#c8674f1a;color:var(--accent-color)}:root.dark .search-modal__empty svg{background:#c8674f26;color:var(--accent-color)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.search-modal__empty p{margin-top:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.search-section{margin-bottom:var(--space-6)}.search-section:last-child{margin-bottom:0}.search-section__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);padding:0 var(--space-2)}:root .search-section__title{color:var(--accent-color)}:root.dark .search-section__title{color:var(--accent-color)}.search-results-list{display:flex;flex-direction:column;gap:var(--space-1)}.search-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:transparent;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;position:relative}:root .search-result:hover{background:#c8674f14;transform:translate(4px)}:root.dark .search-result:hover{background:#c8674f1f;transform:translate(4px)}.search-result:active{transform:translate(2px) scale(.99)}.search-result__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;color:#fff}.search-result__content{flex:1;min-width:0}.search-result__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.search-result__room{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-tertiary)}.search-result__desc{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.search-modal-overlay{padding:var(--space-4);align-items:flex-start}.search-modal{max-height:calc(100vh - var(--space-8))}.search-modal__header{padding:var(--space-3)}.search-modal__tabs{padding:var(--space-2) var(--space-3)}.search-modal__results,.search-result{padding:var(--space-3)}.search-result__icon{width:36px;height:36px}}.search-result:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.notification-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);line-height:1;white-space:nowrap}.notification-badge--sm{min-width:16px;height:16px;padding:0 4px;font-size:10px}.notification-badge--md{min-width:20px;height:20px;padding:0 6px;font-size:var(--font-size-xs)}.notification-badge--lg{min-width:24px;height:24px;padding:0 8px;font-size:var(--font-size-sm)}.notification-badge--primary{background:var(--color-primary-600);color:#fff}.notification-badge--success{background:var(--color-success-600);color:#fff}.notification-badge--warning{background:var(--color-warning-600);color:#fff}.notification-badge--error{background:var(--color-error-600);color:#fff}.notification-badge-wrapper{position:relative;display:inline-block}.notification-badge-wrapper .notification-badge{position:absolute;top:-8px;right:-8px;z-index:10}.chat-room-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-3) + var(--safe-area-inset-top, 0px)) var(--space-5) var(--space-3);position:sticky;top:0;z-index:var(--z-index-sticky);background:var(--glass-fill-strong);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e40}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.chat-room-header{background:#fffffff5}}.chat-room-header__back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;color:var(--text-primary);border-radius:50%;transition:all .2s ease}.chat-room-header__back-btn:hover{background:#c8674f1a;transform:scale(1.05)}.chat-room-header__info{flex:1;min-width:0}.chat-room-header__title-row{display:flex;align-items:center;gap:var(--space-2)}.chat-room-header__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-room-header__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.chat-room-header__subtitle{font-size:13px;color:var(--text-secondary);margin:2px 0 0;line-height:1.3}.chat-room-header__actions{display:flex;align-items:center;gap:var(--space-1)}.chat-room-header__search-btn,.chat-room-header__leaderboard-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;border-radius:50%;transition:all .2s ease}.chat-room-header__search-btn{color:var(--text-secondary)}.chat-room-header__search-btn:hover{background:#0000000d;color:var(--text-primary);transform:scale(1.05)}:root.dark .chat-room-header__search-btn:hover{background:#ffffff14}.chat-room-header__leaderboard-btn{color:var(--color-primary-600)}.chat-room-header__leaderboard-btn:hover{background:#c8674f1a;transform:scale(1.05)}.kudos-bar{display:none}.kudos-bar__display{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.kudos-bar__badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.kudos-bar__badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap}.kudos-bar__badge--photo-unlocked{background-color:var(--color-success-100);color:var(--color-success-700)}.kudos-bar__badge--photo-progress{background-color:var(--color-warning-100);color:var(--color-warning-700)}.kudos-bar__badge--admin-eligible{background-color:var(--color-primary-100);color:var(--color-primary-700)}@media (max-width: 640px){.kudos-bar{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.kudos-bar__badges{width:100%}}.leaderboard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#36211673;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop);padding:20px}.leaderboard-modal{background:#ffffffe0;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);max-width:480px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;overflow:hidden}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.leaderboard-modal{background:#fffffff7}}.leaderboard-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid var(--border-color)}.leaderboard-modal__header-title{display:flex;align-items:center;gap:10px}.leaderboard-modal__header-title h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.leaderboard-modal__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:50%;transition:all .2s ease}.leaderboard-modal__close-btn:hover{background-color:#0000000d;color:var(--text-primary)}:root.dark .leaderboard-modal__close-btn:hover{background-color:#ffffff14}.leaderboard-modal__content{flex:1;overflow-y:auto;padding:16px 20px}.leaderboard-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;transition:all .2s ease;margin-bottom:8px}.leaderboard-item:hover{background-color:var(--bg-secondary)}.leaderboard-item--top-five{background-color:transparent;border:1px solid rgba(200,103,79,.2)}:root.dark .leaderboard-item--top-five{background-color:transparent;border:1px solid rgba(200,103,79,.3)}.leaderboard-item__rank{font-weight:700;color:var(--text-secondary);width:28px;text-align:center;font-size:16px}.leaderboard-item--top-five .leaderboard-item__rank{color:var(--color-primary-600)}.leaderboard-item__name{flex:1;font-weight:500;color:var(--text-primary);font-size:15px}.leaderboard-item__kudos{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-primary-600);font-size:15px}.leaderboard-item__badge{padding:6px 12px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;font-size:12px;font-weight:600;border-radius:20px}.leaderboard-modal__info{display:flex;align-items:flex-start;gap:10px;padding:16px 20px;margin:0;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:14px;line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);max-width:400px;margin:0 auto}.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;font-size:2.75rem;margin-bottom:var(--space-5);color:var(--color-primary-600);background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:var(--glass-shadow)}.empty-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.empty-state__action{margin-top:var(--space-4)}.admin-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop);padding:var(--space-4)}.admin-panel{background:var(--color-surface);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl)}.admin-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-light)}.admin-panel__header-title{display:flex;align-items:center;gap:var(--space-2)}.admin-panel__header-title h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.admin-panel__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.admin-panel__close-btn:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.admin-panel__content{flex:1;overflow-y:auto;padding:var(--space-6)}.admin-panel__section-title{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.admin-panel__requests{display:flex;flex-direction:column;gap:var(--space-3)}.admin-panel__request-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg)}.admin-panel__request-name{flex:1;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.admin-panel__request-actions{display:flex;gap:var(--space-2)}.photo-status-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-warning-100);color:var(--color-warning-700);border-bottom:1px solid var(--color-warning-200)}.photo-status-banner__content{display:flex;align-items:center;gap:var(--space-3);flex:1}.photo-status-banner__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.photo-status-banner__text{display:flex;flex-direction:column;gap:var(--space-1)}.photo-status-banner__text strong{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.photo-status-banner__text span{font-size:var(--font-size-xs)}.photo-status-banner__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--color-warning-700);border-radius:var(--radius-md);transition:background-color var(--transition-fast);flex-shrink:0}.photo-status-banner__close:hover{background-color:var(--color-warning-200)}.group-tab-wrapper{position:relative}.group-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:transform .16s var(--ease-out-soft),background .2s var(--ease-out-soft),color .2s var(--ease-out-soft);white-space:nowrap;position:relative}.group-tab:hover{background:var(--glass-fill-strong);color:var(--color-text-primary)}.group-tab--active:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700)}.group-tab--locked{border-style:dashed;opacity:.7}.group-tab--locked:hover{opacity:1;border-color:var(--color-warning-500);color:var(--color-warning-700)}.group-tab__icon{display:flex;align-items:center;justify-content:center}.group-tab__name{font-weight:var(--font-weight-medium)}.group-tab__lock-icon{display:flex;align-items:center;justify-content:center;opacity:.7}.group-tab__admin-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border:none;border-radius:var(--radius-md);cursor:pointer;color:#fff;transition:background-color var(--transition-fast);margin-left:var(--space-1)}.group-tab__admin-btn:hover{background-color:#ffffff4d}.group-tabs{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-5);background:transparent;border-bottom:none;overflow-x:auto;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tabs__tab{display:flex;align-items:center;gap:var(--space-2);padding:8px 16px;background:none;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}:root .group-tabs__tab{color:#6b6b6b}:root .group-tabs__tab:hover{background:#c8674f1a;color:#191516}:root .group-tabs__tab--active{background:linear-gradient(180deg,#ffffff38,#fff0 45%),linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 12px -6px #b5503a73}:root.dark .group-tabs__tab{color:#9a9a9a}:root.dark .group-tabs__tab:hover{background:#c8674f26;color:#f1f1f1}:root.dark .group-tabs__tab--active{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff}.message-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-dropdown)}.message-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:150px;z-index:var(--z-index-dropdown);overflow:hidden}.message-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;transition:background-color var(--transition-fast)}.message-menu__item:hover{background-color:var(--color-surface-secondary)}.message-menu__item--danger{color:var(--color-error-600)}.message-menu__item--danger:hover{background-color:var(--color-error-50)}.reply-context{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background-color:var(--color-surface-secondary);border-left:3px solid var(--color-primary-500);border-radius:var(--radius-md)}.reply-context__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-500);margin-top:2px}.reply-context__details{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.reply-context__author{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.reply-context__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.give-kudos-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#36211673;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.give-kudos-modal{background:#ffffffd9;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.give-kudos-modal{background:#fffffff7}}.give-kudos-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.give-kudos-modal__title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #333)}.give-kudos-modal__close{background:none;border:none;font-size:32px;color:var(--text-secondary, #666);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.give-kudos-modal__close:hover{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333)}.give-kudos-modal__body{padding:20px;overflow-y:auto;flex:1}.give-kudos-modal__subtitle{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary, #333)}.kudos-category-group{margin-bottom:20px}.kudos-category-group__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 0}.kudos-category-group__icon{font-size:20px}.kudos-category-group__name{font-size:15px;font-weight:600;color:var(--text-primary, #333)}.kudos-reason-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.kudos-reason-btn{background:var(--bg-secondary, #f0f0f0);border:2px solid transparent;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;text-align:center}.kudos-reason-btn:hover{background:var(--category-color, #007bff);color:#fff;transform:translateY(-2px)}.kudos-reason-btn--selected{background:var(--category-color, #007bff);color:#fff;border-color:var(--category-color, #007bff);box-shadow:0 4px 12px #00000026}.give-kudos-modal__custom{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, #e0e0e0)}.give-kudos-modal__label{display:block;font-size:14px;font-weight:600;color:var(--text-primary, #333);margin-bottom:8px}.give-kudos-modal__textarea{width:100%;min-height:80px;padding:12px;border:1px solid var(--border-color, #e0e0e0);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.give-kudos-modal__textarea:focus{outline:none;border-color:var(--primary-color, #007bff)}.give-kudos-modal__char-count{text-align:right;font-size:12px;color:var(--text-secondary, #666);margin-top:4px}.give-kudos-modal__footer{display:flex;gap:12px;padding:20px;border-top:1px solid var(--border-color, #e0e0e0)}.give-kudos-modal__btn{flex:1;padding:12px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.give-kudos-modal__btn--cancel{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333)}.give-kudos-modal__btn--cancel:hover{background:var(--border-color, #e0e0e0)}.give-kudos-modal__btn--submit{background:linear-gradient(180deg,#ffffff38,#fff0 45%),linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:inset 0 1px #ffffff59}.give-kudos-modal__btn--submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 8px 20px -8px #b5503a80}.give-kudos-modal__btn--submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.give-kudos-modal{max-height:100vh;border-radius:0}.kudos-reason-grid{grid-template-columns:1fr}}.neighbor-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--glass-fill-strong, #fff);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-full);box-shadow:inset 0 1px 0 var(--glass-highlight);cursor:help;transition:transform .2s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft)}.neighbor-badge:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 14px -6px #3c281e33;border-color:var(--color-primary-400, #007bff)}.neighbor-badge__icon{font-size:16px;line-height:1}.neighbor-badge__label{font-size:12px;font-weight:600;color:var(--text-primary, #333);white-space:nowrap}.neighbor-badge--sm{padding:2px 6px;border-radius:var(--radius-full)}.neighbor-badge--sm .neighbor-badge__icon{font-size:14px}.neighbor-badge--sm .neighbor-badge__label{font-size:11px}.neighbor-badge--lg{padding:8px 12px;border-radius:var(--radius-full)}.neighbor-badge--lg .neighbor-badge__icon{font-size:24px}.neighbor-badge--lg .neighbor-badge__label{font-size:14px}.neighbor-badge--xl{padding:12px 16px;border-radius:var(--radius-full)}.neighbor-badge--xl .neighbor-badge__icon{font-size:32px}.neighbor-badge--xl .neighbor-badge__label{font-size:16px}.user-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#36211673;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.user-profile-modal{background:#ffffffe6;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);max-width:400px;width:100%;position:relative;box-shadow:inset 0 1px 0 var(--glass-highlight),0 24px 60px -24px #3c281e80;animation:modalSlideUp .3s var(--ease-spring);overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-profile-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0000001a;border:none;font-size:24px;color:var(--text-primary, #333);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.user-profile-modal__close:hover{background:#0003;transform:rotate(90deg)}.user-profile-modal__header{text-align:center;padding:32px 24px 24px;background:linear-gradient(135deg,#d88c6a,#bf765a);color:#fff}.user-profile-modal__name{margin:16px 0 8px;font-size:22px;font-weight:700}.user-profile-modal__bio{margin:0;font-size:14px;opacity:.9;line-height:1.4}.user-profile-modal__stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color, #e0e0e0);margin:0}.modal-stat{background:var(--card-bg, #fff);padding:16px;text-align:center}.modal-stat__value{font-size:20px;font-weight:700;color:var(--text-primary, #333);margin-bottom:4px}.modal-stat__label{font-size:12px;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.user-profile-modal__badge{display:flex;justify-content:center;padding:20px 24px 12px}.user-profile-modal__specialties{display:flex;justify-content:center;gap:8px;padding:0 24px 20px}.user-profile-modal__actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color, #e0e0e0)}.modal-action-btn{flex:1;padding:12px 16px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-action-btn--primary{background:linear-gradient(180deg,#ffffff38,#fff0 45%),linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:inset 0 1px #ffffff59}.modal-action-btn--primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 8px 20px -8px #b5503a80}.modal-action-btn--secondary{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333)}.modal-action-btn--secondary:hover{background:var(--border-color, #e0e0e0)}@media (max-width: 480px){.user-profile-modal{max-width:100%;border-radius:20px 20px 0 0;margin-top:auto}.user-profile-modal-overlay{align-items:flex-end;padding:0}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.message-bubble{display:flex;gap:var(--space-3);align-items:flex-start;width:100%;transition:opacity .2s ease;position:relative}.message-bubble:hover .message-bubble__actions{opacity:1;pointer-events:auto}.message-bubble__avatar-link{flex-shrink:0;display:block;text-decoration:none}.message-bubble__avatar{flex-shrink:0;width:36px;height:36px;cursor:pointer;transition:transform .2s ease}.message-bubble__avatar-link:hover .message-bubble__avatar{transform:scale(1.05)}.message-bubble__avatar img{border-radius:50%}.message-bubble__content{flex:1;min-width:0;position:relative}.message-bubble__header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.message-bubble__author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .2s ease;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.message-bubble__author:hover{color:var(--color-primary-500);text-decoration:underline}.message-bubble__kudos{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-tertiary);opacity:.8}.message-bubble__time{font-size:11px;color:var(--text-tertiary);opacity:.7}.message-bubble__menu-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:50%;transition:all .2s ease;flex-shrink:0;opacity:0}.message-bubble:hover .message-bubble__menu-btn{opacity:1}.message-bubble__menu-btn:hover{background:#00000014;transform:scale(1.1)}:root.dark .message-bubble__menu-btn:hover{background:#ffffff1a}.message-bubble__photo-container{margin-bottom:var(--space-2);border-radius:var(--radius-lg);overflow:hidden;max-width:400px}.message-bubble__photo{width:100%;height:auto;display:block}.message-bubble__text{margin:0;padding:10px 14px;border-radius:18px;line-height:1.4;word-wrap:break-word;max-width:500px;font-size:15px}.message-bubble--own .message-bubble__text{background:var(--accent-light);color:var(--text-primary);border:1px solid var(--accent-soft);box-shadow:inset 0 1px #ffffff80}.message-bubble:not(.message-bubble--own) .message-bubble__text{background:linear-gradient(180deg,#fffc,#ffffff9e);color:var(--text-primary);border:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight)}.message-bubble__actions{display:flex;gap:6px;margin-top:4px;opacity:0;pointer-events:none;transition:opacity .2s ease}.message-bubble__action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:var(--font-weight-medium);border-radius:16px;border:none;transition:all .2s ease}:root .message-bubble__action-btn{background:#0000000d;color:var(--text-primary)}:root .message-bubble__action-btn:hover:not(:disabled){background:#0000001a;transform:scale(1.05)}:root.dark .message-bubble__action-btn{background:#ffffff1a;color:var(--text-primary)}:root.dark .message-bubble__action-btn:hover:not(:disabled){background:#ffffff26;transform:scale(1.05)}.message-bubble__action-btn:disabled{cursor:not-allowed;opacity:.6}.message-bubble__action-btn--kudos-given{background:#a67f8e!important;color:#fff!important}.message-bubble__action-btn--liked{background:#ff2d551a!important;color:#ff2d55!important}.message-bubble__action-btn--liked:hover{background:#ff2d5526!important}:root.dark .message-bubble__action-btn--liked{background:#ff2d5526!important;color:#ff375f!important}:root.dark .message-bubble__action-btn--liked:hover{background:#ff2d5533!important}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.message-bubble__actions{opacity:1;pointer-events:auto}}@media (max-width: 640px){.message-bubble{gap:var(--space-2)}.message-bubble__text{padding:8px 12px;font-size:14px}.message-bubble__action-btn{padding:5px 10px;font-size:12px}.message-bubble__photo-container{max-width:100%}}@media (max-width: 400px){.message-bubble{gap:var(--space-2)}.message-bubble__text{padding:8px 12px}}.message-mention{color:var(--color-primary-700);font-weight:var(--font-weight-bold);background:#ffffff59;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);text-shadow:0 1px 2px rgba(0,0,0,.1)}.message-mention:hover{background:#ffffff80;transform:translateY(-1px)}.message-bubble--own .message-mention{color:var(--color-primary-700);background:#c8674f33;text-shadow:none}.message-bubble--own .message-mention:hover{background:#c8674f4d}:root.dark .message-mention{color:var(--color-primary-300);background:#ffffff26;text-shadow:0 1px 2px rgba(0,0,0,.3)}:root.dark .message-mention:hover{background:#ffffff40}:root.dark .message-bubble--own .message-mention{color:var(--color-primary-300);background:#c8674f40}:root.dark .message-bubble--own .message-mention:hover{background:#c8674f59}.message-list{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);scroll-behavior:smooth}.message-list--empty{display:flex;align-items:center;justify-content:center}@media (min-width: 769px){.message-list{padding:var(--space-6) max(var(--space-8),calc((100% - 900px)/2));gap:var(--space-5)}}@media (max-width: 768px){.message-list{padding:var(--space-3);gap:var(--space-3)}}@media (max-width: 400px){.message-list{padding:var(--space-2);gap:var(--space-2)}}@media (hover: none) and (pointer: coarse){.message-list{padding-bottom:var(--space-6)}}.mention-suggestions{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;z-index:1000;min-width:200px;animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mention-suggestion-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:background-color var(--transition-fast);color:var(--text-primary)}.mention-suggestion-item:hover,.mention-suggestion-item--selected{background:var(--bg-secondary)}.mention-suggestion-item--selected{background:var(--color-primary-100)}:root.dark .mention-suggestion-item--selected{background:#6366f133}.mention-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.mention-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.mention-suggestions::-webkit-scrollbar{width:6px}.mention-suggestions::-webkit-scrollbar-track{background:transparent}.mention-suggestions::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}.mention-suggestions::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.chat-input-wrapper{position:relative}.chat-input{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) calc(var(--space-4) + var(--safe-area-inset-bottom, 0px));background:var(--glass-fill-strong);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-top:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 -6px 18px -14px #3c281e40}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.chat-input{background:#fffffff5}}@media (min-width: 769px){.chat-input{padding:var(--space-5) max(var(--space-8),calc((100% - 900px)/2))}}.chat-input__photo-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--color-primary-500);border-radius:50%;transition:all .2s ease;flex-shrink:0}.chat-input__photo-btn:hover{background:#c8674f1a;transform:scale(1.05)}.chat-input__photo-btn--enabled{color:var(--color-primary-500);background:#c8674f1a}.chat-input__field{flex:1;padding:13px 20px;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:15px;font-family:inherit;color:var(--text-primary);background:#ffffffb3;box-shadow:inset 0 1px 2px #3c281e0f;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.chat-input__field:focus{border-color:var(--color-primary-500);background:#fff;box-shadow:0 0 0 4px #d08a6f24}.chat-input__field::placeholder{color:var(--text-tertiary)}.chat-input__send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border:none;cursor:pointer;color:#fff;border-radius:50%;transition:all .2s ease;flex-shrink:0}.chat-input__send-btn:hover:not(:disabled){background:#b5503a;transform:scale(1.05)}.chat-input__send-btn:disabled{background:#9a9a9a;cursor:not-allowed;opacity:.5;transform:none}@media (max-width: 640px){.chat-input{padding:var(--space-3)}}.reply-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-accent-fill);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));border-bottom:1px solid var(--glass-accent-border)}.reply-bar__content{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.reply-bar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-600)}.reply-bar__details{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.reply-bar__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-800)}.reply-bar__text{font-size:var(--font-size-sm);color:var(--color-primary-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--color-primary-600);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.reply-bar__close:hover{background-color:var(--color-primary-100);color:var(--color-primary-700)}.photo-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-fill);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));border-bottom:1px solid var(--glass-border-soft)}.photo-preview-bar__content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.photo-preview-bar__thumbnail{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.photo-preview-bar__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.photo-preview-bar__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.photo-preview-bar__close:hover{background-color:var(--color-surface-tertiary);color:var(--color-text-primary)}.report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#36211666;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--space-4);animation:fadeIn .2s ease-out}.report-modal{background:#ffffffd9;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;animation:slideUp .3s var(--ease-spring)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.report-modal{background:#fffffff7}}.report-modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);position:relative}.report-modal-back,.report-modal-close{position:absolute;top:var(--space-6);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.report-modal-back{left:var(--space-6)}.report-modal-close{right:var(--space-6)}.report-modal-back:hover,.report-modal-close:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.report-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.report-modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.report-modal-content{padding:var(--space-6);overflow-y:auto;flex:1}.report-reasons{display:flex;flex-direction:column;gap:var(--space-3)}.report-reason-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:left;transition:all var(--transition-base);position:relative}.report-reason-card:hover{border-color:var(--color-border-medium);background:var(--color-surface-secondary)}.report-reason-card.selected{border-color:var(--color-error-500);background:var(--color-error-50)}.report-reason-icon{font-size:var(--font-size-2xl);flex-shrink:0}.report-reason-content{flex:1;min-width:0}.report-reason-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.report-reason-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.report-reason-checkmark{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-error-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.report-preview{padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.report-preview-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.report-preview-content{margin-bottom:var(--space-3)}.report-preview-user{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.report-preview-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-style:italic;line-height:var(--line-height-relaxed)}.report-preview-reason{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-error-100);color:var(--color-error-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.report-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--color-surface);resize:vertical;transition:all var(--transition-base)}.report-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.report-textarea-counter{text-align:right;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.report-confirmation{text-align:center;margin-bottom:var(--space-6)}.report-confirmation-icon{font-size:48px;margin-bottom:var(--space-3)}.report-confirmation-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.report-confirmation-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.report-summary{padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.report-summary-item{display:flex;flex-direction:column;gap:var(--space-1)}.report-summary-item+.report-summary-item{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.report-summary-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.report-summary-value{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.report-info-box{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-warning-700);line-height:var(--line-height-relaxed)}.report-info-box svg{flex-shrink:0;margin-top:2px}.report-modal-footer{padding:var(--space-6);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width: 640px){.report-modal-overlay{padding:0;align-items:flex-end}.report-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.report-modal-header,.report-modal-content{padding:var(--space-5)}.report-modal-footer{padding:var(--space-5);flex-direction:column-reverse}.report-modal-footer button{width:100%}}.content-blocked-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#36211673;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--space-4);animation:fadeIn .2s ease-out}.content-blocked-modal{background:#ffffffd9;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);width:100%;max-width:480px;padding:var(--space-8);text-align:center;position:relative;box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;animation:slideUp .3s var(--ease-spring)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.content-blocked-modal{background:#fffffff7}}.content-blocked-icon{font-size:64px;margin-bottom:var(--space-4)}.content-blocked-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-error-600);margin:0 0 var(--space-4) 0}.content-blocked-message{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.content-blocked-action{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0;padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.content-blocked-footer{margin-top:var(--space-6)}.content-blocked-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.content-blocked-close:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}@media (max-width: 640px){.content-blocked-modal{padding:var(--space-6)}}.chatroom-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--bg-secondary);background-image:radial-gradient(60% 40% at 0% 0%,rgba(208,138,111,.1),transparent 60%),radial-gradient(50% 40% at 100% 8%,rgba(126,154,109,.08),transparent 60%);overflow:hidden}.chatroom-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-4) + var(--safe-area-inset-top, 0px)) var(--space-4) var(--space-4);background:var(--glass-fill-strong);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e40;position:sticky;top:0;z-index:var(--z-index-sticky)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.chatroom-header{background:#fffffff5}}@media (min-width: 769px){.chatroom-header{padding:var(--space-4) max(var(--space-8),calc((100% - 900px)/2))}}.chatroom-back-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.chatroom-back-btn:hover{background:var(--bg-secondary)}.chatroom-header-info{flex:1;min-width:0}.chatroom-title-row{display:flex;align-items:center;gap:var(--space-3)}.chatroom-emoji{font-size:2rem;flex-shrink:0}.chatroom-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.2}.chatroom-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.chatroom-leaderboard-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.chatroom-leaderboard-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:scale(1.1)}.chatroom-kudos-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--glass-fill);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));border-bottom:1px solid var(--glass-border-soft);gap:var(--space-3);flex-wrap:wrap}@media (min-width: 769px){.chatroom-kudos-bar{padding:var(--space-3) max(var(--space-8),calc((100% - 900px)/2))}}.kudos-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.kudos-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.admin-eligible-badge{padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.photo-unlocked-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);background:var(--color-accent-500, #10b981);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);cursor:help}.photo-progress-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);background:var(--color-secondary-500, #A67F8E);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);cursor:help;animation:pulse-subtle 2s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.chatroom-groups{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--glass-fill-soft);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));border-bottom:1px solid var(--glass-border-soft);overflow-x:auto;scrollbar-width:thin}@media (min-width: 769px){.chatroom-groups{padding:var(--space-3) max(var(--space-8),calc((100% - 900px)/2))}}.chatroom-groups::-webkit-scrollbar{height:6px}.group-tab-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-1)}.group-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-full);background:var(--glass-fill);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform .16s var(--ease-out-soft),background .2s var(--ease-out-soft),color .2s var(--ease-out-soft);white-space:nowrap}.group-tab:hover:not(.group-tab--locked){background:var(--glass-fill-strong);color:var(--text-primary)}.group-tab--active{background:linear-gradient(180deg,#ffffff38,#fff0 45%),linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border-color:transparent;box-shadow:inset 0 1px #ffffff59,0 4px 12px -6px #b5503a73}.group-tab--locked{opacity:.7;border-style:dashed}.lock-icon{font-size:.9em}.group-admin-btn{background:transparent;border:none;cursor:pointer;padding:0;font-size:1em;opacity:.8;transition:opacity var(--transition-fast)}.group-admin-btn:hover{opacity:1}.chatroom-messages{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);background:transparent}@media (min-width: 769px){.chatroom-messages{padding:var(--space-6) max(var(--space-8),calc((100% - 900px)/2))}}.message-bubble{display:flex;gap:var(--space-3);width:100%;animation:message-fade-in .3s ease-out}@keyframes message-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{flex-shrink:0}.message-content{flex:1;min-width:0;position:relative}.message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.message-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.message-author:hover{text-decoration:underline}.message-kudos{font-size:var(--font-size-xs);color:var(--color-secondary-500, #A67F8E);font-weight:var(--font-weight-medium)}.message-time{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:auto}.message-menu-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-lg);padding:0 var(--space-1);transition:color var(--transition-fast)}.message-menu-btn:hover{color:var(--text-primary)}.message-text{padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,#ffffffc7,#ffffff9e);border:1px solid var(--glass-border-soft);border-radius:20px 20px 20px 6px;box-shadow:inset 0 1px 0 var(--glass-highlight);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);word-wrap:break-word;margin-bottom:var(--space-2)}.message-actions{display:flex;gap:var(--space-2);align-items:center}.message-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.message-action-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.kudos-btn{color:var(--color-secondary-500, #A67F8E)}.kudos-btn:hover:not(:disabled){background:#a67f8e26;color:var(--color-secondary-600, #856672)}.kudos-btn--given{color:var(--color-accent-500, #10B981);cursor:default}.kudos-btn--given:hover{background:transparent}.message-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);min-width:150px;overflow:hidden}.message-menu-item{width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.message-menu-item:hover{background:var(--bg-secondary)}.message-menu-item--danger{color:var(--color-error-500, #DC2626)}.message-menu-item--danger:hover{background:#dc26261a}.chatroom-input{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-4) calc(var(--space-4) + var(--safe-area-inset-bottom, 0px));background:var(--glass-fill-strong);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-top:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 -6px 18px -14px #3c281e40;position:sticky;bottom:0}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.chatroom-input{background:#fffffff5}}@media (min-width: 769px){.chatroom-input{padding:var(--space-4) max(var(--space-8),calc((100% - 900px)/2))}}.chatroom-input-field{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--font-size-base);background:#ffffffb3;box-shadow:inset 0 1px 2px #3c281e0f;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.chatroom-input-field:focus{outline:none;border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 4px var(--accent-light)}.chatroom-input-field::placeholder{color:var(--text-tertiary)}.chatroom-send-btn{width:48px;height:48px;border-radius:var(--radius-full);border:none;background:linear-gradient(180deg,#ffffff40,#fff0 45%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:inset 0 1px #ffffff59,0 6px 16px -6px #b5503a80;font-size:var(--font-size-xl);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;justify-content:center}.chatroom-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:inset 0 1px #fff6,0 10px 22px -8px #b5503a8c}.chatroom-send-btn:disabled{opacity:.3;cursor:not-allowed}.message-reply-context{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-left:3px solid var(--accent-color);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.reply-icon{font-size:var(--font-size-sm);flex-shrink:0}.reply-details{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.reply-author{font-weight:var(--font-weight-semibold);color:var(--accent-color);font-size:var(--font-size-sm)}.reply-text{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs)}.chatroom-reply-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-left:4px solid var(--accent-color);animation:reply-bar-slide-up .2s ease-out}@keyframes reply-bar-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reply-bar-content{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.reply-bar-icon{font-size:var(--font-size-base);flex-shrink:0}.reply-bar-details{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.reply-bar-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-color)}.reply-bar-text{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.reply-bar-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.chatroom-photo-btn{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5}.chatroom-photo-btn:hover{opacity:.7;transform:scale(1.05)}.chatroom-photo-btn.photo-btn--enabled{border-color:var(--accent-color);opacity:1}.chatroom-photo-btn.photo-btn--enabled:hover{background:var(--accent-color);transform:scale(1.1)}.message-photo-container{margin:var(--space-2) 0;border-radius:var(--radius-lg);overflow:hidden;max-width:400px}.message-photo{width:100%;height:auto;display:block;cursor:pointer;transition:transform var(--transition-fast)}.message-photo:hover{transform:scale(1.02)}.chatroom-photo-preview-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-left:4px solid var(--accent-color);animation:reply-bar-slide-up .2s ease-out}.photo-preview-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.photo-preview-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.photo-preview-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-color)}.photo-preview-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.photo-preview-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chatroom-photo-status-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-left:4px solid var(--color-secondary-500, #A67F8E);animation:reply-bar-slide-up .2s ease-out}.photo-status-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.photo-status-icon{font-size:var(--font-size-xl);flex-shrink:0}.photo-status-text{display:flex;flex-direction:column;gap:var(--space-1)}.photo-status-text strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.photo-status-text span{font-size:var(--font-size-xs);color:var(--text-secondary)}.photo-status-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.photo-status-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.chatroom-container{height:100vh;height:100dvh}.chatroom-header{padding:var(--space-3)}.chatroom-title{font-size:var(--font-size-base)}.chatroom-subtitle{font-size:var(--font-size-xs)}.chatroom-kudos-bar{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.kudos-display{font-size:var(--font-size-xs)}.photo-unlocked-badge,.photo-progress-badge,.admin-eligible-badge{font-size:.65rem;padding:2px var(--space-2)}.chatroom-groups{padding:var(--space-2) var(--space-3);gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch}.group-tab{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);white-space:nowrap}.message-text{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.message-author{font-size:var(--font-size-xs)}.message-time{font-size:.65rem}.message-actions{gap:var(--space-1)}.message-action-btn{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.chatroom-input{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.chatroom-input-field{font-size:var(--font-size-base);padding:var(--space-3)}.chatroom-photo-btn,.chatroom-send-btn{width:44px;height:44px;font-size:var(--font-size-lg)}.chatroom-reply-bar,.chatroom-photo-preview-bar{padding:var(--space-2) var(--space-3)}.reply-bar-label,.photo-preview-label{font-size:var(--font-size-xs)}.reply-bar-text,.photo-status-text span{font-size:.65rem}.message-photo-container{max-width:100%}.chatroom-modal{max-width:calc(100% - var(--space-4));margin:var(--space-2)}.leaderboard-list{padding:var(--space-3)}.leaderboard-item{padding:var(--space-2);font-size:var(--font-size-sm)}}@media (max-width: 640px){.chatroom-header-info{gap:var(--space-2)}.chatroom-emoji{font-size:1.5rem}.message-reply-context{padding:var(--space-1) var(--space-2);font-size:.65rem}.chatroom-kudos-bar{flex-direction:column;align-items:flex-start}.kudos-badges{width:100%}}@media (hover: none){.message-action-btn:active{transform:scale(.95)}.chatroom-send-btn:active,.chatroom-photo-btn:active{transform:scale(.9)}.group-tab:active{transform:scale(.98)}}.chatroom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#36211666;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--space-4);animation:overlay-fade-in .2s ease-out}.chatroom-modal{background:#ffffffd9;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;animation:modal-slide-up .3s var(--ease-spring)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.chatroom-modal{background:#fffffff7}}.modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary)}.modal-close-btn:hover{background:#dc26261a;color:var(--color-error-500, #DC2626)}.leaderboard-list{padding:var(--space-4)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.leaderboard-item:hover{background:var(--bg-secondary)}.leaderboard-item.top-five{background:#f59e0b1a}.leaderboard-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-primary);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.leaderboard-name{flex:1;font-weight:var(--font-weight-medium);color:var(--text-primary)}.leaderboard-kudos{color:var(--color-secondary-500, #A67F8E);font-weight:var(--font-weight-semibold)}.leaderboard-badge{padding:var(--space-1) var(--space-2);background:#c8674f1a;color:var(--accent-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.leaderboard-info{padding:var(--space-4);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);border-top:1px solid var(--border-color);margin:0}.admin-panel-content{padding:var(--space-6)}.admin-panel-content h4{font-size:var(--font-size-lg);margin-bottom:var(--space-4);color:var(--text-primary)}.requests-list{display:flex;flex-direction:column;gap:var(--space-3)}.request-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg)}.request-name{flex:1;font-weight:var(--font-weight-medium);color:var(--text-primary)}.request-actions{display:flex;gap:var(--space-2)}@media (max-width: 640px){.chatroom-header{padding:var(--space-3)}.chatroom-title{font-size:var(--font-size-base)}.chatroom-subtitle{font-size:var(--font-size-xs)}.chatroom-groups{padding:var(--space-2);gap:var(--space-1)}.group-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.chatroom-messages,.chatroom-input{padding:var(--space-3)}.chatroom-modal{max-width:100%;max-height:90vh}}.dashboard{display:flex;height:100vh;background-color:var(--bg-secondary);background-image:radial-gradient(50% 40% at 0% 0%,rgba(208,138,111,.1),transparent 60%),radial-gradient(45% 38% at 100% 4%,rgba(126,154,109,.08),transparent 60%);overflow:hidden;--room-icon-opacity: 1}.dashboard-sidebar{width:340px;display:flex;flex-direction:column;background:var(--glass-fill-strong);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-right:1px solid var(--glass-border-soft);flex-shrink:0}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.dashboard-sidebar{background:#fffffff5}}:root.dark .dashboard-sidebar{background:#2a2628;border-right-color:#3a3638}.dashboard-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);padding-top:max(var(--space-4),var(--safe-area-inset-top));border-bottom:1px solid var(--border-color)}.sidebar-header-content{flex:1;min-width:0}.sidebar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.sidebar-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.sidebar-header-actions{display:flex;align-items:center;gap:var(--space-2)}.sidebar-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sidebar-search-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-avatar-btn{background:transparent;border:none;padding:0;cursor:pointer;transition:transform var(--transition-fast)}.sidebar-avatar-btn:hover{transform:scale(1.05)}.sidebar-search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.sidebar-search-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}:root.dark .sidebar-search-input{background:#ffffff0d}.sidebar-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #c8674f1a}:root.dark .sidebar-search-input:focus{box-shadow:0 0 0 3px #c8674f33}.sidebar-search-input::placeholder{color:var(--text-tertiary)}.sidebar-rooms{flex:1;overflow-y:auto;padding:var(--space-2)}.sidebar-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:var(--space-3) var(--space-3) var(--space-2);margin-top:var(--space-2)}.room-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left;position:relative}.room-item:hover{background:var(--bg-primary)}:root.dark .room-item:hover{background:#ffffff0d}.room-item--active{background:var(--bg-primary);box-shadow:inset 3px 0 0 var(--accent-color)}:root.dark .room-item--active{background:#ffffff14}.room-item--priority{background:var(--glass-accent-fill);border:1px solid var(--glass-accent-border)}.room-item--priority.room-item--active{box-shadow:inset 3px 0 0 var(--accent-color)}.room-item-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:var(--shadow-sm);color:#fff;transition:all var(--transition-fast)}:root.dark .room-item-icon{box-shadow:0 2px 4px #0000004d}.room-item-content{flex:1;min-width:0}.room-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1);color:var(--text-primary)}.room-item-desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0 0 var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item-groups{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.room-item .notification-badge{margin-left:auto}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-color)}.sidebar-footer-btn{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-footer-btn:hover{background:var(--bg-tertiary)}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;align-items:center}@media (min-width: 769px){.dashboard-main{background:var(--bg-secondary)}:root.dark .dashboard-main{background:#2a2628}.dashboard-main>*{width:100%;max-width:900px;background:var(--bg-primary)}:root.dark .dashboard-main>*{background:#191516}}.dashboard-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.dashboard-empty-icon{font-size:5rem;margin-bottom:var(--space-6);opacity:.3}.dashboard-empty h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.dashboard-empty p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}@media (max-width: 768px){.dashboard{flex-direction:column;height:100vh;height:100dvh}.dashboard-sidebar{width:100%;max-height:100vh;max-height:100dvh}.dashboard-sidebar-header{padding:var(--space-3)}.sidebar-title{font-size:var(--font-size-lg)}.sidebar-subtitle{font-size:var(--font-size-xs)}.sidebar-search{padding:var(--space-3)}.sidebar-search-input{font-size:var(--font-size-base);padding:var(--space-3)}.dashboard-main,.dashboard.has-selection .dashboard-sidebar{display:none}.dashboard.has-selection .dashboard-main{display:flex;height:100vh;height:100dvh}.room-item{padding:var(--space-3);min-height:60px}.room-item-name{font-size:var(--font-size-base)}.room-item-description{font-size:var(--font-size-xs)}}@media (max-width: 640px){.dashboard-sidebar{width:100%}.sidebar-rooms{padding:var(--space-1)}.room-item{padding:var(--space-3)}.room-item-icon{width:44px;height:44px;font-size:1.5rem}.sidebar-avatar-btn{min-width:44px;min-height:44px}}@media (hover: none){.room-item:active{transform:scale(.98)}.sidebar-avatar-btn:active{transform:scale(.95)}}.dashboard-sidebar,.dashboard-main{transition:all var(--transition-base)}.ghost-progress-card{background:linear-gradient(180deg,#ffffffbd,#ffffff8f);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 20px -14px #3c281e33;transition:transform var(--transition-soft),box-shadow var(--transition-soft)}.ghost-progress-card.unlocked{border-color:var(--color-primary-500);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-surface-primary) 100%)}:root.dark .ghost-progress-card.unlocked{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,var(--color-surface-primary) 100%)}.ghost-progress-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.ghost-progress-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--color-gray-700);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.unlocked .ghost-progress-icon{background:var(--color-primary-500);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #d08a6f66}50%{box-shadow:0 0 30px #d08a6f99}}.ghost-progress-title-section{flex:1}.ghost-progress-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.ghost-progress-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.ghost-progress-stats{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.ghost-progress-stat{display:flex;flex-direction:column;gap:var(--space-2)}.ghost-progress-stat-header{display:flex;align-items:center;gap:var(--space-2)}.ghost-progress-stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ghost-progress-bar{height:8px;background:var(--color-surface-secondary);border-radius:var(--radius-full);overflow:hidden}.ghost-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);transition:width .5s ease-out}.ghost-progress-bar-fill.time{background:linear-gradient(90deg,var(--color-blue-500),var(--color-blue-600))}.ghost-progress-stat-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.ghost-progress-stat-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.ghost-progress-remaining{color:var(--color-text-tertiary)}.ghost-progress-divider{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;padding:var(--space-2) 0;position:relative}.ghost-progress-divider:before,.ghost-progress-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:var(--color-border-light)}.ghost-progress-divider:before{left:0}.ghost-progress-divider:after{right:0}.ghost-progress-tips{padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-lg)}.ghost-progress-tip{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.ghost-progress-tip svg{color:var(--color-primary-500);flex-shrink:0}.ghost-progress-tip-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.ghost-progress-tip-title svg{color:var(--color-yellow-500)}.ghost-progress-tip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.ghost-progress-tip-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.ghost-progress-tip-list li:before{content:"•";position:absolute;left:var(--space-2);color:var(--color-primary-500);font-weight:var(--font-weight-bold)}.ghost-progress-unlock-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base)}.ghost-progress-unlock-btn:hover{background:var(--color-primary-600);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.ghost-progress-card{padding:var(--space-4)}.ghost-progress-header{gap:var(--space-3)}.ghost-progress-icon{width:48px;height:48px}}.ghost-unlock-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#36211673;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--space-4);animation:fadeIn .2s ease-out}.ghost-unlock-modal{background:#ffffffe0;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;max-width:500px;width:100%;position:relative;animation:slideUp .3s var(--ease-spring);overflow:hidden}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.ghost-unlock-modal{background:#fffffff7}}.ghost-unlock-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--color-surface-secondary);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:1}.ghost-unlock-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.ghost-unlock-content{padding:var(--space-8) var(--space-6);text-align:center}.ghost-unlock-celebration{position:relative;margin-bottom:var(--space-6)}.ghost-unlock-emoji{font-size:5rem;display:block;animation:bounce .6s ease-in-out}.ghost-unlock-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;display:flex;align-items:center;justify-content:center;pointer-events:none}.ghost-unlock-sparkles span{position:absolute;font-size:2rem;animation:sparkle 1.5s ease-in-out infinite}.ghost-unlock-sparkles span:nth-child(1){top:10%;left:20%;animation-delay:0s}.ghost-unlock-sparkles span:nth-child(2){top:20%;right:15%;animation-delay:.3s}.ghost-unlock-sparkles span:nth-child(3){bottom:15%;left:25%;animation-delay:.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(180deg);opacity:1}}.ghost-unlock-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.ghost-unlock-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0}.ghost-unlock-subtitle strong{color:var(--color-primary-500);font-weight:var(--font-weight-bold)}.ghost-unlock-message{padding:var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}:root.dark .ghost-unlock-message{background:#6366f11a}.ghost-unlock-message p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.ghost-unlock-message strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ghost-unlock-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);text-align:left}.ghost-unlock-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.ghost-unlock-feature:hover{background:var(--color-surface-tertiary);transform:translate(4px)}.ghost-unlock-feature-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ghost-unlock-feature span{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.ghost-unlock-actions{display:flex;flex-direction:column;gap:var(--space-3)}.ghost-unlock-customize,.ghost-unlock-later{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2);cursor:pointer;transition:all var(--transition-base)}.ghost-unlock-customize:hover,.ghost-unlock-later:hover{color:var(--color-text-primary)}.ghost-unlock-customize{color:var(--color-primary-500)}.ghost-unlock-customize:hover{color:var(--color-primary-600)}@media (max-width: 768px){.ghost-unlock-content{padding:var(--space-6) var(--space-4)}.ghost-unlock-emoji{font-size:4rem}}.neighbor-type-card{background:linear-gradient(180deg,#ffffffbd,#ffffff8f);border:1px solid var(--glass-border, #e0e0e0);border-radius:var(--radius-2xl);padding:20px;margin:16px 0;box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 16px -12px #3c281e2e}.neighbor-type-card__icon{font-size:48px;text-align:center;margin-bottom:12px}.neighbor-type-card__content{text-align:center;margin-bottom:16px}.neighbor-type-card__title{font-size:20px;font-weight:700;color:var(--text-primary, #333);margin:0 0 8px}.neighbor-type-card__desc{font-size:14px;color:var(--text-secondary, #666);margin:0}.neighbor-type-card__percentage{display:inline-block;background:var(--type-color, #007bff);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-top:8px}.neighbor-type-card--starter{background:linear-gradient(135deg,#d88c6a,#bf765a);color:#fff;border:none}.neighbor-type-card--starter .neighbor-type-card__title,.neighbor-type-card--starter .neighbor-type-card__desc{color:#fff}.neighbor-type-card--balanced{background:linear-gradient(135deg,#93aa82,#7e9a6d);color:#fff;border:none}.neighbor-type-card--balanced .neighbor-type-card__title,.neighbor-type-card--balanced .neighbor-type-card__desc{color:#fff}.neighbor-type-card__stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.neighbor-type-stat{display:flex;align-items:center;gap:4px;background:#fff3;padding:6px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.neighbor-type-stat__icon{font-size:16px}.neighbor-type-stat__value{font-size:14px;font-weight:600;color:#fff}.neighbor-type-card__breakdown{margin-top:16px;display:flex;flex-direction:column;gap:12px}.neighbor-type-breakdown__header{display:flex;align-items:center;gap:8px;font-size:13px}.neighbor-type-breakdown__icon{font-size:16px}.neighbor-type-breakdown__name{flex:1;color:var(--text-primary, #333);font-weight:500}.neighbor-type-breakdown__value{color:var(--text-secondary, #666);font-weight:600}.neighbor-type-breakdown__bar{height:6px;background:var(--bg-secondary, #f0f0f0);border-radius:3px;overflow:hidden}.neighbor-type-breakdown__fill{height:100%;border-radius:3px;transition:width .3s ease}.neighbor-type-card--specialized{border:2px solid var(--type-color, #007bff);background:linear-gradient(135deg,rgba(var(--type-color-rgb, 0, 123, 255),.05),rgba(var(--type-color-rgb, 0, 123, 255),.02))}.profile-page{min-height:100vh;display:flex;flex-direction:column;background:transparent}.profile-page .profile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-4) + var(--safe-area-inset-top, 0px)) var(--space-4) var(--space-4);background:var(--glass-fill-strong);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e40;color:var(--text-primary)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.profile-page .profile-header{background:#fffffff5}}.profile-back-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.profile-back-btn:hover{background:var(--bg-secondary)}.profile-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.profile-main{flex:1;max-width:var(--max-width-3xl);width:100%;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-6);margin-bottom:var(--space-6);background:radial-gradient(120% 90% at 50% -10%,var(--accent-light) 0%,transparent 60%),linear-gradient(180deg,#ffffffc7,#fff9);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 10px 28px -18px #3c281e3d}.profile-avatar-container{position:relative;display:inline-block}.profile-avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--bg-primary);background:var(--accent-color);color:#fff;font-size:var(--font-size-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.profile-avatar-edit-btn:hover{transform:scale(1.1);background:var(--accent-hover)}.profile-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--space-4) 0 var(--space-2)}.profile-anonymous-badge{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:linear-gradient(180deg,#ffffffbd,#ffffff8f);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 16px -12px #3c281e2e;border:1px solid var(--glass-border);transition:transform var(--transition-soft),box-shadow var(--transition-soft)}.stat-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 16px 34px -18px #3c281e42}.stat-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:1}.stat-label{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.profile-section{background:linear-gradient(180deg,#ffffffbd,#ffffff8f);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 20px -14px #3c281e33;border:1px solid var(--glass-border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.achievement-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast)}.achievement-card:hover{background:var(--bg-primary);border-color:var(--border-hover);transform:scale(1.02)}.achievement-icon{font-size:2rem;flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.achievement-desc{font-size:var(--font-size-xs);color:var(--text-secondary)}.profile-info-card{display:flex;flex-direction:column;gap:var(--space-4)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.info-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.status-badge{padding:var(--space-1) var(--space-3);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge--active{background:var(--accent-color);color:var(--bg-primary)}.profile-edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-help{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.profile-actions{display:flex;flex-direction:column;gap:var(--space-3)}.profile-footer{text-align:center;padding:var(--space-4) 0}.profile-footer-link{color:var(--text-tertiary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.profile-footer-link:hover{color:var(--text-primary);text-decoration:underline}@media (max-width: 768px){.profile-container{height:100vh;height:100dvh}.profile-page .profile-header{padding:calc(var(--space-3) + var(--safe-area-inset-top, 0px)) var(--space-3) var(--space-3)}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.achievements-grid{grid-template-columns:1fr}.stat-card,.profile-section{padding:var(--space-4)}.profile-section-title{font-size:var(--font-size-lg)}}@media (max-width: 640px){.profile-main{padding:var(--space-4) var(--space-3)}.profile-hero{padding:var(--space-6) 0}.profile-name{font-size:var(--font-size-2xl)}.profile-bio{font-size:var(--font-size-sm)}.stat-value{font-size:var(--font-size-2xl)}.stat-label{font-size:var(--font-size-xs)}.form-actions{flex-direction:column;gap:var(--space-2)}.form-actions button{width:100%}.info-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.info-label{font-size:var(--font-size-sm)}.info-value{font-size:var(--font-size-base)}}.next-milestone{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#d88c6a,#bf765a);border-radius:16px;color:#fff;margin-bottom:20px}.next-milestone__icon{font-size:48px}.next-milestone__content{flex:1}.next-milestone__title{font-size:14px;font-weight:600;margin-bottom:4px;opacity:.9}.next-milestone__desc{font-size:18px;font-weight:700;margin-bottom:8px}.next-milestone__progress{font-size:14px;font-weight:600;background:#fff3;display:inline-block;padding:4px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 640px){.next-milestone{padding:16px}.next-milestone__icon{font-size:36px}.next-milestone__desc{font-size:16px}}.kudos-progress-grid{display:flex;flex-direction:column;gap:16px}.kudos-progress-item{display:flex;flex-direction:column;gap:8px}.kudos-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--text-primary, #333)}.kudos-progress-count{font-size:13px;font-weight:700;color:var(--primary-color, #007bff)}.kudos-progress-bar{height:8px;background:var(--bg-secondary, #f0f0f0);border-radius:4px;overflow:hidden}.kudos-progress-fill{height:100%;background:linear-gradient(90deg,#d88c6a,#bf765a);border-radius:4px;transition:width .3s ease}.primary-badge-container{text-align:center;padding:24px;background:linear-gradient(135deg,#d88c6a,#bf765a);border-radius:16px;color:#fff;margin-bottom:20px}.primary-badge-label{font-size:14px;font-weight:600;opacity:.9;margin-bottom:12px}.primary-badge{display:inline-flex!important;background:#fff3!important;border-color:#ffffff4d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.specialty-badges-container{margin-top:16px}.specialty-badges-label{font-size:13px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.specialty-badges-grid{display:flex;flex-wrap:wrap;gap:12px}.all-badges-link{text-align:center;margin-top:16px;padding:12px;background:var(--bg-secondary, #f0f0f0);border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease}.all-badges-link:hover{background:var(--border-color, #e0e0e0);color:var(--text-primary, #333)}.reliability-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:16px;padding:20px}.section-title .private-badge{display:inline-block;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:8px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.reliability-card{background:#fff;border-radius:12px;padding:20px}.reliability-score{text-align:center;margin-bottom:20px}.reliability-score-grade{font-size:48px;font-weight:900;line-height:1;margin-bottom:8px}.reliability-score-label{font-size:16px;font-weight:600;color:var(--text-secondary, #666)}.reliability-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.reliability-stat{text-align:center;padding:12px;background:var(--bg-secondary, #f9f9f9);border-radius:12px}.reliability-stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #333);margin-bottom:4px}.reliability-stat-label{font-size:12px;color:var(--text-secondary, #666)}.reliability-consequences{margin-top:16px;display:flex;flex-direction:column;gap:12px}.reliability-consequence{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;font-size:13px;font-weight:500}.reliability-consequence--critical{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.reliability-consequence--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.reliability-consequence--info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.consequence-icon{font-size:20px;flex-shrink:0}.consequence-message{flex:1}.admin-requirements{margin-top:16px;padding:16px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-requirements-title{font-size:13px;font-weight:600;margin-bottom:12px;opacity:.9}.admin-requirement{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px}.requirement-status{font-size:16px;font-weight:700}.requirement-status.met{color:#22c55e}.requirement-status.unmet{color:#ffffff80}.requirement-text{opacity:.9}@media (max-width: 640px){.reliability-stats-grid{grid-template-columns:1fr}.specialty-badges-grid{justify-content:center}.primary-badge-container{padding:20px 16px}}.profile-container{min-height:100vh;background:transparent}.profile-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:15px 20px;box-shadow:var(--shadow)}.profile-card{max-width:600px;margin:20px auto;background:linear-gradient(180deg,#ffffffd1,#ffffffa8);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 12px 32px -18px #3c281e42;overflow:hidden}.profile-photo-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:40px 20px 60px;display:flex;justify-content:center}.profile-photo{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 4px 12px #00000026}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff}.profile-info{padding:20px;margin-top:-40px}.profile-name{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin:0 0 5px;text-align:center}.profile-username{font-size:.95rem;color:var(--text-light);text-align:center;margin:0 0 15px}.profile-bio{font-size:1rem;color:var(--text-dark);line-height:1.6;text-align:center;padding:15px;background:var(--bg-light);border-radius:12px;margin-bottom:20px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;padding:20px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.stat{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-label{font-size:.85rem;color:var(--text-light)}.profile-badges{margin:20px 0}.profile-badges h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:15px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.badge-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--glass-accent-fill);border:1px solid var(--glass-accent-border);border-radius:var(--radius-lg);cursor:help;transition:var(--transition)}.badge-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.badge-icon{font-size:1.5rem}.badge-name{font-size:.85rem;font-weight:600;color:var(--text-dark)}.profile-rooms{margin:20px 0}.profile-rooms h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:15px}.rooms-list{display:flex;flex-wrap:wrap;gap:8px}.room-tag{padding:6px 12px;background:var(--bg-light);border:1px solid var(--border-light);border-radius:20px;font-size:.85rem;color:var(--text-dark);text-transform:capitalize}.profile-events{margin:20px 0}.profile-events h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:15px}.events-list{display:flex;flex-direction:column;gap:8px}.event-item-mini{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-light);border-radius:8px}.event-title-mini{font-size:.9rem;font-weight:500;color:var(--text-dark)}.event-date-mini{font-size:.85rem;color:var(--text-light)}.profile-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:15px}.bond-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:var(--color-accent-500, #10B981);color:#fff;border-radius:12px;font-weight:600;font-size:1rem}.bond-icon{font-size:1.5rem}.bond-request-form{display:flex;flex-direction:column;gap:10px}.bond-message-input{padding:12px;border:2px solid var(--border-light);border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;transition:var(--transition)}.bond-message-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c8674f1a}.bond-form-actions{display:flex;gap:10px;justify-content:flex-end}.btn{padding:12px 24px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #c8674f4d}.btn-secondary{background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-light)}.btn-secondary:hover{background:#fff;border-color:var(--text-light)}@media (max-width: 768px){.profile-card{margin:0;border-radius:0}.profile-photo{width:100px;height:100px}.profile-photo-placeholder{font-size:2.5rem}.profile-name{font-size:1.5rem}.profile-stats{gap:10px}.stat-value{font-size:1.3rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.badge-item{padding:8px}.badge-name{font-size:.8rem}}.primary-badge-display{text-align:center;padding:20px;background:linear-gradient(135deg,#d88c6a,#bf765a);border-radius:16px;margin-bottom:16px}.primary-badge-level{font-size:13px;font-weight:600;color:#fff;opacity:.9;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.primary-badge-display .primary-badge{display:inline-flex!important;background:#fff3!important;border-color:#ffffff4d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important}.specialty-badges-section{margin-top:16px}.specialty-badges-title{font-size:12px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.badges-count{text-align:center;margin-top:12px;padding:8px;font-size:12px;font-weight:600;color:var(--text-secondary, #666);background:var(--bg-secondary, #f0f0f0);border-radius:8px}.guidelines-container{min-height:100vh;background:transparent}.guidelines-header{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;padding:20px}.guidelines-header h1{font-size:1.75rem;margin-top:10px}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);color:#fff;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) 0;transition:opacity var(--transition-fast)}.back-button:hover{opacity:.8}.guidelines-main{max-width:800px;margin:0 auto;padding:20px}.guidelines-content{background:#ffffffb3;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:var(--radius-3xl);padding:40px;box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border:1px solid var(--glass-border)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.guidelines-content{background:#fffffff5}}.guideline-section{margin-bottom:35px}.guideline-section:last-of-type{margin-bottom:50px}.guideline-section-highlight{background:var(--color-primary-50, rgba(99, 102, 241, .05));border:2px solid var(--color-primary-200, rgba(99, 102, 241, .2));border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:40px}:root.dark .guideline-section-highlight{background:#6366f11a;border-color:#6366f14d}.guideline-section h2{display:flex;align-items:center;gap:var(--space-3);font-size:1.3rem;color:var(--color-text-primary, var(--text-dark));margin-bottom:12px}.guideline-section p{color:var(--color-text-secondary, var(--text-light));line-height:1.7;font-size:1rem}.guidelines-footer-content{border-top:2px solid var(--color-border-light, var(--border-light));padding-top:30px;text-align:center}.guidelines-footer-content h3{font-size:1.2rem;color:var(--color-text-primary, var(--text-dark));margin-bottom:12px}.guidelines-legal-links{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0;font-size:var(--font-size-sm)}.guidelines-legal-links .separator{color:var(--color-text-tertiary)}.guidelines-footer-content p{color:var(--color-text-secondary, var(--text-light));margin-bottom:10px}.guidelines-footer-content .link{color:var(--color-primary-500);text-decoration:none;font-weight:var(--font-weight-semibold)}.guidelines-footer-content .link:hover{text-decoration:underline}.last-updated{font-size:.9rem;font-style:italic;color:var(--color-text-tertiary)!important;margin-top:20px!important}.guidelines-hero{background:var(--glass-accent-fill);border:2px solid var(--glass-accent-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;margin-bottom:var(--space-8)}:root.dark .guidelines-hero{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f166}.guidelines-hero-icon{font-size:64px;margin-bottom:var(--space-4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.guidelines-hero-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.guidelines-hero-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.guidelines-notfor{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}:root.dark .guidelines-notfor{background:#ef444426;border-color:#ef444466}.guidelines-notfor-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.guidelines-notfor-title span{font-size:var(--font-size-2xl)}.guidelines-notfor-list{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.guidelines-notfor-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.guidelines-notfor-list li:before{content:"❌";flex-shrink:0;font-size:var(--font-size-lg);line-height:1}.guidelines-notfor-list li strong{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.guidelines-notfor-footer{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0}:root.dark .guidelines-notfor-footer{background:#f59e0b33;border-color:#f59e0b66}.guidelines-notfor-footer strong{font-weight:var(--font-weight-bold)}.guidelines-divider{height:2px;background:var(--color-border-light);margin:var(--space-8) 0}.guidelines-section-header{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}@media (max-width: 768px){.guidelines-content{padding:25px 20px}.guidelines-hero{padding:var(--space-6)}.guidelines-hero-title{font-size:var(--font-size-xl)}.guidelines-notfor{padding:var(--space-4)}.guideline-section h2{font-size:1.15rem}.guideline-section p{font-size:.95rem}.guideline-section{margin-bottom:30px}}.legal-container{min-height:100vh;background:transparent}.legal-header{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;padding:20px}.legal-header h1{font-size:1.75rem;margin:10px 0 5px}.legal-last-updated{font-size:var(--font-size-sm);opacity:.9;margin:5px 0 0}.legal-main{max-width:900px;margin:0 auto;padding:30px 20px}.legal-content{background:#ffffffb3;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:var(--radius-3xl);padding:50px 40px;box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border:1px solid var(--glass-border);line-height:1.7}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.legal-content{background:#fffffff5}}:root.dark .legal-content{background:var(--color-surface-primary)}.legal-intro{padding:var(--space-6);background:var(--color-primary-50);border-left:4px solid var(--color-primary-500);border-radius:var(--radius-lg);margin-bottom:40px}:root.dark .legal-intro{background:#6366f11a;border-left-color:var(--color-primary-400)}.legal-intro p{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.legal-section{margin-bottom:50px}.legal-section:last-of-type{margin-bottom:30px}.legal-section h2{font-size:1.5rem;color:var(--color-primary-600);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--color-border-light)}:root.dark .legal-section h2{color:var(--color-primary-400)}.legal-section h3{font-size:1.2rem;color:var(--color-text-primary);margin:25px 0 12px}.legal-section h4{font-size:1rem;color:var(--color-text-primary);margin:20px 0 10px;font-weight:var(--font-weight-semibold)}.legal-section p{color:var(--color-text-secondary);margin:12px 0;font-size:1rem}.legal-section ul{margin:15px 0;padding-left:30px;color:var(--color-text-secondary)}.legal-section li{margin:8px 0;line-height:1.6}.legal-section strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.prohibited-list{background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0}:root.dark .prohibited-list{background:#ffffff08}.prohibited-list h4{color:var(--color-primary-600);margin-top:15px}:root.dark .prohibited-list h4{color:var(--color-primary-400)}.prohibited-list h4:first-child{margin-top:0}.legal-highlight{background:#fef3c7;border:2px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;color:#92400e}:root.dark .legal-highlight{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.legal-highlight strong{color:#92400e}:root.dark .legal-highlight strong{color:#fbbf24}.legal-warning{display:flex;gap:var(--space-4);align-items:flex-start;background:#fee2e2;border:2px solid #ef4444;border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0}:root.dark .legal-warning{background:#ef444426;border-color:#ef444466}.legal-warning svg{flex-shrink:0;color:#dc2626;margin-top:2px}:root.dark .legal-warning svg{color:#f87171}.legal-warning h3{color:#dc2626;margin:0 0 8px;font-size:1.1rem}:root.dark .legal-warning h3{color:#f87171}.legal-warning p{color:#991b1b;margin:0}:root.dark .legal-warning p{color:#fca5a5}.contact-info{list-style:none;padding:0;background:var(--color-surface-secondary);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.contact-info li{margin:var(--space-2) 0}.contact-info a{color:var(--color-primary-600);text-decoration:underline}:root.dark .contact-info a{color:var(--color-primary-400)}.contact-info a:hover{color:var(--color-primary-700)}:root.dark .contact-info a:hover{color:var(--color-primary-300)}.legal-footer-notice{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--color-primary-50);border:2px solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:50px}:root.dark .legal-footer-notice{background:#6366f11a;border-color:#6366f14d}.legal-footer-notice svg{flex-shrink:0;color:var(--color-primary-600);margin-top:2px}:root.dark .legal-footer-notice svg{color:var(--color-primary-400)}.legal-footer-notice p{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.legal-content a{color:var(--color-primary-600);text-decoration:underline}:root.dark .legal-content a{color:var(--color-primary-400)}.legal-content a:hover{color:var(--color-primary-700)}:root.dark .legal-content a:hover{color:var(--color-primary-300)}@media (max-width: 768px){.legal-content{padding:30px 20px}.legal-section h2{font-size:1.3rem}.legal-section h3{font-size:1.1rem}.legal-warning,.legal-footer-notice{flex-direction:column;gap:var(--space-2)}}@media (max-width: 480px){.legal-header h1{font-size:1.5rem}.legal-content{padding:20px 15px}.legal-intro{padding:var(--space-4)}.legal-intro p{font-size:var(--font-size-base)}}.calendar-page{min-height:100vh;display:flex;flex-direction:column;background:transparent}.calendar-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-4) + var(--safe-area-inset-top, 0px)) var(--space-4) var(--space-4);background:var(--glass-fill-strong);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e40;position:sticky;top:0;z-index:var(--z-index-sticky)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.calendar-header{background:#fffffff5}}.calendar-back-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.calendar-back-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.calendar-header-info{flex:1}.calendar-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.calendar-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.calendar-filters{display:flex;align-items:center;gap:var(--space-3);flex:1}.calendar-filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.calendar-filter-select:focus{outline:none;border-color:var(--border-hover)}.calendar-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.calendar-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.calendar-main{flex:1;padding:var(--space-6) var(--space-4);max-width:var(--max-width-7xl);margin:0 auto;width:100%}.calendar-count{margin-bottom:var(--space-6);font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.calendar-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.event-card{background:linear-gradient(180deg,#ffffffc2,#ffffff94);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 20px -14px #3c281e33;border:1px solid var(--glass-border);transition:transform var(--transition-soft),box-shadow var(--transition-soft);animation:card-fade-in .4s var(--ease-out-quint)}@keyframes card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-card:hover{box-shadow:inset 0 1px 0 var(--glass-highlight),0 18px 38px -18px #3c281e47;transform:translateY(-2px)}.event-card-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.event-date-badge{flex-shrink:0;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--accent-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.event-date-day{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--bg-primary);line-height:1}.event-date-month{font-size:var(--font-size-xs);color:var(--bg-primary);font-weight:var(--font-weight-semibold);margin-top:var(--space-1)}.event-header-info{flex:1;min-width:0}.event-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.event-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.event-room-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--bg-secondary);color:var(--text-primary)}.event-card-body{margin-bottom:var(--space-4)}.event-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.event-info-row{display:flex;align-items:center;margin-bottom:var(--space-2)}.event-info-item{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.event-rsvp-counts{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.rsvp-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.rsvp-count--going{background:#10b9811a;color:var(--color-accent-500, #10B981)}.rsvp-count--maybe{background:#a67f8e26;color:var(--color-secondary-500, #A67F8E)}.event-card-footer{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.user-rsvp-badge{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-500, #10B981)}.user-host-badge{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);display:flex;align-items:center;gap:var(--space-1)}.calendar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#36211666;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--space-4);animation:overlay-fade-in .2s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.calendar-modal{background:#ffffffd9;-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 70px -28px #3c281e80;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-slide-up .3s var(--ease-spring)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.calendar-modal{background:#fffffff7}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary)}.modal-close-btn{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close-btn:hover:not(:disabled){background:#dc26261a;color:var(--color-error-500, #DC2626)}.event-form{padding:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 768px){.calendar-container{height:100vh;height:100dvh}.calendar-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.calendar-filters{flex-direction:column;align-items:stretch}.calendar-events-grid{grid-template-columns:1fr;gap:var(--space-4)}.event-card{padding:var(--space-4)}.event-title{font-size:var(--font-size-base)}.event-detail{font-size:var(--font-size-sm)}.form-row{grid-template-columns:1fr}.calendar-modal{max-height:95vh;max-height:95dvh}.modal-header,.event-form{padding:var(--space-4)}.form-input,.form-textarea,.form-select{font-size:var(--font-size-base);padding:var(--space-3)}.form-actions{flex-direction:column;gap:var(--space-2)}.form-actions button{width:100%}}@media (max-width: 640px){.calendar-header{padding:var(--space-3)}.calendar-title{font-size:var(--font-size-xl)}.calendar-subtitle{font-size:var(--font-size-sm)}.calendar-main{padding:var(--space-4) var(--space-3)}.event-card-header{flex-direction:column;align-items:flex-start}.event-date-badge{align-self:flex-start}.calendar-stats{flex-direction:column;gap:var(--space-3)}.stat-item{padding:var(--space-3)}.stat-value{font-size:var(--font-size-xl)}}.form-checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-base);color:var(--text-primary);-webkit-user-select:none;user-select:none;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.form-checkbox-label:hover{background:var(--bg-tertiary)}.form-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary-500)}.form-help-text{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.4}.admin-dashboard{min-height:100vh;background:transparent;padding-bottom:var(--space-8);overflow-x:hidden}.admin-header{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-index-sticky)}.admin-header-content{display:flex;align-items:center;gap:var(--space-4)}.admin-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--color-surface-secondary);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.admin-back-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.admin-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.admin-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.admin-header-actions{display:flex;align-items:center;gap:var(--space-3)}.admin-nav{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border);padding:0 var(--space-6);display:flex;gap:var(--space-2);overflow-x:auto;position:sticky;top:73px;z-index:var(--z-index-sticky)}.admin-nav-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all var(--transition-base);position:relative}.admin-nav-tab:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.admin-nav-tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.admin-nav-tab .badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);background:var(--color-error-500);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.admin-content{max-width:var(--max-width-7xl);margin:0 auto;padding:var(--space-6)}.admin-section{margin-bottom:var(--space-8)}.admin-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-6) 0}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.admin-section-actions{display:flex;gap:var(--space-3);align-items:center}.admin-search-input{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text-primary);min-width:250px}.admin-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.admin-stat-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start;transition:all var(--transition-base)}.admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-stat-card.alert{border-color:var(--color-error-200);background:var(--color-error-50)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-600)}.stat-content{flex:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-1) 0}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.stat-change,.stat-detail{font-size:var(--font-size-xs);margin:0}.stat-change.positive{color:var(--color-accent-600)}.stat-change.negative{color:var(--color-error-600)}.stat-detail{color:var(--color-text-tertiary)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.admin-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.admin-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.admin-list-item:hover{background:var(--color-surface-secondary)}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.list-item-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.status-badge.active,.status-badge.upcoming{background:var(--color-accent-100);color:var(--color-accent-700)}.status-badge.suspended,.status-badge.pending{background:var(--color-warning-100);color:var(--color-warning-700)}.status-badge.completed{background:var(--color-gray-100);color:var(--color-gray-700)}.room-icon-small{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.room-icon-tiny{width:20px;height:20px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.admin-table-container{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-light)}.admin-table th{text-align:left;padding:var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-primary)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--color-surface-secondary)}.table-user,.table-event,.table-room{display:flex;align-items:center;gap:var(--space-3)}.event-title{font-weight:var(--font-weight-medium)}.event-price{display:inline-flex;padding:2px var(--space-2);background:var(--color-accent-100);color:var(--color-accent-700);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}.rsvp-count{font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.table-actions{display:flex;gap:var(--space-2)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-surface-secondary);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.action-btn:hover{background:var(--color-primary-100);color:var(--color-primary-600)}.action-btn.danger:hover{background:var(--color-error-100);color:var(--color-error-600)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.icon-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.admin-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.admin-room-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.admin-room-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.room-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.room-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.room-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.room-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.room-card-stats{display:flex;gap:var(--space-4)}.stat-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.admin-reports-list{display:flex;flex-direction:column;gap:var(--space-4)}.admin-report-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.report-type{display:flex;align-items:center;gap:var(--space-2)}.report-type-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:capitalize}.report-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.report-content{margin-bottom:var(--space-4)}.report-reason{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.report-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);margin:0 0 var(--space-3) 0}.report-room{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.report-by{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.report-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.analytics-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.analytics-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.analytics-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:var(--color-surface-secondary);border-radius:var(--radius-md);color:var(--color-text-tertiary)}.analytics-stats{display:flex;flex-direction:column;gap:var(--space-4)}.analytics-stat{display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.analytics-stat .stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin-bottom:var(--space-1)}.analytics-stat .stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.kudos-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-secondary-100);color:var(--color-secondary-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.admin-header{padding:var(--space-3) var(--space-4)}.admin-title{font-size:var(--font-size-xl)}.admin-nav{padding:0 var(--space-4)}.admin-content{padding:var(--space-4)}.admin-stats-grid,.admin-grid{grid-template-columns:1fr}.admin-section-header{flex-direction:column;align-items:stretch}.admin-search-input{min-width:100%}.admin-table-container{overflow-x:auto}.admin-rooms-grid,.analytics-grid{grid-template-columns:1fr}}.messages-container{display:flex;flex-direction:column;min-height:100vh;background:transparent}.messages-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:var(--font-size-lg);color:var(--text-secondary)}.messages-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-4) + var(--safe-area-inset-top, 0px)) var(--space-4) var(--space-4);background:var(--glass-fill-strong);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e40;position:sticky;top:0;z-index:20}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.messages-header{background:#fffffff5}}.messages-back-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.messages-back-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.messages-header-info{flex:1}.messages-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.messages-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.messages-main{flex:1;width:100%;max-width:var(--max-width-3xl);margin:0 auto;padding:var(--space-4)}.messages-list{display:flex;flex-direction:column;gap:var(--space-2)}.messages-list>.message-preview{animation:popIn .4s var(--ease-spring) both}.messages-list>.message-preview:nth-child(1){animation-delay:.03s}.messages-list>.message-preview:nth-child(2){animation-delay:.07s}.messages-list>.message-preview:nth-child(3){animation-delay:.11s}.messages-list>.message-preview:nth-child(4){animation-delay:.15s}.messages-list>.message-preview:nth-child(5){animation-delay:.19s}.messages-list>.message-preview:nth-child(n+6){animation-delay:.23s}.message-preview{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(180deg,#ffffffb3,#ffffff85);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:inset 0 1px 0 var(--glass-highlight);text-decoration:none;transition:transform var(--transition-soft),box-shadow var(--transition-soft),border-color var(--transition-soft);cursor:pointer}.message-preview:hover{border-color:var(--glass-border);transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 14px 30px -16px #3c281e3d}.message-preview:active{transform:translateY(0)}.message-preview-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.message-preview-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.message-preview-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview-time{font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0}.message-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.message-preview-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.message-preview-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.message-preview-stats{display:flex;align-items:center;gap:var(--space-3)}.message-preview-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.message-preview-warning{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-warning-600);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.messages-main,.message-preview{padding:var(--space-3)}}.dm-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--bg-secondary);background-image:radial-gradient(60% 40% at 0% 0%,rgba(208,138,111,.1),transparent 60%),radial-gradient(50% 40% at 100% 8%,rgba(126,154,109,.08),transparent 60%)}.dm-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:var(--font-size-lg);color:var(--text-secondary)}.dm-header{display:flex;align-items:center;gap:var(--space-3);padding:calc(var(--space-3) + var(--safe-area-inset-top, 0px)) var(--space-4) var(--space-3);background:var(--glass-fill-strong);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-bottom:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 18px -14px #3c281e40;position:sticky;top:0;z-index:20}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.dm-header{background:#fffffff5}}.dm-back-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.dm-back-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.dm-user-info{display:flex;align-items:center;gap:var(--space-3);flex:1;background:none;border:none;padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.dm-user-info:hover{background:var(--bg-secondary)}.dm-user-details{display:flex;flex-direction:column;gap:var(--space-1)}.dm-user-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.dm-message-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.dm-warning-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #FBBF24;animation:slideDown .3s ease-out}.dm-warning-banner--capped{background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:2px solid #F87171}:root.dark .dm-warning-banner{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-bottom-color:#fbbf2480}:root.dark .dm-warning-banner--capped{background:linear-gradient(135deg,#f8717133,#ef444433);border-bottom-color:#f8717180}.dm-warning-icon{font-size:24px;flex-shrink:0}.dm-warning-text{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-primary)}.dm-warning-remaining{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.dm-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.dm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);text-align:center;color:var(--text-secondary);padding:var(--space-8)}.dm-empty-icon{font-size:64px}.dm-empty-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);max-width:300px}.dm-message{display:flex;flex-direction:column;max-width:70%;animation:fadeIn .2s ease-out}.dm-message--own{align-self:flex-end;align-items:flex-end}.dm-message-content{padding:var(--space-3) var(--space-4);border-radius:20px 20px 20px 6px;background:linear-gradient(180deg,#ffffffd1,#ffffffa6);border:1px solid var(--glass-border-soft);color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap;box-shadow:inset 0 1px 0 var(--glass-highlight),0 4px 12px -8px #3c281e2e}.dm-message--own .dm-message-content{border-radius:20px 20px 6px;background:linear-gradient(180deg,#fff3,#fff0 45%),linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:transparent;color:#fff;box-shadow:inset 0 1px #ffffff4d,0 4px 14px -8px #b5503a73}.dm-message-content p{margin:0;line-height:1.5}.dm-message-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--space-1) var(--space-2)}.dm-input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-area-inset-bottom, 0px));background:var(--glass-fill-strong);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur-strong));border-top:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 -6px 18px -14px #3c281e40}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.dm-input{background:#fffffff5}}.dm-input-field{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-full);background:#ffffffb3;box-shadow:inset 0 1px 2px #3c281e0f;color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.dm-input-field:focus{border-color:var(--color-primary-500);background:#fff;box-shadow:0 0 0 4px #d08a6f29}.dm-input-field:disabled{opacity:.5;cursor:not-allowed}.dm-send-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:linear-gradient(180deg,#ffffff40,#fff0 45%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:inset 0 1px #ffffff59,0 6px 16px -6px #b5503a80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.dm-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:inset 0 1px #fff6,0 10px 22px -8px #b5503a8c}.dm-send-btn:disabled{background:var(--color-gray-400);cursor:not-allowed;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dm-message{max-width:85%}}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.app--chat-room{min-height:0;height:100vh;height:100dvh;overflow:hidden}.app--has-nav{padding-bottom:calc(86px + var(--safe-area-inset-bottom, 0px))}.app>*{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary-50: #FBF0EC;--color-primary-100: #F6E0D7;--color-primary-200: #ECC0AE;--color-primary-300: #E0A085;--color-primary-400: #D5825D;--color-primary-500: #C8674F;--color-primary-600: #B5503A;--color-primary-700: #8F3E2E;--color-primary-800: #6A2E22;--color-primary-900: #451E16;--color-secondary-50: #F1F4EE;--color-secondary-100: #E2E9DC;--color-secondary-200: #C7D4BC;--color-secondary-300: #ABBE9B;--color-secondary-400: #93AA82;--color-secondary-500: #7E9A6D;--color-secondary-600: #647C56;--color-secondary-700: #4B5D41;--color-secondary-800: #323E2B;--color-secondary-900: #191F16;--color-accent-50: #EEF5EC;--color-accent-100: #D6E8D0;--color-accent-200: #B0D3A6;--color-accent-300: #8ABE7C;--color-accent-400: #6BA85B;--color-accent-500: #4F9440;--color-accent-600: #3E7A32;--color-accent-700: #2F5E26;--color-accent-800: #213F1B;--color-accent-900: #142711;--color-gray-50: #FAF7F2;--color-gray-100: #F2ECE3;--color-gray-200: #E7DDD0;--color-gray-300: #D4C7B8;--color-gray-400: #A99C8D;--color-gray-500: #80766B;--color-gray-600: #5F564E;--color-gray-700: #463F39;--color-gray-800: #2E2925;--color-gray-900: #211C19;--color-success-50: var(--color-accent-50);--color-success-100: var(--color-accent-100);--color-success-500: var(--color-accent-500);--color-success-600: var(--color-accent-600);--color-success-700: var(--color-accent-700);--color-warning-50: #FDF4E7;--color-warning-100: #FAE6C8;--color-warning-500: #E0922F;--color-warning-600: #C2781E;--color-warning-700: #9A5E16;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-info-50: var(--color-primary-50);--color-info-100: var(--color-primary-100);--color-info-500: var(--color-primary-500);--color-info-600: var(--color-primary-600);--color-info-700: var(--color-primary-700);--color-background: #ffffff;--color-surface: #ffffff;--color-surface-secondary: var(--color-gray-50);--color-surface-tertiary: var(--color-gray-100);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-text-inverse: #ffffff;--color-border-light: var(--color-gray-200);--color-border-medium: var(--color-gray-300);--color-border-dark: var(--color-gray-400);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-family-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Courier New", monospace;--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: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--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;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(67, 47, 35, .06);--shadow-sm: 0 1px 2px rgba(67, 47, 35, .05), 0 2px 6px -2px rgba(67, 47, 35, .08);--shadow-md: 0 2px 4px rgba(67, 47, 35, .05), 0 8px 20px -8px rgba(67, 47, 35, .12);--shadow-lg: 0 4px 10px rgba(67, 47, 35, .06), 0 16px 32px -12px rgba(67, 47, 35, .16);--shadow-xl: 0 8px 16px rgba(67, 47, 35, .07), 0 28px 50px -16px rgba(67, 47, 35, .2);--shadow-2xl: 0 30px 64px -20px rgba(67, 47, 35, .28);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-fixed: 1200;--z-index-modal-backdrop: 1300;--z-index-modal: 1400;--z-index-popover: 1500;--z-index-tooltip: 1600;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-3xl: 48rem;--max-width-4xl: 56rem;--max-width-5xl: 64rem;--max-width-6xl: 72rem;--max-width-7xl: 80rem;--max-width-full: 100%;--glass-fill: rgba(255, 255, 255, .55);--glass-fill-strong: rgba(255, 255, 255, .72);--glass-fill-tint: rgba(255, 248, 243, .5);--glass-fill-soft: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .6);--glass-border-soft: rgba(255, 255, 255, .4);--glass-highlight: rgba(255, 255, 255, .85);--glass-blur: 18px;--glass-blur-strong: 30px;--glass-saturate: 1.7;--glass-shadow: inset 0 1px 0 0 var(--glass-highlight), 0 8px 24px -10px rgba(60, 40, 30, .2), 0 2px 6px -2px rgba(60, 40, 30, .1);--glass-shadow-lg: inset 0 1px 0 0 var(--glass-highlight), 0 24px 56px -18px rgba(60, 40, 30, .3), 0 6px 16px -8px rgba(60, 40, 30, .16);--glass-shadow-pressed: inset 0 1px 2px rgba(60, 40, 30, .12);--glass-accent-fill: rgba(208, 138, 111, .16);--glass-accent-border: rgba(208, 138, 111, .32);--radius-3xl: 1.75rem;--radius-4xl: 2.25rem;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--ease-out-quint: cubic-bezier(.16, 1, .3, 1);--transition-spring: .42s var(--ease-spring);--transition-soft: .32s var(--ease-out-soft);--fs-display: clamp(2.25rem, 7vw, 4rem);--fs-h1-fluid: clamp(1.75rem, 5.5vw, 2.75rem);--fs-h2-fluid: clamp(1.375rem, 4vw, 2rem);--fs-h3-fluid: clamp(1.125rem, 2.6vw, 1.5rem)}:root.dark{--color-background: var(--color-gray-900);--color-surface: var(--color-gray-800);--color-surface-secondary: var(--color-gray-700);--color-surface-tertiary: var(--color-gray-600);--color-text-primary: var(--color-gray-50);--color-text-secondary: var(--color-gray-200);--color-text-tertiary: var(--color-gray-300);--color-text-disabled: var(--color-gray-400);--color-border-light: var(--color-gray-700);--color-border-medium: var(--color-gray-600);--color-border-dark: var(--color-gray-500);--color-primary-50: #8F3E2E;--color-primary-100: #B5503A;--color-accent-50: #2F5E26;--color-accent-100: #3E7A32;--color-accent-200: #4F9440;--color-secondary-50: #4B5D41;--color-secondary-100: #647C56}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.animate-slideDown{animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.animate-slideLeft{animation:slideLeft .4s cubic-bezier(.16,1,.3,1)}.animate-slideRight{animation:slideRight .4s cubic-bezier(.16,1,.3,1)}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.stagger-children>*{animation:slideUp .4s cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-fast)}.hover-glow:hover{box-shadow:0 0 20px #e078564d}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-circle{border-radius:var(--radius-full)}.notification-badge{animation:pulse 2s ease-in-out infinite}@keyframes badgePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.notification-badge.new{animation:badgePop .4s cubic-bezier(.68,-.55,.265,1.55)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s cubic-bezier(.16,1,.3,1)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-in,transform .2s ease-in}@keyframes routeEnter{0%{opacity:0}to{opacity:1}}.route-view{animation:routeEnter .28s ease-out both;min-height:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@keyframes focusRing{0%{box-shadow:0 0 #e0785666}to{box-shadow:0 0 0 4px #e0785600}}*:focus-visible{animation:focusRing .6s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-popIn{animation:popIn .5s var(--ease-spring) both}.stagger-spring>*{animation:popIn .5s var(--ease-spring) both}.stagger-spring>*:nth-child(1){animation-delay:.04s}.stagger-spring>*:nth-child(2){animation-delay:.08s}.stagger-spring>*:nth-child(3){animation-delay:.12s}.stagger-spring>*:nth-child(4){animation-delay:.16s}.stagger-spring>*:nth-child(5){animation-delay:.2s}.stagger-spring>*:nth-child(6){animation-delay:.24s}.stagger-spring>*:nth-child(7){animation-delay:.28s}.stagger-spring>*:nth-child(8){animation-delay:.32s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.glass{position:relative;background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-2xl)}.glass-strong{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);border-radius:var(--radius-2xl)}.glass-chrome{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border-soft);box-shadow:0 1px 0 0 var(--glass-highlight) inset,0 6px 18px -12px #3c281e40}.glass-pill{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-full)}.glass-tint{background:var(--glass-accent-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-accent-border)}.glass-inset{background:#ffffff80;border:1px solid var(--glass-border-soft);box-shadow:inset 0 1px 3px #3c281e12;border-radius:var(--radius-full)}.glass-card{position:relative;background:linear-gradient(180deg,#ffffffb3,#ffffff8c);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:inset 0 1px 0 0 var(--glass-highlight),0 6px 18px -12px #3c281e2e;transition:transform var(--transition-soft),box-shadow var(--transition-soft)}.glass-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 0 var(--glass-highlight),0 16px 36px -16px #3c281e42}.glass-sheen:before{content:"";position:absolute;inset:0 0 auto 0;height:45%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent);pointer-events:none}.glass-press{transition:transform .16s var(--ease-out-soft),box-shadow .16s var(--ease-out-soft)}.glass-press:active{transform:scale(.97);box-shadow:var(--glass-shadow-pressed)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass,.glass-strong,.glass-chrome,.glass-pill,.glass-tint{background:#fffffff0}.glass-tint{background:#d08a6f38}.glass-inset{background:#ffffffe6}}@media (prefers-reduced-transparency: reduce){.glass,.glass-strong,.glass-chrome,.glass-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff7}.glass-tint{-webkit-backdrop-filter:none;backdrop-filter:none;background:#d08a6f42}.glass-card{background:#fffffff7}}@media (prefers-reduced-motion: reduce){.glass-card,.glass-press{transition:none}.glass-card:hover,.glass-press:active{transform:none}}:root{--bg-primary: #FFFFFF;--bg-secondary: #F6F2EC;--bg-tertiary: #ECE4D9;--text-primary: #241F1C;--text-secondary: #5C5350;--text-tertiary: #8A7F79;--border-color: #ECE3D7;--border-hover: #DBCEBD;--card-bg: #FFFFFF;--input-bg: #F6F2EC;--message-other: #F2EBE0;--message-own: #D08A6F;--accent-color: #D08A6F;--accent-hover: #BF765A;--accent-light: #FCF4EF;--accent-soft: #F4E2D8;--sage: #7E9A6D;--sage-light: #F1F4EE;--primary-color: var(--color-primary-600);--primary-dark: var(--color-primary-700);--primary-light: var(--color-primary-100);--primary-50: var(--color-primary-50);--secondary-color: var(--color-secondary-500);--secondary-dark: var(--color-secondary-700);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}:root.dark{--bg-primary: #1F1A17;--bg-secondary: #17120F;--bg-tertiary: #2C2520;--text-primary: #F5EEE5;--text-secondary: #CDBFB2;--text-tertiary: #9C8E80;--border-color: #382F28;--border-hover: #483D34;--card-bg: #261F1A;--input-bg: #2C2520;--message-other: #2C2520;--message-own: #C8674F;--accent-color: #D8825D;--accent-hover: #E0A085;--accent-light: #2E211B;--accent-soft: #3A2820;--sage: #93AA82;--sage-light: #242C1F;--primary-color: var(--color-primary-400);--primary-dark: var(--color-primary-300);--primary-light: var(--color-primary-100);--secondary-color: var(--color-secondary-400);--secondary-dark: var(--color-secondary-300)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}html:has(.chatroom-container){overflow:hidden;height:100vh;height:100dvh}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);background-image:radial-gradient(60% 50% at 12% -5%,rgba(208,138,111,.16),transparent 60%),radial-gradient(48% 42% at 102% 8%,rgba(126,154,109,.14),transparent 60%),radial-gradient(70% 60% at 50% 112%,rgba(208,138,111,.1),transparent 60%);background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";letter-spacing:-.011em}@media (prefers-reduced-transparency: reduce){body{background-image:none}}body:has(.chatroom-container){overflow:hidden;height:100vh;height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary)}h1,h2{font-family:var(--font-family-display);letter-spacing:-.03em}h1{font-size:var(--fs-h1-fluid)}h2{font-size:var(--fs-h2-fluid)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast);opacity:.85}a:hover{color:var(--color-primary-600);opacity:1;text-decoration:underline}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit}#root{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column;flex:1}.container{max-width:var(--max-width-5xl);margin:0 auto;padding:var(--space-4);width:100%}.container-sm{max-width:var(--max-width-3xl)}.container-lg{max-width:var(--max-width-7xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-primary{background:linear-gradient(180deg,#ffffff38,#fff0 42%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-text-inverse);box-shadow:inset 0 1px #ffffff59,0 6px 16px -6px #b5503a80,var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffffff47,#fff0 42%),linear-gradient(180deg,var(--color-primary-500),var(--color-primary-700));box-shadow:inset 0 1px #fff6,0 10px 24px -8px #b5503a8c,var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:var(--glass-shadow-pressed)}.btn-secondary{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--color-text-primary);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.btn-secondary:hover:not(:disabled){background:var(--glass-fill-strong);border-color:var(--glass-border);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:var(--glass-shadow-pressed)}.btn-ghost{background:transparent;color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background:var(--glass-fill-soft)}.btn-danger{background:var(--color-error-600);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-error-700)}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--color-primary-500);text-decoration:none;cursor:pointer;transition:color var(--transition-fast);opacity:.85}.link:hover{color:var(--color-primary-600);opacity:1;text-decoration:underline}.form-group,.auth-form .form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);background:#ffffffc7;box-shadow:inset 0 1px 2px #3c281e0d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #d08a6f29}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--color-surface-secondary);color:var(--color-text-disabled);cursor:not-allowed}:root.dark .form-input,:root.dark .form-textarea,:root.dark .form-select{background:#272727;color:#fff;border-color:#3a3638}:root.dark .form-input::placeholder,:root.dark .form-textarea::placeholder,:root.dark .form-select::placeholder{color:#9a9a9a}:root.dark .form-input:focus,:root.dark .form-textarea:focus,:root.dark .form-select:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0ea5e926}:root.dark input[type=text],:root.dark input[type=email],:root.dark input[type=password],:root.dark input[type=date],:root.dark input[type=number],:root.dark input[type=tel]{background:#272727;color:#fff;border-color:#3a3638}:root.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-textarea{resize:vertical;min-height:100px}.form-checkbox{display:flex;align-items:center;gap:var(--space-2)}.form-checkbox input{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary-600)}.error-message{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.success-message{color:var(--color-success-600);font-size:var(--font-size-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{border:3px solid var(--color-surface-tertiary);border-top:3px solid var(--color-primary-600);border-radius:var(--radius-full);width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--glass-shadow);transition:transform var(--transition-soft),box-shadow var(--transition-soft)}.card:hover{box-shadow:var(--glass-shadow-lg)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.card,.btn-secondary{background:#fffffff0}}@media (prefers-reduced-transparency: reduce){.card,.btn-secondary{background:#fffffff5}}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.badge-error{background:var(--color-error-100);color:var(--color-error-700)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.ml-2{margin-left:var(--space-2)}.mr-2{margin-right:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}@media (max-width: 768px){.container{padding:var(--space-3)}body{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}h3{font-size:var(--font-size-lg)}button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}*{-webkit-tap-highlight-color:rgba(224,120,86,.2)}button:active,a:active,.room-card:active{opacity:.8;transition:opacity .1s ease-in-out}}@media (max-width: 896px) and (orientation: landscape){body{font-size:var(--font-size-sm)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}*:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}