.header[data-v-fee06e20]{position:sticky;top:0;z-index:100;transition:all .3s ease;padding-top:env(safe-area-inset-top,0px)}.header-main[data-v-fee06e20]{background:var(--bg);border-bottom:1px solid var(--border)}.header.scrolled .header-main[data-v-fee06e20]{box-shadow:0 1px 4px #0000000f}.header-inner[data-v-fee06e20]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4)}.logo[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.logo-icon-wrapper[data-v-fee06e20]{position:relative}.logo-icon[data-v-fee06e20]{display:block;transition:transform .2s ease}.logo:hover .logo-icon[data-v-fee06e20]{transform:scale(1.03)}.logo-text-wrapper[data-v-fee06e20]{display:flex;flex-direction:column}.logo-text[data-v-fee06e20]{color:var(--text);font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.01em}.search-bar-wrapper[data-v-fee06e20]{flex:1;max-width:480px;display:none}@media(min-width:768px){.search-bar-wrapper[data-v-fee06e20]{display:block}}.search-form[data-v-fee06e20]{position:relative;display:flex;align-items:center}.search-form .search-icon[data-v-fee06e20]{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.search-input[data-v-fee06e20]{width:100%;padding:10px 40px 10px 44px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text);transition:all .2s ease}.search-input[data-v-fee06e20]::placeholder{color:var(--text-muted)}.search-input[data-v-fee06e20]:focus{outline:none;border-color:var(--primary);background:var(--bg);box-shadow:0 0 0 3px var(--primary-light)}.search-clear[data-v-fee06e20]{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);color:var(--text-muted);transition:all .15s ease}.search-clear[data-v-fee06e20]:hover{background:var(--gray-200);color:var(--text)}.create-menu-wrapper[data-v-fee06e20]{position:relative;display:none}@media(min-width:768px){.create-menu-wrapper[data-v-fee06e20]{display:block}}@media(min-width:768px)and (max-width:1023px){.create-btn[data-v-fee06e20]{padding:var(--space-2);width:40px;height:40px;border-radius:var(--radius-lg)}.create-btn .create-btn-text[data-v-fee06e20],.create-btn .chevron[data-v-fee06e20]{display:none}}.create-btn[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease}.create-btn[data-v-fee06e20]:hover{background:var(--primary-hover)}.create-btn .chevron[data-v-fee06e20]{transition:transform .2s ease}.create-btn .chevron.open[data-v-fee06e20]{transform:rotate(180deg)}.create-dropdown[data-v-fee06e20]{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200}.create-dropdown-item[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background .15s ease;color:var(--text)}.create-dropdown-item[data-v-fee06e20]:hover{background:var(--bg-secondary)}.create-item-icon[data-v-fee06e20]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);flex-shrink:0;background:var(--bg-tertiary);color:var(--text-secondary)}.create-item-label[data-v-fee06e20]{font-size:var(--font-size-sm);font-weight:500}.header-right[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-2)}.icon-btn[data-v-fee06e20]{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);color:var(--text-secondary);transition:all .2s ease}.icon-btn[data-v-fee06e20]:hover{background:var(--gray-100);color:var(--text)}.badge-count[data-v-fee06e20]{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);box-shadow:none}.notification-wrapper[data-v-fee06e20]{position:relative}.notification-dropdown[data-v-fee06e20]{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 2rem));background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200}@media(max-width:480px){.notification-dropdown[data-v-fee06e20]{position:fixed;top:auto;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 8px);left:1rem;right:1rem;width:auto}}.notification-header[data-v-fee06e20]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border)}.notification-header h3[data-v-fee06e20]{font-size:var(--font-size-base);font-weight:600}.notification-empty[data-v-fee06e20]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-muted)}.notification-empty .empty-icon[data-v-fee06e20]{opacity:.4}.notification-empty p[data-v-fee06e20]{font-size:var(--font-size-sm)}.login-btn[data-v-fee06e20]{display:none;align-items:center;padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease}@media(min-width:768px){.login-btn[data-v-fee06e20]{display:flex}}.login-btn[data-v-fee06e20]:hover{background:var(--primary-hover)}.user-menu-wrapper[data-v-fee06e20]{position:relative;display:none}@media(min-width:768px){.user-menu-wrapper[data-v-fee06e20]{display:block}}.user-menu[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px 4px 4px;border-radius:var(--radius-full);border:1px solid var(--border);transition:all .15s ease;cursor:pointer}.user-menu[data-v-fee06e20]:hover{border-color:var(--primary);background:var(--bg-secondary)}.user-dropdown[data-v-fee06e20]{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200}.user-dropdown-item[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text);width:100%;transition:background .15s ease}.user-dropdown-item[data-v-fee06e20]:hover{background:var(--bg-secondary)}.user-dropdown-item.logout[data-v-fee06e20]{color:var(--error);border-top:1px solid var(--border)}.user-dropdown-item.logout[data-v-fee06e20]:hover{background:#ef44440d}.user-avatar-wrap[data-v-fee06e20]{position:relative;flex-shrink:0}.user-menu .avatar[data-v-fee06e20]{border:2px solid var(--border);transition:border-color .15s ease}.user-menu:hover .avatar[data-v-fee06e20]{border-color:var(--primary)}.user-status[data-v-fee06e20]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg)}.user-status.online[data-v-fee06e20]{background:var(--success)}.user-status.away[data-v-fee06e20]{background:var(--warning)}.user-status.offline[data-v-fee06e20]{background:var(--gray-400)}.mode-badge[data-v-fee06e20]{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg)}.mode-badge.band[data-v-fee06e20]{background:var(--primary);color:#fff}.mode-badge.user[data-v-fee06e20]{background:var(--text-secondary);color:#fff}.user-mode-label[data-v-fee06e20]{font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.user-mode-label.band[data-v-fee06e20]{color:var(--primary)}.mobile-menu-btn[data-v-fee06e20]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text)}@media(min-width:1024px){.mobile-menu-btn[data-v-fee06e20]{display:none}}.nav-mobile[data-v-fee06e20]{display:flex;flex-direction:column;padding:var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border)}@media(min-width:1024px){.nav-mobile[data-v-fee06e20]{display:none}}.nav-mobile-link[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-weight:500;color:var(--text-secondary)}.nav-mobile-link[data-v-fee06e20]:hover,.nav-mobile-link.active[data-v-fee06e20]{background:var(--primary-light);color:var(--primary)}.nav-mobile-link.logout[data-v-fee06e20]{color:var(--error)}.mobile-nav-divider[data-v-fee06e20]{height:1px;background:var(--border);margin:var(--space-3) 0}.mobile-user-info[data-v-fee06e20]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text)}.mobile-user-info[data-v-fee06e20]:hover{background:var(--bg-secondary)}.mobile-user-detail[data-v-fee06e20]{display:flex;flex-direction:column;gap:2px}.mobile-user-name[data-v-fee06e20]{font-size:var(--font-size-base);font-weight:600}.mobile-user-mode[data-v-fee06e20]{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.mobile-user-mode.band[data-v-fee06e20]{color:var(--primary)}.mobile-search-form[data-v-fee06e20]{position:relative;display:flex;align-items:center;margin-bottom:var(--space-2)}.mobile-search-form .search-icon[data-v-fee06e20]{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.mobile-search-input[data-v-fee06e20]{width:100%;padding:12px 16px 12px 44px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--text)}.mobile-search-input[data-v-fee06e20]::placeholder{color:var(--text-muted)}.mobile-search-input[data-v-fee06e20]:focus{outline:none;border-color:var(--primary);background:var(--bg)}.mobile-auth-links[data-v-fee06e20]{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.mobile-login-btn[data-v-fee06e20]{display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--primary);color:#fff;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);transition:background .15s ease}.mobile-login-btn[data-v-fee06e20]:hover{background:var(--primary-hover)}.mobile-register-link[data-v-fee06e20]{display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--primary);font-size:var(--font-size-sm);font-weight:500}.footer[data-v-9c3be2dc]{margin-top:auto}.stats-banner[data-v-9c3be2dc]{background:linear-gradient(135deg,var(--primary) 0%,#14a89c 100%);padding:var(--space-8) 0}.stats-grid[data-v-9c3be2dc]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);text-align:center}.stat-item[data-v-9c3be2dc]{color:#fff}.stat-value[data-v-9c3be2dc]{display:block;font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label[data-v-9c3be2dc]{font-size:var(--font-size-sm);opacity:.9}@media(max-width:640px){.stats-grid[data-v-9c3be2dc]{grid-template-columns:1fr;gap:var(--space-4)}.stat-value[data-v-9c3be2dc]{font-size:var(--font-size-2xl)}}.cta-section[data-v-9c3be2dc]{background:var(--bg);padding:var(--space-12) 0;border-bottom:1px solid var(--border)}.cta-content[data-v-9c3be2dc]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap}.cta-text h2[data-v-9c3be2dc]{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-2)}.cta-text p[data-v-9c3be2dc]{color:var(--text-secondary)}.cta-buttons[data-v-9c3be2dc]{display:flex;gap:var(--space-3)}@media(max-width:768px){.cta-content[data-v-9c3be2dc]{flex-direction:column;text-align:center}.cta-buttons[data-v-9c3be2dc]{width:100%;flex-direction:column}.cta-buttons .btn[data-v-9c3be2dc]{width:100%}}.footer-main[data-v-9c3be2dc]{background:var(--bg-dark);padding:var(--space-12) 0 var(--space-8);color:#ffffffb3}.footer-grid[data-v-9c3be2dc]{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-12);margin-bottom:var(--space-10)}@media(max-width:1024px){.footer-grid[data-v-9c3be2dc]{grid-template-columns:1fr;gap:var(--space-8)}}.footer-logo[data-v-9c3be2dc]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo-text[data-v-9c3be2dc]{font-size:var(--font-size-xl);font-weight:800;color:#fff}.footer-description[data-v-9c3be2dc]{font-size:var(--font-size-sm);line-height:1.7}.footer-links[data-v-9c3be2dc]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:480px){.footer-links[data-v-9c3be2dc]{grid-template-columns:1fr}}.footer-column h4[data-v-9c3be2dc]{color:#fff;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-column ul[data-v-9c3be2dc]{list-style:none}.footer-column li[data-v-9c3be2dc]{margin-bottom:var(--space-2)}.footer-column a[data-v-9c3be2dc]{font-size:var(--font-size-sm);color:#fff9;transition:color .15s ease}.footer-column a[data-v-9c3be2dc]:hover{color:var(--primary)}.footer-bottom[data-v-9c3be2dc]{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1)}.footer-copyright p[data-v-9c3be2dc]{font-size:var(--font-size-xs);color:#ffffff80}.toast-container[data-v-f025e3db]{position:fixed;top:100px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast[data-v-f025e3db]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;pointer-events:auto;min-width:280px;max-width:400px}.toast.success[data-v-f025e3db]{border-left:4px solid var(--success)}.toast.success .toast-icon[data-v-f025e3db]{color:var(--success)}.toast.error[data-v-f025e3db]{border-left:4px solid var(--error)}.toast.error .toast-icon[data-v-f025e3db]{color:var(--error)}.toast.warning[data-v-f025e3db]{border-left:4px solid #f59e0b}.toast.warning .toast-icon[data-v-f025e3db]{color:#f59e0b}.toast.info[data-v-f025e3db]{border-left:4px solid var(--primary)}.toast.info .toast-icon[data-v-f025e3db]{color:var(--primary)}.toast-message[data-v-f025e3db]{flex:1;font-size:var(--font-size-sm);color:var(--text)}.toast-close[data-v-f025e3db]{color:var(--text-muted);padding:4px;border-radius:var(--radius-sm);transition:all .15s ease}.toast-close[data-v-f025e3db]:hover{background:var(--bg-secondary);color:var(--text)}.toast-enter-active[data-v-f025e3db]{animation:slideIn-f025e3db .3s ease}.toast-leave-active[data-v-f025e3db]{animation:slideOut-f025e3db .3s ease}@keyframes slideIn-f025e3db{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-f025e3db{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:480px){.toast-container[data-v-f025e3db]{left:16px;right:16px;top:auto;bottom:100px}.toast[data-v-f025e3db]{min-width:auto;max-width:none}}.offline-indicator[data-v-74a8e06a]{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--error);color:#fff;font-size:var(--font-size-sm);font-weight:500}.slide-down-enter-active[data-v-74a8e06a],.slide-down-leave-active[data-v-74a8e06a]{transition:transform .3s ease}.slide-down-enter-from[data-v-74a8e06a],.slide-down-leave-to[data-v-74a8e06a]{transform:translateY(-100%)}.app[data-v-8839405c]{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.main[data-v-8839405c]{flex:1}.back-to-top[data-v-8839405c]{position:fixed;bottom:80px;right:20px;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .2s ease;z-index:90}.back-to-top[data-v-8839405c]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.fade-up-enter-active[data-v-8839405c],.fade-up-leave-active[data-v-8839405c]{transition:all .3s ease}.fade-up-enter-from[data-v-8839405c],.fade-up-leave-to[data-v-8839405c]{opacity:0;transform:translateY(20px)}@media(max-width:768px){.back-to-top[data-v-8839405c]{bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 16px);right:16px;width:44px;height:44px}}@media(max-width:374px){.back-to-top[data-v-8839405c]{width:40px;height:40px;right:12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #228BE6;--primary-hover: #1971C2;--primary-light: #E7F5FF;--primary-dark: #1864AB;--accent: #FD7E14;--accent-light: #FFF4E6;--success: #40C057;--warning: #FAB005;--error: #FA5252;--gray-50: #F8F9FA;--gray-100: #F1F3F5;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #ADB5BD;--gray-600: #868E96;--gray-700: #495057;--gray-800: #343A40;--gray-900: #212529;--bg: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--bg-dark: #212529;--text: #212529;--text-secondary: #495057;--text-muted: #868E96;--text-light: #FFFFFF;--border: #DEE2E6;--border-dark: #CED4DA;--card-shadow: 0 1px 2px rgba(0,0,0,.06);--card-hover-shadow: 0 2px 8px rgba(0,0,0,.1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--font-sans: "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.75rem;--max-width: 1200px;--sidebar-width: 260px;--header-height: 48px;--bottom-nav-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media(prefers-color-scheme:dark){:root:not(.light){--bg: #1A1D2E;--bg-secondary: #212538;--bg-tertiary: #282D44;--bg-dark: #12141F;--text: #E9ECEF;--text-secondary: #ADB5BD;--text-muted: #6C757D;--text-light: #FFFFFF;--border: #343A50;--border-dark: #3D4358;--card-shadow: 0 1px 2px rgba(0,0,0,.2);--card-hover-shadow: 0 2px 8px rgba(0,0,0,.3);--primary-light: rgba(34, 139, 230, .15);--accent-light: rgba(253, 126, 20, .15);--gray-50: #212538;--gray-100: #282D44;--gray-200: #343A50;--gray-300: #3D4358}}:root.dark{--bg: #1A1D2E;--bg-secondary: #212538;--bg-tertiary: #282D44;--bg-dark: #12141F;--text: #E9ECEF;--text-secondary: #ADB5BD;--text-muted: #6C757D;--text-light: #FFFFFF;--border: #343A50;--border-dark: #3D4358;--card-shadow: 0 1px 2px rgba(0,0,0,.2);--card-hover-shadow: 0 2px 8px rgba(0,0,0,.3);--primary-light: rgba(34, 139, 230, .15);--accent-light: rgba(253, 126, 20, .15);--gray-50: #212538;--gray-100: #282D44;--gray-200: #343A50;--gray-300: #3D4358}:root.light{--bg: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--text: #212529;--text-secondary: #495057;--text-muted: #868E96;--border: #DEE2E6;--border-dark: #CED4DA;--card-shadow: 0 1px 2px rgba(0,0,0,.06);--card-hover-shadow: 0 2px 8px rgba(0,0,0,.1);--primary-light: #E7F5FF;--accent-light: #FFF4E6;--gray-50: #F8F9FA;--gray-100: #F1F3F5;--gray-200: #E9ECEF;--gray-300: #DEE2E6}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text);background-color:var(--bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:var(--font-size-base)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius);font-weight:500;font-size:var(--font-size-sm);transition:all .15s ease;white-space:nowrap;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-dark)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{opacity:.9}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--gray-100);color:var(--text)}.btn-sm{padding:3px 8px;font-size:var(--font-size-xs)}.btn-lg{padding:10px 20px;font-size:var(--font-size-base)}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:500;line-height:1.4;background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border)}.badge-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.badge-accent{background:var(--accent-light);color:var(--accent);border-color:transparent}.badge-success{background:#ebfbee;color:var(--success);border-color:transparent}:root.dark .badge-success{background:#40c05726}.badge-muted{background:var(--gray-50);color:var(--text-muted);border-color:transparent}.badge-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.badge-commitment-pro,.badge-commitment-semi_pro,.badge-commitment-serious_hobby,.badge-commitment-casual_hobby,.badge-commitment-flexible{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border)}.card{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary);opacity:0;transition:opacity .15s ease}.card-hover{transition:all .15s ease;cursor:pointer}.card-hover:hover{border-color:var(--primary);box-shadow:var(--card-hover-shadow)}.card-hover:hover:before{opacity:1}.card-pop{background:var(--bg)}.card-accent{border-left:3px solid var(--primary)}.card-featured{border:2px solid var(--primary)}.card-gradient{background:var(--bg);border:none}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.tag{display:inline-flex;padding:2px 8px;background:var(--gray-100);border-radius:var(--radius);font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--border)}.avatar{border-radius:50%;object-fit:cover;background:var(--gray-100);flex-shrink:0}.avatar-sm{width:28px;height:28px}.avatar-md{width:36px;height:36px}.avatar-lg{width:44px;height:44px}.avatar-xl{width:56px;height:56px}.avatar-2xl{width:72px;height:72px}.avatar-indicator{position:relative;display:inline-block}.avatar-indicator:after{position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.avatar-user:after{content:"";background:var(--primary);width:8px;height:8px;border-radius:50%}.avatar-band:after{content:"";background:var(--accent);width:8px;height:8px;border-radius:2px}.type-label{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--radius);font-size:10px;font-weight:600;letter-spacing:.02em}.type-label-user{background:var(--primary);color:#fff}.type-label-band{background:var(--accent);color:#fff}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--font-size-base);transition:border-color .15s ease}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23868E96' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.section-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-3)}.section-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3)}.type-member_wanted,.type-band_wanted,.type-tora{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border)}.tora-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:var(--accent-light);color:var(--accent-hover);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:600;border:1px solid transparent}:root.dark .tora-badge{color:var(--accent)}.tora-badge:before{content:"";display:inline-block;width:12px;height:12px;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");-webkit-mask-size:contain}.tora-details{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-3)}.tora-details-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.tora-details-item:last-child{margin-bottom:0}.tora-details-icon{width:16px;height:16px;color:var(--text-muted)}.tora-fee{font-size:var(--font-size-lg);font-weight:700;color:var(--accent)}.tora-date{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 6px;background:var(--accent-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--accent-hover);font-weight:500}:root.dark .tora-date{color:var(--accent)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.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)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.link{color:var(--primary);text-decoration:none}.link:hover{text-decoration:underline}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.glass{background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border)}:root.dark .glass{background:#212538cc}.gradient-primary{background:var(--primary)}.gradient-accent{background:var(--accent)}.gradient-dark{background:var(--bg-dark)}.gradient-mesh{background:var(--bg-secondary)}.shadow-glow{box-shadow:var(--shadow-md)}.shadow-elegant{box-shadow:var(--shadow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:fadeIn .2s ease}.animate-fade-in-up{animation:fadeInUp .25s ease}.animate-fade-in-down{animation:fadeInDown .25s ease}.animate-scale-in{animation:scaleIn .2s ease}.animate-slide-in-right{animation:slideInRight .2s ease}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-avatar{width:36px;height:36px;border-radius:50%}.skeleton-card{height:200px}.interactive{transition:all .15s ease;cursor:pointer}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:translateY(0)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-light);opacity:0;transition:opacity .15s ease;pointer-events:none}.spotlight:hover:before{opacity:.5}.border-gradient{position:relative;background:var(--bg);border-radius:var(--radius-lg)}.border-gradient:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--primary),var(--accent));z-index:-1}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-6px);padding:4px 8px;background:var(--bg-dark);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius);white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;z-index:1000}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.progress-bar{width:100%;height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-online{background:var(--success)}.status-offline{background:var(--gray-400)}.status-busy{background:var(--warning)}.status-away{background:var(--accent)}.heading-display{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.02em}.heading-hero{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.25;letter-spacing:-.01em}.text-balance{text-wrap:balance}.btn-premium{background:var(--accent);color:#fff;border:none;font-weight:600}.btn-premium:hover{opacity:.9}.btn-gradient{background:var(--primary);color:#fff;border:none}.btn-gradient:hover{background:var(--primary-hover)}.scroll-indicator{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--gray-200);z-index:9999}.scroll-indicator-bar{height:100%;background:var(--primary);transition:width .1s ease}.trust-badge-group{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted)}.trust-badge svg{color:var(--primary)}@keyframes notification-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notification-badge{animation:notification-bounce .4s ease}.img-hover-zoom{overflow:hidden}.img-hover-zoom img{transition:transform .3s ease}.img-hover-zoom:hover img{transform:scale(1.03)}.img-hover-brightness{overflow:hidden}.img-hover-brightness img{transition:filter .3s ease}.img-hover-brightness:hover img{filter:brightness(1.05)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.sticky-offset{scroll-margin-top:calc(var(--header-height) + var(--space-6))}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.card{box-shadow:none;border:1px solid #ddd}}@media(max-width:374px){:root{--space-4: 12px;--space-6: 16px}.container{padding:0 var(--space-3)}.btn{padding:6px 10px;font-size:var(--font-size-xs)}.card{border-radius:var(--radius)}.badge{padding:1px 6px;font-size:10px}}@media(min-width:375px)and (max-width:480px){.container{padding:0 var(--space-3)}}@media(min-width:481px)and (max-width:640px){.container{padding:0 var(--space-4)}}@media(min-width:641px)and (max-width:768px){.container{padding:0 var(--space-5)}}.hidden-mobile{display:none}@media(min-width:768px){.hidden-mobile{display:block}.hidden-desktop{display:none}}@media(max-width:640px){.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:items-stretch{align-items:stretch}.sm\:w-full{width:100%}.sm\:gap-2{gap:var(--space-2)}.sm\:gap-3{gap:var(--space-3)}.sm\:p-3{padding:var(--space-3)}.sm\:p-4{padding:var(--space-4)}.sm\:px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.sm\:py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.sm\:mb-3{margin-bottom:var(--space-3)}.sm\:mt-3{margin-top:var(--space-3)}}@media(max-width:480px){.xs\:grid-cols-1{grid-template-columns:1fr}}@media(min-width:481px)and (max-width:640px){.sm\:grid-cols-1{grid-template-columns:1fr}}@media(max-width:768px){.btn,.interactive,a.card-hover{min-height:44px}.form-input,.form-select,.form-textarea{min-height:44px;padding:10px}}.overflow-x-hidden{overflow-x:hidden}.pt-safe{padding-top:var(--safe-top)}.pb-safe{padding-bottom:var(--safe-bottom)}.pl-safe{padding-left:var(--safe-left)}.pr-safe{padding-right:var(--safe-right)}.p-safe{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.avatar-xl{width:48px;height:48px}.avatar-2xl{width:56px;height:56px}}@media(max-width:480px){.card{border-radius:var(--radius)}.p-6{padding:var(--space-4)}}@media(max-width:768px){.scroll-hide-mobile::-webkit-scrollbar{display:none}.scroll-hide-mobile{-ms-overflow-style:none;scrollbar-width:none}}