@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.snb{position:sticky;top:0;z-index:200;width:100%;background:var(--color-surface);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000a;font-family:var(--font-sans)}.snb-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:8px}.snb-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.snb-logo-img{width:30px;height:30px;border-radius:8px;object-fit:cover}.snb-logo-text{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.snb-desktop-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.snb-link{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.snb-link:hover{background:var(--color-bg);color:var(--text-primary)}.snb-link svg{flex-shrink:0}.snb-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:all var(--transition-fast);white-space:nowrap;font-family:inherit}.snb-btn--primary{background:var(--blue-600);color:#fff}.snb-btn--primary:hover{background:var(--blue-700)}.snb-btn--ghost{background:transparent;color:var(--text-tertiary);border:1px solid var(--border-light)}.snb-btn--ghost:hover{background:var(--color-bg);color:var(--text-primary);border-color:var(--border-medium)}.snb-btn--find{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100)}.snb-btn--find:hover{background:var(--blue-100);border-color:var(--blue-400)}.snb-user-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--border-light);font-size:.82rem;font-weight:500;color:var(--text-secondary)}.snb-hamburger{display:none;margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.snb-hamburger:hover{background:var(--color-bg)}.snb-hamburger-left{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;margin-right:4px;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.snb-hamburger-left:hover{background:var(--color-bg);color:var(--text-primary)}.snb--room{position:sticky;top:0;z-index:200}.snb-room-inner{max-width:100%;padding:0 20px;height:60px;display:flex;align-items:center;gap:16px}.snb-room-center{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.snb-room-partner{display:flex;align-items:center;gap:8px}.snb-room-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--blue-100);color:var(--blue-600);font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}.snb-room-partner-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.snb-room-status{display:flex;align-items:center;gap:6px}.snb-room-dot{width:8px;height:8px;border-radius:50%;background:var(--border-medium);flex-shrink:0}.snb-room-dot--on{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.snb-room-status-text{font-size:.78rem;color:var(--text-tertiary)}.snb-room-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.snb-room-greeting{font-size:.82rem;color:var(--text-tertiary);white-space:nowrap}.snb-room-leave{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.snb-room-leave:hover{background:#fee2e2}.snb-drawer-overlay{position:fixed;inset:0;background:#0f172a80;z-index:500;animation:snb-fade-in .15s ease-out}@keyframes snb-fade-in{0%{opacity:0}to{opacity:1}}.snb-drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);background:var(--color-surface);display:flex;flex-direction:column;box-shadow:4px 0 24px #0000001f;animation:snb-slide-in .2s cubic-bezier(.16,1,.3,1)}@keyframes snb-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.snb-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-light)}.snb-drawer-logo{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary)}.snb-drawer-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.snb-drawer-close:hover{color:var(--text-primary)}.snb-drawer-user{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-light);background:var(--color-bg)}.snb-drawer-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--blue-100);color:var(--blue-600);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.snb-drawer-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.snb-drawer-email{font-size:.75rem;color:var(--text-muted);margin-top:2px}.snb-drawer-nav{display:flex;flex-direction:column;padding:12px 10px;flex:1;gap:2px}.snb-drawer-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;transition:background var(--transition-fast),color var(--transition-fast)}.snb-drawer-item:hover{background:var(--color-bg);color:var(--text-primary)}.snb-drawer-item--highlight{background:var(--blue-50);color:var(--blue-600);font-weight:600}.snb-drawer-item--highlight:hover{background:var(--blue-100)}.snb-drawer-item--logout{color:#dc2626}.snb-drawer-item--logout:hover{background:#fef2f2}.snb-drawer-footer{padding:12px 10px;border-top:1px solid var(--border-light)}@media(max-width:768px){.snb-desktop-actions{display:none}.snb-hamburger{display:flex;align-items:center}.snb-inner{padding:0 16px}.snb-room-inner{padding:0 14px;gap:10px}.snb-room-partner-name,.snb-room-status-text,.snb-room-greeting,.snb-room-leave span{display:none}.snb-room-leave{padding:8px 10px}.snb-room-center{justify-content:flex-start}}@media(max-width:480px){.snb-logo-text,.snb-room-center{display:none}}.sb-drawer-overlay{position:fixed;inset:0;background-color:#0f172a66;z-index:1040;opacity:0;pointer-events:none;transition:opacity .3s ease}.sb-drawer-overlay.is-active{opacity:1;pointer-events:auto}.sb-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background-color:#fff;z-index:1050;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:4px 0 24px #0000001a;overflow-y:auto;will-change:transform}.sb-drawer.is-active{transform:translate(0)}.sb-drawer-header{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f5f9}.sb-drawer-logo{width:32px;height:32px;object-fit:contain}.sb-drawer-title{font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.sb-drawer-profile{padding:20px 24px;display:flex;align-items:center;gap:12px}.sb-drawer-avatar{width:48px;height:48px;border-radius:12px;background:#eff6ff;color:#2563eb;font-weight:600;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border:1px solid #dbeafe}.sb-drawer-user-info{display:flex;flex-direction:column}.sb-drawer-name{font-weight:600;color:#1e293b;font-size:.95rem}.sb-drawer-email{font-size:.8rem;color:#64748b;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-drawer-nav{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1}.sb-drawer-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;padding:8px 12px;letter-spacing:.05em}.sb-drawer-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:#475569;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease}.sb-drawer-item:hover{background-color:#f8fafc;color:#0f172a}.sb-drawer-item.is-current{background-color:#eff6ff;color:#2563eb}.sb-drawer-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px}.sb-drawer-footer{padding:24px;border-top:1px solid #f1f5f9}.sb-drawer-logout{width:100%;padding:12px;display:flex;align-items:center;gap:12px;background:transparent;border:none;border-radius:8px;color:#64748b;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.sb-drawer-logout:hover{background-color:#fef2f2;color:#dc2626}:root{--ld-bg: #F8FAFC;--ld-surface: #FFFFFF;--ld-subtle: #F1F5F9;--ld-border: #E5E7EB;--ld-border-strong: #D1D5DB;--ld-primary: #2563EB;--ld-primary-dark: #1D4ED8;--ld-primary-soft: #DBEAFE;--ld-accent: #F59E0B;--ld-accent-soft: #FEF3C7;--ld-text-primary: #0F172A;--ld-text-secondary: #334155;--ld-text-tertiary: #64748B;--ld-text-muted: #94A3B8;--ld-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--ld-shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--ld-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .05);--ld-radius-sm: 6px;--ld-radius-md: 8px;--ld-radius-lg: 12px;--ld-radius-xl: 16px;--ld-radius-full: 9999px;--ld-space-1: 4px;--ld-space-2: 8px;--ld-space-3: 12px;--ld-space-4: 16px;--ld-space-5: 20px;--ld-space-6: 24px;--ld-space-8: 32px;--ld-space-10: 40px;--ld-space-12: 48px;--ld-space-16: 64px;--ld-space-20: 80px;--ld-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ld-transition-fast: .15s ease;--ld-transition-base: .25s ease}body{font-family:var(--ld-font);background:var(--ld-bg);color:var(--ld-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.ld-root{min-height:100vh}.ld-main{flex:1;overflow-y:auto}.ld-main section{max-width:1200px;margin:0 auto;padding:var(--ld-space-16) var(--ld-space-6)}.ld-hero{padding-top:var(--ld-space-12)}.ld-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ld-space-16);align-items:center}.ld-hero-tagline{display:inline-flex;align-items:center;gap:var(--ld-space-2);padding:var(--ld-space-1) var(--ld-space-3);background:var(--ld-primary-soft);color:var(--ld-primary);border-radius:var(--ld-radius-full);font-size:.85rem;font-weight:500;margin-bottom:var(--ld-space-4)}.ld-hero-title{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ld-text-primary);margin-bottom:var(--ld-space-4)}.ld-hero-description{font-size:1.1rem;color:var(--ld-text-secondary);margin-bottom:var(--ld-space-8);max-width:500px}.ld-hero-actions{display:flex;gap:var(--ld-space-4);align-items:center;flex-wrap:wrap}.ld-btn{display:inline-flex;align-items:center;gap:var(--ld-space-2);padding:var(--ld-space-3) var(--ld-space-6);border-radius:var(--ld-radius-md);font-size:1rem;font-weight:500;text-decoration:none;transition:all var(--ld-transition-fast)}.ld-btn-primary{background:var(--ld-primary);color:#fff}.ld-btn-primary:hover{background:var(--ld-primary-dark);transform:translateY(-2px);box-shadow:var(--ld-shadow-lg)}.ld-btn-secondary{background:transparent;color:var(--ld-text-secondary);border:1px solid var(--ld-border-strong)}.ld-btn-secondary:hover{border-color:var(--ld-primary);color:var(--ld-primary);transform:translateY(-2px);box-shadow:var(--ld-shadow-sm)}.ld-hero-visual{display:flex;justify-content:center}.ld-preview-card{width:100%;max-width:400px;background:var(--ld-surface);border:1px solid var(--ld-border);border-radius:var(--ld-radius-lg);box-shadow:var(--ld-shadow-lg);overflow:hidden}.ld-preview-header{padding:var(--ld-space-4);border-bottom:1px solid var(--ld-border)}.ld-preview-dots{display:flex;gap:var(--ld-space-2)}.ld-preview-dots span{width:12px;height:12px;border-radius:var(--ld-radius-full);background:var(--ld-border-strong)}.ld-preview-dots span:first-child{background:#ef4444}.ld-preview-dots span:nth-child(2){background:var(--ld-accent)}.ld-preview-dots span:last-child{background:#10b981}.ld-preview-body{padding:var(--ld-space-8)}.ld-preview-users{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ld-space-6)}.ld-preview-user{display:flex;flex-direction:column;align-items:center;gap:var(--ld-space-2)}.ld-user-avatar{width:60px;height:60px;background:var(--ld-primary-soft);border:2px solid var(--ld-primary);border-radius:var(--ld-radius-full);display:flex;align-items:center;justify-content:center;color:var(--ld-primary);font-weight:600;font-size:1.5rem}.ld-preview-user--partner .ld-user-avatar{background:var(--ld-accent-soft);border-color:var(--ld-accent);color:var(--ld-accent)}.ld-user-label{font-size:.85rem;color:var(--ld-text-tertiary)}.ld-preview-connection{display:flex;gap:var(--ld-space-2)}.ld-connection-dot{width:8px;height:8px;background:var(--ld-primary);border-radius:var(--ld-radius-full);animation:ld-pulse 1.5s ease-in-out infinite}.ld-connection-dot:nth-child(2){animation-delay:.2s}.ld-connection-dot:nth-child(3){animation-delay:.4s}@keyframes ld-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:1;background:var(--ld-accent)}}.ld-preview-badge{text-align:center;padding:var(--ld-space-3);background:var(--ld-subtle);border-radius:var(--ld-radius-full);color:var(--ld-text-secondary);font-size:.9rem}.ld-how-it-works{background:var(--ld-surface)}.ld-section-header{text-align:center;margin-bottom:var(--ld-space-12)}.ld-section-title{font-size:2rem;font-weight:700;color:var(--ld-text-primary);margin-bottom:var(--ld-space-2)}.ld-section-subtitle{font-size:1.1rem;color:var(--ld-text-tertiary)}.ld-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ld-space-6)}.ld-step-card{text-align:center;padding:var(--ld-space-8);background:var(--ld-surface);border:1px solid var(--ld-border);border-radius:var(--ld-radius-lg);transition:all var(--ld-transition-base);position:relative}.ld-step-card:hover{transform:translateY(-4px);box-shadow:var(--ld-shadow-lg);border-color:var(--ld-primary-soft)}.ld-step-number{position:absolute;top:var(--ld-space-4);left:var(--ld-space-4);font-size:.85rem;font-weight:600;color:var(--ld-text-tertiary);background:var(--ld-subtle);padding:2px var(--ld-space-3);border-radius:var(--ld-radius-full)}.ld-step-icon{width:64px;height:64px;margin:0 auto var(--ld-space-4);background:var(--ld-primary-soft);border-radius:var(--ld-radius-full);display:flex;align-items:center;justify-content:center;color:var(--ld-primary)}.ld-step-title{font-size:1.25rem;font-weight:600;color:var(--ld-text-primary);margin-bottom:var(--ld-space-3)}.ld-step-description{color:var(--ld-text-tertiary);font-size:.95rem;line-height:1.6}.ld-product-preview{background:var(--ld-subtle)}.ld-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ld-space-6)}.ld-product-card{background:var(--ld-surface);border:1px solid var(--ld-border);border-radius:var(--ld-radius-lg);overflow:hidden;box-shadow:var(--ld-shadow-md)}.ld-card-header{padding:var(--ld-space-4) var(--ld-space-6);border-bottom:1px solid var(--ld-border);display:flex;align-items:center;justify-content:space-between}.ld-card-header-left{display:flex;align-items:center;gap:var(--ld-space-2);color:var(--ld-text-secondary);font-weight:500;font-size:.95rem}.ld-card-badge{padding:2px var(--ld-space-3);background:var(--ld-primary-soft);color:var(--ld-primary);border-radius:var(--ld-radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase}.ld-card-content{padding:var(--ld-space-6)}.ld-mock-match{display:flex;flex-direction:column;gap:var(--ld-space-6)}.ld-mock-queue{display:flex;gap:var(--ld-space-2)}.ld-queue-dot{width:32px;height:32px;background:var(--ld-border);border-radius:var(--ld-radius-full);transition:all var(--ld-transition-fast)}.ld-queue-dot--active{background:var(--ld-primary);transform:scale(1.1)}.ld-mock-search{display:flex;flex-direction:column;gap:var(--ld-space-2)}.ld-search-text{font-size:.85rem;color:var(--ld-text-tertiary)}.ld-search-bar{width:100%;height:4px;background:var(--ld-border);border-radius:var(--ld-radius-full);overflow:hidden}.ld-search-progress{width:60%;height:100%;background:var(--ld-primary);border-radius:var(--ld-radius-full);animation:ld-progress 2s ease-in-out infinite}@keyframes ld-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ld-mock-match-found{display:flex;align-items:center;gap:var(--ld-space-2);padding:var(--ld-space-3);background:var(--ld-primary-soft);border-radius:var(--ld-radius-full);color:var(--ld-primary);font-size:.85rem}.ld-mock-session{display:flex;flex-direction:column;gap:var(--ld-space-6)}.ld-mock-video-grid{display:flex;gap:var(--ld-space-2)}.ld-video-box{background:var(--ld-subtle);border-radius:var(--ld-radius-md);aspect-ratio:16/9}.ld-video-box--main{flex:3}.ld-video-box--small{flex:1}.ld-mock-chat{padding:var(--ld-space-4);background:var(--ld-subtle);border-radius:var(--ld-radius-md)}.ld-chat-message{display:flex;gap:var(--ld-space-2);align-items:center}.ld-message-avatar{width:32px;height:32px;background:var(--ld-primary);border-radius:var(--ld-radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.ld-message-content{flex:1}.ld-message-name{font-size:.85rem;font-weight:600;color:var(--ld-text-primary);margin-bottom:2px}.ld-message-text{font-size:.85rem;color:var(--ld-text-tertiary)}.ld-cta{padding:var(--ld-space-16) var(--ld-space-6)}.ld-cta-card{max-width:600px;margin:0 auto;text-align:center;padding:var(--ld-space-12);background:var(--ld-surface);border:1px solid var(--ld-border);border-radius:var(--ld-radius-xl);box-shadow:var(--ld-shadow-lg)}.ld-cta-title{font-size:2rem;font-weight:700;color:var(--ld-text-primary);margin-bottom:var(--ld-space-3)}.ld-cta-description{font-size:1.1rem;color:var(--ld-text-tertiary);margin-bottom:var(--ld-space-8)}.ld-cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--ld-space-6)}.ld-btn-large{padding:var(--ld-space-4) var(--ld-space-8);font-size:1.1rem}.ld-btn-link{color:var(--ld-text-tertiary);text-decoration:none;font-size:1rem;transition:color var(--ld-transition-fast)}.ld-btn-link:hover{color:var(--ld-primary)}.ld-footer{padding:var(--ld-space-6);border-top:1px solid var(--ld-border)}.ld-footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ld-space-4)}.ld-footer-brand{display:flex;align-items:center;gap:var(--ld-space-2);color:var(--ld-text-tertiary);font-size:.95rem}.ld-footer-links{display:flex;gap:var(--ld-space-8)}.ld-footer-links a{color:var(--ld-text-tertiary);text-decoration:none;font-size:.9rem;transition:color var(--ld-transition-fast)}.ld-footer-links a:hover{color:var(--ld-primary)}.ld-footer-copyright{color:var(--ld-text-tertiary);font-size:.9rem}@media(max-width:1024px){.ld-main section{padding:var(--ld-space-12) var(--ld-space-5)}.ld-hero-grid{gap:var(--ld-space-8)}}@media(max-width:768px){.ld-hero-grid{grid-template-columns:1fr;text-align:center}.ld-hero-description{margin-left:auto;margin-right:auto}.ld-hero-actions{justify-content:center}.ld-hero-tagline{margin-left:auto;margin-right:auto}.ld-steps-grid{grid-template-columns:1fr;gap:var(--ld-space-4)}.ld-preview-grid{grid-template-columns:1fr}.ld-cta-actions{flex-direction:column}.ld-footer-content{flex-direction:column;text-align:center}.ld-footer-links{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.ld-main section{padding:var(--ld-space-8) var(--ld-space-4)}.ld-hero-title{font-size:1.8rem}.ld-hero-description{font-size:1rem}.ld-nav-actions{gap:var(--ld-space-3)}.ld-nav-link span{display:none}.ld-nav-button{padding:var(--ld-space-2) var(--ld-space-4)}.ld-step-card{padding:var(--ld-space-6)}}:focus-visible{outline:2px solid var(--ld-primary);outline-offset:2px;border-radius:var(--ld-radius-sm)}@keyframes ld-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ld-hero-content{animation:ld-fade-up .6s ease-out}.ld-hero-visual{animation:ld-fade-up .6s ease-out .1s both}:root{--sb-login-bg: #F8FAFC;--sb-login-surface: #FFFFFF;--sb-login-subtle: #F1F5F9;--sb-login-border: #E5E7EB;--sb-login-border-strong: #D1D5DB;--sb-login-primary: #2563EB;--sb-login-primary-dark: #1D4ED8;--sb-login-primary-soft: #DBEAFE;--sb-login-text-primary: #0F172A;--sb-login-text-secondary: #334155;--sb-login-text-tertiary: #64748B;--sb-login-text-muted: #94A3B8;--sb-login-error-bg: #FEF2F2;--sb-login-error-border: #FECACA;--sb-login-error-text: #991B1B;--sb-login-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--sb-login-shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--sb-login-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .05);--sb-login-radius-sm: 6px;--sb-login-radius-md: 8px;--sb-login-radius-lg: 12px;--sb-login-radius-xl: 16px;--sb-login-radius-full: 9999px;--sb-login-space-1: 4px;--sb-login-space-2: 8px;--sb-login-space-3: 12px;--sb-login-space-4: 16px;--sb-login-space-5: 20px;--sb-login-space-6: 24px;--sb-login-space-8: 32px;--sb-login-space-10: 40px;--sb-login-space-12: 48px;--sb-login-space-16: 64px;--sb-login-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--sb-login-transition-fast: .15s ease;--sb-login-transition-base: .25s ease}body{font-family:var(--sb-login-font);background:var(--sb-login-bg);color:var(--sb-login-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.sb-login-page{min-height:100vh;background:var(--sb-login-bg)}.sb-login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.sb-login-side{background:linear-gradient(145deg,#fff,#f8fafc);border-right:1px solid var(--sb-login-border);display:flex;align-items:center;justify-content:center;padding:var(--sb-login-space-12)}.sb-login-side-content{max-width:420px;margin:0 auto}.sb-login-brand{display:flex;align-items:center;gap:var(--sb-login-space-3);margin-bottom:var(--sb-login-space-8)}.sb-login-brand-icon{width:40px;height:40px;background:var(--sb-login-primary);border-radius:var(--sb-login-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #2563eb33}.sb-login-brand-name{font-weight:600;font-size:1.2rem;color:var(--sb-login-text-primary)}.sb-login-side-title{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--sb-login-text-primary);margin-bottom:var(--sb-login-space-8)}.sb-login-features{display:flex;flex-direction:column;gap:var(--sb-login-space-4);margin-bottom:var(--sb-login-space-12)}.sb-login-feature{display:flex;align-items:center;gap:var(--sb-login-space-3)}.sb-login-feature-icon{width:32px;height:32px;background:var(--sb-login-primary-soft);border-radius:var(--sb-login-radius-full);display:flex;align-items:center;justify-content:center;color:var(--sb-login-primary)}.sb-login-feature-text{font-size:.95rem;color:var(--sb-login-text-secondary)}.sb-login-quote{padding:var(--sb-login-space-6);background:var(--sb-login-surface);border:1px solid var(--sb-login-border);border-radius:var(--sb-login-radius-lg);font-size:.95rem;color:var(--sb-login-text-secondary);line-height:1.6;box-shadow:var(--sb-login-shadow-sm)}.sb-login-quote-author{margin-top:var(--sb-login-space-3);font-size:.85rem;color:var(--sb-login-text-tertiary);font-style:normal}.sb-login-form-side{display:flex;align-items:center;justify-content:center;padding:var(--sb-login-space-6);background:var(--sb-login-bg)}.sb-login-form-container{width:100%;max-width:420px}.sb-login-card{background:var(--sb-login-surface);border:1px solid var(--sb-login-border);border-radius:var(--sb-login-radius-xl);padding:var(--sb-login-space-8);box-shadow:var(--sb-login-shadow-lg);margin-bottom:var(--sb-login-space-6)}.sb-login-card-header{text-align:center;margin-bottom:var(--sb-login-space-6)}.sb-login-title{font-size:1.5rem;font-weight:700;color:var(--sb-login-text-primary);margin-bottom:var(--sb-login-space-1)}.sb-login-subtitle{font-size:.95rem;color:var(--sb-login-text-tertiary)}.sb-login-error{padding:var(--sb-login-space-3);background:var(--sb-login-error-bg);border:1px solid var(--sb-login-error-border);border-radius:var(--sb-login-radius-md);color:var(--sb-login-error-text);font-size:.9rem;margin-bottom:var(--sb-login-space-4)}.sb-login-form{display:flex;flex-direction:column;gap:var(--sb-login-space-4)}.sb-login-field{display:flex;flex-direction:column;gap:var(--sb-login-space-2)}.sb-login-label{font-size:.9rem;font-weight:500;color:var(--sb-login-text-secondary)}.sb-login-input{width:100%;height:44px;padding:0 var(--sb-login-space-4);background:var(--sb-login-surface);border:1px solid var(--sb-login-border);border-radius:var(--sb-login-radius-md);font-size:.95rem;color:var(--sb-login-text-primary);transition:all var(--sb-login-transition-fast)}.sb-login-input:focus{outline:none;border-color:var(--sb-login-primary);box-shadow:0 0 0 3px var(--sb-login-primary-soft)}.sb-login-input::placeholder{color:var(--sb-login-text-muted)}.sb-login-password-wrapper{position:relative}.sb-login-password-input{padding-right:44px}.sb-login-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--sb-login-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--sb-login-transition-fast)}.sb-login-password-toggle:hover{color:var(--sb-login-primary)}.sb-login-password-toggle:focus-visible{outline:2px solid var(--sb-login-primary);outline-offset:2px;border-radius:var(--sb-login-radius-sm)}.sb-login-button{width:100%;height:44px;background:var(--sb-login-primary);color:#fff;border:none;border-radius:var(--sb-login-radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--sb-login-transition-fast);margin-top:var(--sb-login-space-2)}.sb-login-button:hover:not(:disabled){background:var(--sb-login-primary-dark);transform:translateY(-1px);box-shadow:var(--sb-login-shadow-md)}.sb-login-button:disabled{opacity:.6;cursor:not-allowed}.sb-login-button-loading{display:flex;align-items:center;justify-content:center;gap:var(--sb-login-space-2)}.sb-login-spinner{width:18px;height:18px;animation:sb-login-spin 1s linear infinite}.sb-login-spinner-circle{stroke:currentColor;stroke-linecap:round;animation:sb-login-dash 1.5s ease-in-out infinite}@keyframes sb-login-spin{to{transform:rotate(360deg)}}@keyframes sb-login-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.sb-login-footer{text-align:center;font-size:.95rem;color:var(--sb-login-text-tertiary)}.sb-login-link{color:var(--sb-login-primary);text-decoration:none;font-weight:500;transition:color var(--sb-login-transition-fast)}.sb-login-link:hover{color:var(--sb-login-primary-dark);text-decoration:underline}@media(max-width:1024px){.sb-login-side-title{font-size:1.8rem}}@media(max-width:768px){.sb-login-layout{grid-template-columns:1fr}.sb-login-side{display:none}.sb-login-form-side{padding:var(--sb-login-space-4)}.sb-login-card{padding:var(--sb-login-space-6)}}@media(max-width:480px){.sb-login-card{padding:var(--sb-login-space-5)}.sb-login-title{font-size:1.3rem}.sb-login-subtitle{font-size:.9rem}.sb-login-input,.sb-login-button{height:42px}}:focus-visible{outline:2px solid var(--sb-login-primary);outline-offset:2px;border-radius:var(--sb-login-radius-sm)}@media(prefers-contrast:high){.sb-login-button{border:2px solid black}}@keyframes sb-login-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sb-login-card{animation:sb-login-fade-up .4s ease-out}.sb-login-side-content{animation:sb-login-fade-up .4s ease-out .1s both}.sb-login-success,.sb-login-error-inline{width:100%;padding:var(--sb-login-space-3) var(--sb-login-space-4);border-radius:var(--sb-login-radius-md);margin-bottom:var(--sb-login-space-4);display:flex;align-items:center;gap:var(--sb-login-space-3);font-size:.9rem;line-height:1.5}.sb-login-success{background:#f0fdf4;border:1px solid #BBF7D0;color:#166534}.sb-login-error-inline{background:var(--sb-login-error-bg);border:1px solid var(--sb-login-error-border);color:var(--sb-login-error-text)}.sb-login-success svg,.sb-login-error-inline svg{flex-shrink:0;color:currentColor;opacity:.9}:root{--sb-signup-bg: #F8FAFC;--sb-signup-surface: #FFFFFF;--sb-signup-subtle: #F1F5F9;--sb-signup-border: #E5E7EB;--sb-signup-border-strong: #D1D5DB;--sb-signup-primary: #2563EB;--sb-signup-primary-dark: #1D4ED8;--sb-signup-primary-soft: #DBEAFE;--sb-signup-text-primary: #0F172A;--sb-signup-text-secondary: #334155;--sb-signup-text-tertiary: #64748B;--sb-signup-text-muted: #94A3B8;--sb-signup-error-bg: #FEF2F2;--sb-signup-error-border: #FECACA;--sb-signup-error-text: #991B1B;--sb-signup-success-bg: #F0FDF4;--sb-signup-success-border: #BBF7D0;--sb-signup-success-text: #166534;--sb-signup-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--sb-signup-shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--sb-signup-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .05);--sb-signup-radius-sm: 6px;--sb-signup-radius-md: 8px;--sb-signup-radius-lg: 12px;--sb-signup-radius-xl: 16px;--sb-signup-radius-full: 9999px;--sb-signup-space-1: 4px;--sb-signup-space-2: 8px;--sb-signup-space-3: 12px;--sb-signup-space-4: 16px;--sb-signup-space-5: 20px;--sb-signup-space-6: 24px;--sb-signup-space-8: 32px;--sb-signup-space-10: 40px;--sb-signup-space-12: 48px;--sb-signup-space-16: 64px;--sb-signup-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--sb-signup-transition-fast: .15s ease;--sb-signup-transition-base: .25s ease}body{font-family:var(--sb-signup-font);background:var(--sb-signup-bg);color:var(--sb-signup-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.sb-signup-page{min-height:100vh;background:var(--sb-signup-bg)}.sb-signup-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.sb-signup-side{background:linear-gradient(145deg,#fff,#f8fafc);border-right:1px solid var(--sb-signup-border);display:flex;align-items:center;justify-content:center;padding:var(--sb-signup-space-12)}.sb-signup-side-content{max-width:420px;margin:0 auto}.sb-signup-brand{display:flex;align-items:center;gap:var(--sb-signup-space-3);margin-bottom:var(--sb-signup-space-8)}.sb-signup-brand-icon{width:40px;height:40px;background:var(--sb-signup-primary);border-radius:var(--sb-signup-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #2563eb33}.sb-signup-brand-name{font-weight:600;font-size:1.2rem;color:var(--sb-signup-text-primary)}.sb-signup-side-title{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--sb-signup-text-primary);margin-bottom:var(--sb-signup-space-8)}.sb-signup-features{display:flex;flex-direction:column;gap:var(--sb-signup-space-4);margin-bottom:var(--sb-signup-space-12)}.sb-signup-feature{display:flex;align-items:center;gap:var(--sb-signup-space-3)}.sb-signup-feature-icon{width:32px;height:32px;background:var(--sb-signup-primary-soft);border-radius:var(--sb-signup-radius-full);display:flex;align-items:center;justify-content:center;color:var(--sb-signup-primary)}.sb-signup-feature-text{font-size:.95rem;color:var(--sb-signup-text-secondary)}.sb-signup-quote{padding:var(--sb-signup-space-6);background:var(--sb-signup-surface);border:1px solid var(--sb-signup-border);border-radius:var(--sb-signup-radius-lg);font-size:.95rem;color:var(--sb-signup-text-secondary);line-height:1.6;box-shadow:var(--sb-signup-shadow-sm)}.sb-signup-quote-author{margin-top:var(--sb-signup-space-3);font-size:.85rem;color:var(--sb-signup-text-tertiary);font-style:normal}.sb-signup-form-side{display:flex;align-items:center;justify-content:center;padding:var(--sb-signup-space-6);background:var(--sb-signup-bg)}.sb-signup-form-container{width:100%;max-width:420px}.sb-signup-card{background:var(--sb-signup-surface);border:1px solid var(--sb-signup-border);border-radius:var(--sb-signup-radius-xl);padding:var(--sb-signup-space-8);box-shadow:var(--sb-signup-shadow-lg);margin-bottom:var(--sb-signup-space-6)}.sb-signup-card-header{text-align:center;margin-bottom:var(--sb-signup-space-6)}.sb-signup-title{font-size:1.5rem;font-weight:700;color:var(--sb-signup-text-primary);margin-bottom:var(--sb-signup-space-1)}.sb-signup-subtitle{font-size:.95rem;color:var(--sb-signup-text-tertiary)}.sb-signup-error{padding:var(--sb-signup-space-3);background:var(--sb-signup-error-bg);border:1px solid var(--sb-signup-error-border);border-radius:var(--sb-signup-radius-md);color:var(--sb-signup-error-text);font-size:.9rem;margin-bottom:var(--sb-signup-space-4)}.sb-signup-form{display:flex;flex-direction:column;gap:var(--sb-signup-space-4)}.sb-signup-field{display:flex;flex-direction:column;gap:var(--sb-signup-space-2)}.sb-signup-label{font-size:.9rem;font-weight:500;color:var(--sb-signup-text-secondary)}.sb-signup-input{width:100%;height:44px;padding:0 var(--sb-signup-space-4);background:var(--sb-signup-surface);border:1px solid var(--sb-signup-border);border-radius:var(--sb-signup-radius-md);font-size:.95rem;color:var(--sb-signup-text-primary);transition:all var(--sb-signup-transition-fast)}.sb-signup-input:focus{outline:none;border-color:var(--sb-signup-primary);box-shadow:0 0 0 3px var(--sb-signup-primary-soft)}.sb-signup-input::placeholder{color:var(--sb-signup-text-muted)}.sb-signup-password-wrapper{position:relative}.sb-signup-password-input{padding-right:44px}.sb-signup-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--sb-signup-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--sb-signup-transition-fast)}.sb-signup-password-toggle:hover{color:var(--sb-signup-primary)}.sb-signup-password-toggle:focus-visible{outline:2px solid var(--sb-signup-primary);outline-offset:2px;border-radius:var(--sb-signup-radius-sm)}.sb-signup-hint{font-size:.8rem;color:var(--sb-signup-text-tertiary);margin-top:2px}.sb-signup-button{width:100%;height:44px;background:var(--sb-signup-primary);color:#fff;border:none;border-radius:var(--sb-signup-radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--sb-signup-transition-fast);margin-top:var(--sb-signup-space-2)}.sb-signup-button:hover:not(:disabled){background:var(--sb-signup-primary-dark);transform:translateY(-1px);box-shadow:var(--sb-signup-shadow-md)}.sb-signup-button:disabled{opacity:.6;cursor:not-allowed}.sb-signup-button-text{display:flex;align-items:center;justify-content:center;gap:var(--sb-signup-space-2)}.sb-signup-button-icon{width:16px;height:16px;transition:transform var(--sb-signup-transition-fast)}.sb-signup-button:hover .sb-signup-button-icon{transform:translate(4px)}.sb-signup-button-loading{display:flex;align-items:center;justify-content:center;gap:var(--sb-signup-space-2)}.sb-signup-spinner{width:18px;height:18px;animation:sb-signup-spin 1s linear infinite}.sb-signup-spinner-circle{stroke:currentColor;stroke-linecap:round;animation:sb-signup-dash 1.5s ease-in-out infinite}@keyframes sb-signup-spin{to{transform:rotate(360deg)}}@keyframes sb-signup-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.sb-signup-footer{text-align:center;font-size:.95rem;color:var(--sb-signup-text-tertiary)}.sb-signup-link{color:var(--sb-signup-primary);text-decoration:none;font-weight:500;transition:color var(--sb-signup-transition-fast)}.sb-signup-link:hover{color:var(--sb-signup-primary-dark);text-decoration:underline}@media(max-width:1024px){.sb-signup-side-title{font-size:1.8rem}}@media(max-width:768px){.sb-signup-layout{grid-template-columns:1fr}.sb-signup-side{display:none}.sb-signup-form-side{padding:var(--sb-signup-space-4)}.sb-signup-card{padding:var(--sb-signup-space-6)}}@media(max-width:480px){.sb-signup-card{padding:var(--sb-signup-space-5)}.sb-signup-title{font-size:1.3rem}.sb-signup-subtitle{font-size:.9rem}.sb-signup-input,.sb-signup-button{height:42px}}:focus-visible{outline:2px solid var(--sb-signup-primary);outline-offset:2px;border-radius:var(--sb-signup-radius-sm)}@media(prefers-contrast:high){.sb-signup-button,.sb-signup-input{border:2px solid black}}@keyframes sb-signup-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sb-signup-card{animation:sb-signup-fade-up .4s ease-out}.sb-signup-side-content{animation:sb-signup-fade-up .4s ease-out .1s both}.sb-signup-success-card{text-align:center;padding:var(--sb-signup-space-8)!important;max-width:420px;margin:0 auto}.sb-signup-success-icon{width:56px;height:56px;background:var(--sb-signup-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sb-signup-space-4);color:#fff;box-shadow:var(--sb-signup-shadow-md)}.sb-signup-success-title{font-size:1.5rem;font-weight:700;color:var(--sb-signup-text-primary);margin-bottom:var(--sb-signup-space-2);letter-spacing:-.02em}.sb-signup-success-message{font-size:.95rem;color:var(--sb-signup-text-tertiary);margin-bottom:var(--sb-signup-space-4)}.sb-signup-success-email{background:var(--sb-signup-subtle);border:1px solid var(--sb-signup-border);border-radius:var(--sb-signup-radius-md);padding:var(--sb-signup-space-3) var(--sb-signup-space-4);margin-bottom:var(--sb-signup-space-6);font-family:monospace;font-size:.95rem;color:var(--sb-signup-text-primary);word-break:break-all}.sb-signup-success-steps{text-align:left;margin-bottom:var(--sb-signup-space-6);padding:var(--sb-signup-space-4);background:var(--sb-signup-subtle);border-radius:var(--sb-signup-radius-lg);border:1px solid var(--sb-signup-border)}.sb-signup-steps-label{font-size:.9rem;font-weight:600;color:var(--sb-signup-text-secondary);margin-bottom:var(--sb-signup-space-3);text-transform:uppercase;letter-spacing:.5px}.sb-signup-steps-list{list-style:none;padding:0;margin:0}.sb-signup-steps-list li{padding-left:var(--sb-signup-space-5);position:relative;margin-bottom:var(--sb-signup-space-2);color:var(--sb-signup-text-secondary);font-size:.95rem;line-height:1.5}.sb-signup-steps-list li:last-child{margin-bottom:0}.sb-signup-steps-list li:before{content:"→";position:absolute;left:0;color:var(--sb-signup-primary);font-weight:600}.sb-signup-success-actions{display:flex;flex-direction:column;gap:var(--sb-signup-space-3)}.sb-signup-success-button{width:100%;height:44px;background:var(--sb-signup-primary);color:#fff;border:none;border-radius:var(--sb-signup-radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--sb-signup-transition-fast);box-shadow:var(--sb-signup-shadow-sm)}.sb-signup-success-button:hover{background:var(--sb-signup-primary-dark);transform:translateY(-1px);box-shadow:var(--sb-signup-shadow-md)}.sb-signup-success-button:active{transform:translateY(0)}.sb-signup-success-link{background:none;border:none;color:var(--sb-signup-text-tertiary);font-size:.9rem;cursor:pointer;text-decoration:underline;text-decoration-color:var(--sb-signup-border-strong);text-underline-offset:4px;transition:all var(--sb-signup-transition-fast);padding:var(--sb-signup-space-2);width:fit-content;margin:0 auto}.sb-signup-success-link:hover{color:var(--sb-signup-text-primary);text-decoration-color:var(--sb-signup-primary)}@media(max-width:768px){.sb-signup-success-card{padding:var(--sb-signup-space-6)!important}.sb-signup-success-icon{width:48px;height:48px}.sb-signup-success-icon svg{width:20px;height:20px}.sb-signup-success-title{font-size:1.3rem}.sb-signup-success-email{font-size:.9rem;padding:var(--sb-signup-space-2) var(--sb-signup-space-3)}.sb-signup-steps-list li{font-size:.9rem}}@media(max-width:480px){.sb-signup-success-card{padding:var(--sb-signup-space-5)!important}.sb-signup-success-button{height:42px}}.sb-pw-strength{margin-top:10px;display:flex;flex-direction:column;gap:8px;animation:sb-signup-fade-up .18s ease-out}.sb-pw-bar-row{display:flex;align-items:center;gap:5px}.sb-pw-bar-seg{flex:1;height:4px;border-radius:var(--sb-signup-radius-full);transition:background .3s ease}.sb-pw-label{font-size:.72rem;font-weight:700;min-width:46px;text-align:right;flex-shrink:0;transition:color .3s ease;letter-spacing:.01em}.sb-pw-checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.sb-pw-check-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--sb-signup-text-muted);transition:color .2s ease;line-height:1.3}.sb-pw-check-item--ok{color:#16a34a}.sb-pw-check-icon{flex-shrink:0;border-radius:50%}.sb-pw-check-icon--ok{color:#16a34a}.sb-pw-check-icon--no{color:var(--sb-signup-text-muted)}.sb-signup-input--valid{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1f!important}.sb-signup-button:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:480px){.sb-pw-checklist{grid-template-columns:1fr}}:root{--bg-primary: #f0f4f8;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--text-primary: #0b1a2e;--text-secondary: #334155;--text-tertiary: #5e6f8d;--text-muted: #8b9bb5;--border-light: #e2e9f2;--border-medium: #cbd5e1;--blue-50: #eef2ff;--blue-100: #e0e7ff;--blue-500: #3b5bdb;--blue-600: #2f4bca;--blue-700: #253b9c;--yellow-50: #fefbe8;--yellow-100: #fef7c3;--yellow-500: #eab308;--yellow-600: #ca8a04;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--sidebar-width: 280px;--header-height: 72px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1030;--z-toast: 1040;--m-topbar-height: 64px;--m-bottom-nav-height: 70px;--m-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.workspace{display:flex;min-height:100vh;background:var(--bg-primary);position:relative}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.sidebar-header{padding:var(--space-2xl) var(--space-xl);border-bottom:1px solid var(--border-light)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:1.2rem;box-shadow:var(--shadow-sm)}.logo-image{width:100%;height:100%;object-fit:contain}.logo-text{font-weight:700;font-size:1.25rem;color:var(--text-primary);letter-spacing:-.3px}.sidebar-user{padding:var(--space-xl) var(--space-xl);border-bottom:1px solid var(--border-light)}.user-info{display:flex;align-items:center;gap:var(--space-md)}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--blue-100),var(--blue-50));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--blue-600);font-weight:700;font-size:1.2rem;flex-shrink:0;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm)}.user-details{flex:1;min-width:0}.user-name{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all var(--transition-fast);width:100%;text-align:left;text-decoration:none;background:transparent;border:none;cursor:pointer;position:relative}.nav-item:hover{background:var(--blue-50);color:var(--blue-600);transform:translate(4px)}.nav-item.active{background:var(--blue-50);color:var(--blue-600);font-weight:600}.nav-item.logout{margin-top:auto;color:var(--text-tertiary)}.nav-item.logout:hover{background:var(--red-50);color:var(--red-600)}.sb-nav-badge{margin-left:auto;background:var(--red-500);color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:var(--shadow-sm)}.main-content{flex:1;min-height:100vh;width:100%;background:var(--bg-primary)}.main-header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3xl);position:sticky;top:0;z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6}.header-left{display:flex;align-items:center;gap:var(--space-sm)}.header-greeting{font-size:1rem;color:var(--text-tertiary)}.header-user-name{font-weight:700;color:var(--text-primary);font-size:1.1rem}.header-right{display:flex;align-items:center;gap:var(--space-md)}.main-container{padding:var(--space-3xl);max-width:1400px;margin:0 auto;width:100%}.profile-section{margin-bottom:var(--space-2xl)}.section-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-lg)}.preferences-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.preference-tag{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.preference-tag:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.preference-edit{display:none;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:.85rem;font-weight:500;color:var(--text-tertiary);transition:all var(--transition-fast);text-decoration:none;margin-left:auto;box-shadow:var(--shadow-sm)}.preference-edit:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.alert-section{margin-bottom:var(--space-2xl)}.alert-banner{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--yellow-50),#fff9e6);border:1px solid var(--yellow-100);border-radius:var(--radius-xl);flex-wrap:wrap;box-shadow:var(--shadow-md)}.alert-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:var(--radius-lg);color:var(--yellow-600);flex-shrink:0;box-shadow:var(--shadow-sm)}.alert-content{flex:1;min-width:240px}.alert-title{font-weight:700;color:var(--yellow-600);margin-bottom:4px;font-size:1rem}.alert-description{font-size:.9rem;color:var(--text-tertiary)}.stat-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border:1px solid var(--blue-200);border-radius:var(--radius-xl);padding:16px 24px;min-width:180px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--blue-600);box-shadow:var(--shadow-sm)}.stat-card-content{display:flex;flex-direction:column}.stat-card-value{font-size:2rem;font-weight:800;color:var(--blue-700);line-height:1.2}.stat-card-label{font-size:.75rem;font-weight:600;color:var(--blue-600);text-transform:uppercase;letter-spacing:.04em}.profile-section-row{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.profile-section-left{flex:1;min-width:300px}.panels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}.panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;height:fit-content;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.panel-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-tertiary))}.panel-title{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;color:var(--text-primary);font-size:1rem}.panel-badge{padding:4px var(--space-sm);background:var(--blue-50);border-radius:var(--radius-full);color:var(--blue-600);font-size:.75rem;font-weight:700;border:1px solid var(--blue-100)}.panel-body{padding:var(--space-sm)}.dashboard-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.dashboard-focus-actions{display:flex;gap:.75rem;flex-wrap:wrap}.list{display:flex;flex-direction:column;gap:2px}.list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:default;position:relative;background:var(--bg-secondary)}.list-item:hover{background:var(--bg-tertiary)}.list-item:hover:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:var(--blue-500);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.list-item-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--blue-100),var(--blue-50));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--blue-600);font-weight:700;font-size:1rem;flex-shrink:0;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.list-item-subtitle{font-size:.8rem;color:var(--text-tertiary);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.list-item-badge{padding:4px var(--space-sm);background:var(--blue-50);border-radius:var(--radius-full);color:var(--blue-600);font-size:.7rem;font-weight:700;white-space:nowrap;flex-shrink:0;border:1px solid var(--blue-100)}.list-item-badge.active{background:var(--yellow-50);color:var(--yellow-600);border-color:var(--yellow-100)}.session-indicator{width:10px;height:10px;border-radius:var(--radius-full);background:var(--border-medium);margin-right:var(--space-sm);flex-shrink:0}.session-indicator.active{background:var(--yellow-500);box-shadow:0 0 0 3px #eab30833;animation:pulse-session 2s infinite}@keyframes pulse-session{0%,to{box-shadow:0 0 0 3px #eab30833}50%{box-shadow:0 0 0 6px #eab3081a}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;transition:all var(--transition-fast);cursor:pointer;border:none;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);background:var(--bg-secondary)}.btn-outline:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-tertiary);background:linear-gradient(to bottom,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-lg)}.empty-icon{display:block;margin:0 auto var(--space-lg);opacity:.5;color:var(--text-muted);width:48px;height:48px}.empty-title{font-weight:600;margin-bottom:4px;color:var(--text-secondary);font-size:1rem}.empty-subtitle{font-size:.9rem;color:var(--text-tertiary)}.sb-requests-panel{border-color:var(--yellow-100);background:linear-gradient(135deg,var(--yellow-50),#fff9e6);margin-bottom:var(--space-lg)}.sb-badge--yellow{background:var(--yellow-100)!important;color:var(--yellow-600)!important;border-color:var(--yellow-200)!important}.sb-request-item{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm)}.sb-request-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.sb-req-btn{width:36px;height:36px;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);background:transparent;box-shadow:var(--shadow-sm)}.sb-req-btn:disabled{opacity:.4;cursor:not-allowed}.sb-req-btn--accept{background:var(--green-50);color:var(--green-600);border:1px solid var(--green-100)}.sb-req-btn--accept:hover:not(:disabled){background:var(--green-600);color:#fff;transform:scale(1.1)}.sb-req-btn--decline{background:var(--red-50);color:var(--red-600);border:1px solid var(--red-100)}.sb-req-btn--decline:hover:not(:disabled){background:var(--red-600);color:#fff;transform:scale(1.1)}.sb-buddy-avatar-wrap{position:relative;flex-shrink:0}.sb-online-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}.sb-online-dot--on{background:var(--green-500);box-shadow:0 0 0 2px #22c55e33}.sb-online-dot--off{background:var(--text-muted)}.sb-status-chip{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;border:1px solid transparent}.sb-status-chip--online{background:var(--green-50);color:var(--green-600);border-color:var(--green-100)}.sb-status-chip--offline{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-light)}.sb-invite-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.sb-invite-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sb-invite-btn:disabled{opacity:.5;cursor:not-allowed}.lb-panel{margin-top:var(--space-lg)}.lb-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.lb-user-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lb-rank-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--blue-700)}.lb-rank-chip-value{font-weight:800;color:var(--blue-600);margin-left:4px}.lb-badge{background:var(--yellow-100)!important;color:var(--yellow-600)!important;font-weight:700!important;border-color:var(--yellow-200)!important}.lb-body{padding:0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.lb-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:600px}.lb-head-row{border-bottom:2px solid var(--border-light);background:var(--bg-tertiary)}.lb-th{padding:14px 16px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.lb-th--rank{width:70px;text-align:center}.lb-th--sessions{width:90px;text-align:center}.lb-th--time{width:110px;text-align:right}.lb-row{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:var(--bg-tertiary);transform:translate(4px)}.lb-row--top3:nth-child(1){background:linear-gradient(90deg,#fef9e7,transparent)}.lb-row--top3:nth-child(2){background:linear-gradient(90deg,#f8fafc,transparent)}.lb-row--top3:nth-child(3){background:linear-gradient(90deg,#fef5e7,transparent)}.lb-row--me{background:var(--blue-50)!important;outline:2px solid var(--blue-100);outline-offset:-2px}.lb-td{padding:14px 16px;color:var(--text-secondary);vertical-align:middle}.lb-td--rank{text-align:center}.lb-td--sessions{text-align:center;color:var(--text-tertiary);font-size:.82rem}.lb-td--time{text-align:right}.lb-medal{font-size:1.3rem;line-height:1;display:inline-block}.lb-rank-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-light);font-size:.8rem;font-weight:600;color:var(--text-tertiary)}.lb-user{display:flex;align-items:center;gap:12px}.lb-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-100),var(--blue-50));color:var(--blue-600);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm)}.lb-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lb-you-chip{font-size:.65rem;font-weight:700;padding:2px 8px;background:var(--blue-600);color:#fff;border-radius:var(--radius-full);letter-spacing:.03em;white-space:nowrap}.lb-time-pill{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-light);font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.lb-row--top3:nth-child(1) .lb-time-pill{background:var(--yellow-50);border-color:var(--yellow-400);color:var(--yellow-600)}.lb-row--top3:nth-child(2) .lb-time-pill{background:#f8fafc;border-color:var(--border-medium);color:var(--text-secondary)}.lb-row--top3:nth-child(3) .lb-time-pill{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.lb-row--me .lb-time-pill{background:var(--blue-50);border-color:var(--blue-400);color:var(--blue-600)}.lb-my-rank-row{padding:12px 16px;border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.lb-my-rank-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500}.lb-my-rank-chip--good{background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-700)}.lb-my-rank-chip--outside{background:var(--yellow-50);border:1px solid var(--yellow-400);color:var(--yellow-600)}.lb-my-rank-value{font-weight:800;margin-left:4px}.lb-progress-message{margin-left:auto;font-size:.8rem;color:var(--text-tertiary);display:flex;align-items:center;gap:4px}.skeleton{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.skeleton-item{height:60px;background:linear-gradient(90deg,var(--border-light) 0%,#f1f5f9 50%,var(--border-light) 100%);background-size:200% 100%;border-radius:var(--radius-lg);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sb-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:12px 24px;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-xl);pointer-events:none;max-width:90vw;white-space:normal;word-wrap:break-word;text-align:center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sb-toast--info{background:#1e3a5ff2;color:#93c5fd;border:1px solid rgba(37,99,235,.3)}.sb-toast--success{background:#14532df2;color:#86efac;border:1px solid rgba(22,163,74,.3)}.sb-toast--error{background:#450a0af2;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.sb-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.sb-modal{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.sb-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:var(--blue-600);border:2px solid var(--bg-secondary);box-shadow:var(--shadow-md)}.sb-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.sb-modal-text{font-size:.95rem;color:var(--text-tertiary);line-height:1.6;margin-bottom:var(--space-xl);word-break:break-word}.sb-modal-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.sb-invite-dots{display:flex;gap:8px;justify-content:center;margin:var(--space-lg) 0}.sb-invite-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--blue-400);animation:sb-bounce 1s ease-in-out infinite}@keyframes sb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.icon-inline{display:inline-flex;align-items:center;margin-right:4px}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divider{height:1px;background:var(--border-light);margin:var(--space-md) 0}.panel-header-right{display:flex;align-items:center;gap:8px}.panel-view-all{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;color:var(--blue-600);text-decoration:none;padding:3px 8px;border-radius:var(--radius-full);transition:background var(--transition-fast)}.panel-view-all:hover{background:var(--blue-50)}.panel-show-more{padding:8px 12px;border-top:1px solid var(--border-light);margin-top:4px;text-align:center}.panel-show-more-link{font-size:.78rem;color:var(--text-tertiary);text-decoration:none;font-weight:500}.panel-show-more-link:hover{color:var(--blue-600)}@media(min-width:901px){.m-shell{display:none!important}}@media(max-width:900px){.sidebar,.main-content,.mobile-header,.mobile-menu-overlay{display:none!important}.sb-modal{border-radius:var(--radius-xl);max-width:90%;margin:0 auto}.sb-toast{bottom:calc(var(--m-bottom-nav-height) + 20px);top:auto}}.m-shell{display:none;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh;background:var(--bg-primary);font-family:var(--m-font);position:relative}@media(max-width:900px){.m-shell{display:flex}}.m-topbar{height:var(--m-topbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.m-topbar-left{display:flex;align-items:center;gap:var(--space-sm)}.m-topbar-logo{width:32px;height:32px;object-fit:contain}.m-topbar-brand{font-weight:700;font-size:1.1rem;color:var(--text-primary);letter-spacing:-.3px}.m-topbar-right{display:flex;align-items:center;gap:4px}.m-topbar-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);text-decoration:none}.m-topbar-icon-btn:active{background:var(--blue-50);color:var(--blue-600);transform:scale(.95)}.m-topbar-logout:active{background:var(--red-50);color:var(--red-600)}.m-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--m-bottom-nav-height) + env(safe-area-inset-bottom,0px))}.m-tab-pane{min-height:100%}.m-tab-view{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.m-tab-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}.m-tab-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);letter-spacing:-.4px}.m-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;min-width:28px;height:24px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100)}.m-badge--amber{background:var(--yellow-50);color:var(--yellow-600);border-color:var(--yellow-100)}.m-badge--green{background:var(--green-50);color:var(--green-600);border-color:var(--green-100)}.m-hero-card{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border-radius:var(--radius-2xl);padding:var(--space-xl);color:#fff;display:flex;flex-direction:column;gap:var(--space-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.m-hero-card:before{content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;pointer-events:none}.m-hero-card:after{content:"";position:absolute;bottom:-50px;left:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff0d;pointer-events:none}.m-hero-top{display:flex;align-items:center;gap:var(--space-md);position:relative}.m-hero-avatar{width:52px;height:52px;border-radius:var(--radius-lg);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.3);flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.m-hero-text{display:flex;flex-direction:column;gap:2px}.m-hero-label{font-size:.8rem;color:#fffc;font-weight:500}.m-hero-name{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.3px}.m-hero-stats-row{display:flex;align-items:center;gap:0;background:#ffffff26;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.m-hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.m-hero-stat-val{font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.m-hero-stat-key{font-size:.7rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.m-hero-stat-sep{width:1px;height:36px;background:#fff3;flex-shrink:0}.m-hero-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#fff;color:var(--blue-600);border:none;border-radius:var(--radius-lg);font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-md);position:relative}.m-hero-cta:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.m-hero-cta--setup{background:#ffffffe6;color:var(--yellow-600)}.m-card{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.m-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-tertiary))}.m-card-title{display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:700;color:var(--text-primary)}.m-title-icon{display:inline-flex;flex-shrink:0;color:var(--blue-500)}.m-card-edit-btn{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--blue-600);text-decoration:none;padding:6px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--bg-secondary);border:1px solid var(--border-light)}.m-card-edit-btn:active{background:var(--blue-50);transform:scale(.95)}.m-pref-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.m-pref-chip{display:inline-flex;align-items:center;padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.m-alert-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--yellow-50),#fff9e6);border:1px solid var(--yellow-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.m-alert-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--yellow-600);flex-shrink:0;box-shadow:var(--shadow-sm)}.m-alert-body{flex:1;min-width:0}.m-alert-title{font-size:.95rem;font-weight:700;color:var(--yellow-600);margin-bottom:2px}.m-alert-desc{font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.m-alert-cta{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:var(--yellow-500);color:#fff;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.m-alert-cta:active{background:var(--yellow-600);transform:scale(.95)}.m-requests-card{border-color:var(--yellow-100)}.m-req-list{display:flex;flex-direction:column;gap:0}.m-req-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.m-req-item:last-child{border-bottom:none}.m-req-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-100),var(--blue-50));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--blue-600);flex-shrink:0;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm)}.m-req-info{flex:1;min-width:0}.m-req-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-req-sub{font-size:.75rem;color:var(--text-tertiary)}.m-req-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.m-req-btn{width:40px;height:40px;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.m-req-btn:disabled{opacity:.4;cursor:not-allowed}.m-req-btn--accept{background:var(--green-50);color:var(--green-600);border:1px solid var(--green-100)}.m-req-btn--accept:active:not(:disabled){background:var(--green-600);color:#fff;transform:scale(.95)}.m-req-btn--decline{background:var(--red-50);color:var(--red-600);border:1px solid var(--red-100)}.m-req-btn--decline:active:not(:disabled){background:var(--red-600);color:#fff;transform:scale(.95)}.m-online-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green-500);box-shadow:0 0 #22c55e66;animation:online-pulse 2s infinite;margin-right:6px}@keyframes online-pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.m-buddy-list{display:flex;flex-direction:column}.m-buddy-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);transition:all var(--transition-fast);background:var(--bg-secondary)}.m-buddy-item:last-child{border-bottom:none}.m-buddy-item:active{background:var(--bg-tertiary)}.m-buddy-item--offline{opacity:.75}.m-buddy-avatar-wrap{position:relative;flex-shrink:0}.m-buddy-avatar{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-100),var(--blue-50));display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--blue-600);border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm)}.m-buddy-avatar--offline{background:var(--bg-tertiary);color:var(--text-muted)}.m-online-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary)}.m-online-dot--on{background:var(--green-500);box-shadow:0 0 0 2px #22c55e33}.m-online-dot--off{background:var(--text-muted)}.m-buddy-info{flex:1;min-width:0}.m-buddy-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-buddy-email{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-study-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.m-study-btn:active{transform:scale(.95);box-shadow:var(--shadow-md)}.m-offline-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.m-sessions-list{display:flex;flex-direction:column;gap:var(--space-sm)}.m-session-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-fast)}.m-session-card:active{transform:scale(.98);background:var(--bg-tertiary)}.m-session-card--active{border-left:4px solid var(--yellow-500)}.m-session-status-col{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:12px}.m-session-dot{width:10px;height:10px;border-radius:50%;background:var(--border-medium)}.m-session-dot.active{background:var(--yellow-500);box-shadow:0 0 0 3px #eab30833;animation:pulse-session 2s infinite}.m-session-body{flex:1;min-width:0}.m-session-partner{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.m-session-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-tertiary)}.m-session-icon{flex-shrink:0;opacity:.6}.m-session-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-md);font-size:.7rem;font-weight:700;background:var(--blue-50);color:var(--blue-600);white-space:nowrap;flex-shrink:0;border:1px solid var(--blue-100);text-transform:capitalize}.m-session-badge.active{background:var(--yellow-50);color:var(--yellow-600);border-color:var(--yellow-100)}.m-lb-list{display:flex;flex-direction:column;gap:var(--space-sm)}.m-lb-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-fast)}.m-lb-card:active{transform:translate(4px)}.m-lb-card--me{background:var(--blue-50)!important;border:2px solid var(--blue-200)}.m-lb-card--top3:nth-child(1){background:linear-gradient(90deg,#fef9e7,var(--bg-secondary))}.m-lb-card--top3:nth-child(2){background:linear-gradient(90deg,#f8fafc,var(--bg-secondary))}.m-lb-card--top3:nth-child(3){background:linear-gradient(90deg,#fef5e7,var(--bg-secondary))}.m-lb-rank-col{width:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.m-lb-medal{font-size:1.5rem;line-height:1}.m-lb-rank-num{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-tertiary)}.m-lb-avatar{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-100),var(--blue-50));display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--blue-600);flex-shrink:0;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-sm)}.m-lb-card--me .m-lb-avatar{background:var(--blue-600);color:#fff}.m-lb-info{flex:1;min-width:0}.m-lb-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.m-lb-you-chip{font-size:.65rem;font-weight:800;padding:2px 8px;background:var(--blue-600);color:#fff;border-radius:var(--radius-full);letter-spacing:.04em}.m-lb-sessions{font-size:.75rem;color:var(--text-tertiary)}.m-lb-time-col{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.m-lb-time{font-size:.95rem;font-weight:700;color:var(--text-primary)}.m-lb-card--me .m-lb-time{color:var(--blue-600)}.m-lb-time-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.m-stats-row{display:flex;gap:12px;margin-bottom:16px}.m-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 16px 0}.m-focus-actions{display:flex;flex-direction:column;gap:10px;padding:16px}.m-focus-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}.m-focus-btn--secondary{background:var(--bg-secondary);color:var(--blue-600);border:1px solid var(--border-light)}.m-focus-btn:disabled{opacity:.55;cursor:not-allowed}.m-stat-card{flex:1;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border:1px solid var(--blue-200);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-sm)}.m-stat-card-icon{width:36px;height:36px;border-radius:var(--radius-md);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--blue-600);box-shadow:var(--shadow-sm)}.m-stat-card-content{display:flex;flex-direction:column}.m-stat-card-value{font-size:1.2rem;font-weight:800;color:var(--blue-700);line-height:1.2}.m-stat-card-label{font-size:.65rem;font-weight:600;color:var(--blue-600);text-transform:uppercase;letter-spacing:.03em}.m-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.m-empty-icon-wrap{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--space-lg);border:1px solid var(--border-light)}.m-empty-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.m-empty-desc{font-size:.85rem;color:var(--text-tertiary);line-height:1.5;max-width:240px;margin-bottom:var(--space-lg)}.m-empty-cta{display:inline-flex;align-items:center;gap:6px;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.m-empty-cta:active{transform:scale(.96);box-shadow:var(--shadow-sm)}.m-skeleton-list{display:flex;flex-direction:column;gap:var(--space-sm)}.m-skeleton-item{height:72px;border-radius:var(--radius-lg);background:linear-gradient(90deg,#e9eef4,#f5f7fa,#e9eef4);background-size:200% 100%;animation:m-skeleton-shimmer 1.6s infinite}@keyframes m-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.m-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--m-bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-secondary);border-top:1px solid var(--border-light);box-shadow:0 -4px 20px #0000000d;display:flex;align-items:stretch;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.m-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.m-nav-btn.active{color:var(--blue-600)}.m-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:32px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.m-nav-btn.active .m-nav-icon-wrap{background:var(--blue-50)}.m-nav-badge{position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:var(--red-500);color:#fff;border-radius:var(--radius-full);font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);pointer-events:none;box-shadow:var(--shadow-sm)}.m-nav-label{font-size:.7rem;font-weight:600;letter-spacing:.01em}.m-nav-btn.active .m-nav-label{font-weight:700}@media(min-width:601px)and (max-width:900px){.m-tab-view{padding:var(--space-xl);gap:var(--space-lg);max-width:680px;margin:0 auto;width:100%}.m-hero-card{padding:var(--space-xl)}.m-hero-name{font-size:1.6rem}.m-bottom-nav{padding-left:60px;padding-right:60px}.m-topbar{padding:0 var(--space-xl)}.m-topbar-brand{font-size:1.15rem}}@media(max-width:375px){.m-hero-stat-val{font-size:1.3rem}.m-hero-name{font-size:1.2rem}.m-tab-title{font-size:1.15rem}.m-buddy-avatar{width:42px;height:42px}.m-lb-avatar{width:38px;height:38px}.m-nav-label{font-size:.65rem}.m-req-avatar{width:40px;height:40px}}@media print{.m-shell,.sb-toast,.sb-modal-overlay,.m-bottom-nav,.m-topbar{display:none!important}.sidebar,.main-content{display:flex!important}}:root{--c-bg: #F4F6FA;--c-surface: #FFFFFF;--c-surface-2: #F8FAFC;--c-border: #E4E8EF;--c-border-2: #D1D9E0;--c-primary: #2563EB;--c-primary-d: #1D4ED8;--c-primary-l: #EFF4FF;--c-primary-m: #BFDBFE;--c-success: #16A34A;--c-success-l: #F0FDF4;--c-success-m: #BBF7D0;--c-error: #DC2626;--c-error-l: #FEF2F2;--c-error-m: #FECACA;--c-text-1: #0D1117;--c-text-2: #374151;--c-text-3: #6B7280;--c-text-4: #9CA3AF;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.03);--shadow-md: 0 4px 16px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.03);--shadow-lg: 0 12px 32px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.03);--shadow-focus: 0 0 0 3px rgba(37,99,235,.2);--font: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text-1);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}.prefs-page{min-height:100vh;background:var(--c-bg)}.prefs-header{display:none!important;position:sticky;top:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--c-border)}.prefs-header__inner{max-width:1280px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;gap:24px}.prefs-header__logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.prefs-logo-mark{width:34px;height:34px;background:var(--c-primary);border-radius:var(--r-md);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #2563eb4d}.prefs-logo-name{font-weight:600;font-size:.95rem;color:var(--c-text-1);letter-spacing:-.01em}.prefs-header__progress-wrap{flex:1;display:flex;align-items:center;gap:12px;max-width:360px;margin:0 auto}.prefs-header__progress-track{flex:1;height:5px;background:var(--c-border);border-radius:var(--r-full);overflow:hidden}.prefs-header__progress-fill{height:100%;background:linear-gradient(90deg,var(--c-primary),#60A5FA);border-radius:var(--r-full);transition:width .5s var(--ease-out)}.prefs-header__progress-label{font-size:.75rem;font-weight:600;color:var(--c-text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.prefs-header__back{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:var(--c-text-3);text-decoration:none;flex-shrink:0;transition:color .15s}.prefs-header__back:hover{color:var(--c-primary)}.prefs-main{max-width:1100px;margin:0 auto;padding:40px 32px 80px;display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:start}.prefs-outline{position:sticky;top:80px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:16px;box-shadow:var(--shadow-sm)}.prefs-outline__title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-4);padding:0 4px;margin-bottom:10px}.prefs-outline__link{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r-md);text-decoration:none;font-size:.8rem;font-weight:500;color:var(--c-text-3);transition:all .15s;margin-bottom:2px}.prefs-outline__link:hover{background:var(--c-surface-2);color:var(--c-text-1)}.prefs-outline__link--done{color:var(--c-success)}.prefs-outline__link--done:hover{background:var(--c-success-l);color:var(--c-success)}.prefs-outline__dot{width:14px;height:14px;border-radius:var(--r-full);border:1.5px solid var(--c-border-2);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.prefs-outline__dot--done{border-color:var(--c-success);background:var(--c-success);color:#fff}.prefs-content{min-width:0}.prefs-hero{margin-bottom:28px}.prefs-hero__title{font-size:1.85rem;font-weight:700;letter-spacing:-.03em;color:var(--c-text-1);line-height:1.2;margin-bottom:8px}.prefs-hero__subtitle{font-size:.92rem;color:var(--c-text-3);font-weight:400}.prefs-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--c-error-l);border:1px solid var(--c-error-m);border-radius:var(--r-lg);color:var(--c-error);font-size:.85rem;font-weight:500;margin-bottom:20px}.prefs-form{display:flex;flex-direction:column;gap:12px}.pref-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s;scroll-margin-top:80px}.pref-section:focus-within{border-color:var(--c-primary-m);box-shadow:var(--shadow-md)}.pref-section__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pref-section__header-left{display:flex;align-items:center;gap:12px}.pref-section__icon{width:36px;height:36px;border-radius:var(--r-lg);background:var(--c-surface-2);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;color:var(--c-text-3);flex-shrink:0;transition:all .25s}.pref-section__icon--done{background:var(--c-success-l);border-color:var(--c-success-m);color:var(--c-success)}.pref-section__title{font-size:.95rem;font-weight:600;color:var(--c-text-1);letter-spacing:-.01em;margin-bottom:2px}.pref-section__subtitle{font-size:.8rem;color:var(--c-text-3)}.pref-section__badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--r-full);background:var(--c-success-l);color:var(--c-success);border:1px solid var(--c-success-m);letter-spacing:.01em}.pref-section__body{padding:16px 24px 24px}.pref-card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pref-icon-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--r-lg);cursor:pointer;text-align:left;transition:all .15s var(--ease-in-out)}.pref-icon-card:hover{border-color:var(--c-primary-m);background:var(--c-primary-l);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pref-icon-card--active{border-color:var(--c-primary);background:var(--c-primary-l);box-shadow:0 0 0 3px var(--c-primary-m)}.pref-icon-card__icon{width:40px;height:40px;border-radius:var(--r-md);background:#fff;border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;color:var(--c-text-3);flex-shrink:0;transition:all .15s}.pref-icon-card--active .pref-icon-card__icon{border-color:var(--c-primary-m);color:var(--c-primary);background:#fff}.pref-icon-card__body{flex:1;min-width:0}.pref-icon-card__label{display:block;font-size:.87rem;font-weight:600;color:var(--c-text-1);letter-spacing:-.01em}.pref-icon-card__desc{display:block;font-size:.76rem;color:var(--c-text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pref-icon-card__check{width:20px;height:20px;border-radius:var(--r-full);background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transform:scale(.6);transition:all .2s var(--ease-out)}.pref-icon-card__check--visible{opacity:1;transform:scale(1)}.pref-lang-grid{display:flex;flex-wrap:wrap;gap:8px}.pref-lang-pill{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--r-full);border:1.5px solid var(--c-border);background:var(--c-surface-2);font-size:.85rem;font-weight:500;color:var(--c-text-2);cursor:pointer;transition:all .15s}.pref-lang-pill:hover{border-color:var(--c-primary-m);background:var(--c-primary-l);color:var(--c-primary)}.pref-lang-pill--active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:0 2px 8px #2563eb4d}.pref-lang-pill--active:hover{background:var(--c-primary-d);border-color:var(--c-primary-d);color:#fff}.goal-browser{display:flex;flex-direction:column;gap:12px}.goal-browser__search-wrap{position:relative}.goal-browser__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--c-text-4);pointer-events:none}.goal-browser__search{width:100%;height:40px;padding:0 36px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--r-lg);font-family:var(--font);font-size:.85rem;color:var(--c-text-1);outline:none;transition:border-color .15s,box-shadow .15s}.goal-browser__search::placeholder{color:var(--c-text-4)}.goal-browser__search:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus);background:#fff}.goal-browser__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);background:var(--c-border);border:none;color:var(--c-text-3);cursor:pointer;transition:background .15s,color .15s}.goal-browser__clear:hover{background:var(--c-text-3);color:#fff}.goal-browser__selected-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;background:var(--c-primary-l);border:1px solid var(--c-primary-m);border-radius:var(--r-full);font-size:.78rem;color:var(--c-primary);font-weight:500}.goal-browser__selected-badge strong{font-weight:600;color:var(--c-primary-d)}.goal-browser__deselect{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--r-full);border:none;background:var(--c-primary-m);color:var(--c-primary-d);cursor:pointer;transition:background .1s;margin-left:2px}.goal-browser__deselect:hover{background:var(--c-primary);color:#fff}.goal-browser__panel{display:grid;grid-template-columns:200px 1fr;border:1.5px solid var(--c-border);border-radius:var(--r-xl);overflow:hidden;min-height:340px;background:var(--c-surface);box-shadow:var(--shadow-xs)}.goal-browser__categories{border-right:1px solid var(--c-border);background:var(--c-surface-2);overflow-y:auto;max-height:420px;padding:8px}.goal-cat-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-md);background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font);transition:all .12s;margin-bottom:2px}.goal-cat-item:hover{background:var(--c-surface)}.goal-cat-item--active{background:var(--c-surface)!important;box-shadow:var(--shadow-xs)}.goal-cat-item--active .goal-cat-item__icon{background:var(--cat-color, var(--c-primary));color:#fff}.goal-cat-item--active .goal-cat-item__label{color:var(--c-text-1);font-weight:600}.goal-cat-item__icon{width:26px;height:26px;border-radius:var(--r-sm);background:var(--c-border);color:var(--c-text-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.goal-cat-item__label{flex:1;font-size:.78rem;font-weight:500;color:var(--c-text-2);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.goal-cat-item__meta{flex-shrink:0}.goal-cat-item__count{font-size:.68rem;color:var(--c-text-4);font-variant-numeric:tabular-nums}.goal-cat-item__dot{display:block;width:7px;height:7px;border-radius:var(--r-full);background:var(--c-success)}.goal-browser__options{padding:16px;overflow-y:auto;max-height:420px}.goal-browser__options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--c-border)}.goal-browser__options-title{font-size:.82rem;font-weight:700;letter-spacing:-.01em}.goal-browser__options-count{font-size:.72rem;color:var(--c-text-4)}.goal-browser__options-grid{display:flex;flex-wrap:wrap;gap:6px}.goal-opt{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--r-full);font-family:var(--font);font-size:.8rem;font-weight:500;color:var(--c-text-2);cursor:pointer;transition:all .12s;white-space:nowrap}.goal-opt:hover{border-color:var(--c-primary-m);background:var(--c-primary-l);color:var(--c-primary)}.goal-opt--active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;font-weight:600}.goal-opt--active:hover{background:var(--c-primary-d);border-color:var(--c-primary-d);color:#fff}.goal-opt__check{opacity:.85}.goal-browser__search-results{border:1.5px solid var(--c-border);border-radius:var(--r-xl);background:var(--c-surface);padding:16px;box-shadow:var(--shadow-xs)}.goal-browser__result-count{font-size:.74rem;color:var(--c-text-4);margin-bottom:10px;font-weight:500}.goal-browser__result-grid{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.goal-browser__result-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;text-align:left;font-family:var(--font);transition:all .12s}.goal-browser__result-item:hover{border-color:var(--c-primary-m);background:var(--c-primary-l)}.goal-browser__result-item--active{background:var(--c-primary-l);border-color:var(--c-primary)}.goal-browser__result-name{font-size:.85rem;font-weight:500;color:var(--c-text-1);flex:1}.goal-browser__result-group{font-size:.72rem;color:var(--c-text-4);white-space:nowrap}.goal-browser__result-check{color:var(--c-primary);flex-shrink:0}.goal-browser__empty{padding:40px 20px;text-align:center;color:var(--c-text-4);display:flex;flex-direction:column;align-items:center;gap:10px}.goal-browser__empty p{font-size:.88rem}.goal-browser__empty strong{color:var(--c-text-2)}.pref-time-row{display:flex;align-items:stretch;gap:0;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--r-xl);overflow:hidden;max-width:480px}.pref-time-slot{flex:1;display:flex;flex-direction:column;gap:0}.pref-time-slot+.pref-time-slot{border-left:1px solid var(--c-border)}.pref-time-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-4);padding:10px 14px 4px}.pref-time-picker{display:flex;align-items:center;padding:0 14px 12px;gap:4px}.pref-drum-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.pref-drum-display{width:52px;height:44px;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.3rem;font-weight:600;color:var(--c-text-1);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s;cursor:default}.pref-drum-display--active{border-color:var(--c-primary);box-shadow:var(--shadow-focus);color:var(--c-primary)}.pref-drum-btns{display:flex;flex-direction:column;gap:3px;margin-left:4px}.pref-drum-btn{width:22px;height:22px;border-radius:var(--r-sm);border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s;font-size:0}.pref-drum-btn:hover{background:var(--c-primary-l);border-color:var(--c-primary-m);color:var(--c-primary)}.pref-drum-btn:active{transform:scale(.9)}.pref-drum-sep{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--c-text-4);padding:0 2px;line-height:44px;align-self:center}.pref-ampm-wrap{display:flex;flex-direction:column;gap:3px;margin-left:6px}.pref-ampm-btn{width:38px;height:20px;border-radius:var(--r-sm);border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-text-3);font-family:var(--font);font-size:.68rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .12s}.pref-ampm-btn--active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.pref-ampm-btn:not(.pref-ampm-btn--active):hover{background:var(--c-primary-l);border-color:var(--c-primary-m);color:var(--c-primary)}.pref-time-summary{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:8px 14px;background:var(--c-primary-l);border:1px solid var(--c-primary-m);border-radius:var(--r-lg);font-size:.8rem;max-width:480px}.pref-time-summary__text{color:var(--c-primary-d);font-weight:500}.pref-time-summary__text strong{font-weight:700}.pref-time-clear{background:none;border:none;color:var(--c-text-3);font-size:.75rem;font-family:var(--font);cursor:pointer;padding:2px 6px;border-radius:var(--r-sm);transition:color .1s,background .1s}.pref-time-clear:hover{color:var(--c-error);background:var(--c-error-l)}.prefs-footer{margin-top:24px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-sm)}.prefs-footer__status{display:flex;align-items:center;gap:14px}.prefs-footer__progress-ring{position:relative;width:36px;height:36px;flex-shrink:0}.prefs-footer__ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--c-text-2);font-variant-numeric:tabular-nums}.prefs-footer__status-title{font-size:.9rem;font-weight:600;color:var(--c-text-1);margin-bottom:2px}.prefs-footer__status-sub{font-size:.78rem;color:var(--c-text-3)}.prefs-save-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;background:var(--c-text-3);border:none;border-radius:var(--r-lg);color:#fff;font-family:var(--font);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;flex-shrink:0}.prefs-save-btn--ready{background:var(--c-primary);box-shadow:0 4px 14px #2563eb59}.prefs-save-btn--ready:hover:not(:disabled){background:var(--c-primary-d);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.prefs-save-btn--saved{background:var(--c-success)!important;box-shadow:0 4px 14px #16a34a4d}.prefs-save-btn:disabled{cursor:not-allowed;opacity:.75}.prefs-save-btn__spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:var(--r-full);animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.goal-browser__categories::-webkit-scrollbar,.goal-browser__options::-webkit-scrollbar,.goal-browser__result-grid::-webkit-scrollbar{width:5px}.goal-browser__categories::-webkit-scrollbar-track,.goal-browser__options::-webkit-scrollbar-track,.goal-browser__result-grid::-webkit-scrollbar-track{background:transparent}.goal-browser__categories::-webkit-scrollbar-thumb,.goal-browser__options::-webkit-scrollbar-thumb,.goal-browser__result-grid::-webkit-scrollbar-thumb{background:var(--c-border-2);border-radius:var(--r-full)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}@media(max-width:960px){.prefs-main{grid-template-columns:1fr;padding:24px 20px 60px;gap:24px}.prefs-outline{display:none}.goal-browser__panel{grid-template-columns:1fr;min-height:unset}.goal-browser__categories{border-right:none;border-bottom:1px solid var(--c-border);max-height:160px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px}.goal-browser__options{max-height:260px}}@media(max-width:640px){.prefs-header__inner{padding:0 16px;gap:12px}.prefs-logo-name,.prefs-header__back span{display:none}.prefs-hero__title{font-size:1.5rem}.pref-section__header{padding:16px 16px 0}.pref-section__body{padding:12px 16px 16px}.pref-card-row{grid-template-columns:1fr}.prefs-footer{flex-direction:column;align-items:flex-start;gap:14px}.prefs-save-btn{width:100%;justify-content:center}.pref-time-row{flex-direction:column;max-width:100%}.pref-time-slot+.pref-time-slot{border-left:none;border-top:1px solid var(--c-border)}.pref-time-summary{max-width:100%}.goal-browser__categories{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prefs-hero,.pref-section{animation:fadeUp .45s var(--ease-out) both}.pref-section:nth-child(1){animation-delay:.05s}.pref-section:nth-child(2){animation-delay:.1s}.pref-section:nth-child(3){animation-delay:.15s}.pref-section:nth-child(4){animation-delay:.2s}.pref-section:nth-child(5){animation-delay:.25s}.pref-section:nth-child(6){animation-delay:.3s}.prefs-footer{animation:fadeUp .45s var(--ease-out) .35s both}:root{--bg-page: #F8FAFC;--bg-panel: #FFFFFF;--primary: #2563EB;--primary-dark: #1D4ED8;--primary-soft: #DBEAFE;--accent: #F59E0B;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-light: #94A3B8;--border: #E5E7EB;--border-medium: #D1D5DB;--shadow-sm: 0 4px 12px rgba(0,0,0,.05);--shadow-md: 0 8px 24px rgba(0,0,0,.1);--shadow-lg: 0 16px 40px rgba(0,0,0,.12);--shadow-primary: 0 10px 25px rgba(37,99,235,.25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-slow: .6s cubic-bezier(.16, 1, .3, 1);--mm-bg: #F8FAFC;--mm-bg-2: #ffffff;--mm-surface: #ffffff;--mm-surface-solid: #ffffff;--mm-glass: rgba(255,255,255,.85);--mm-glass-border: #E5E7EB;--mm-blue: #2563EB;--mm-blue-bright: #1D4ED8;--mm-blue-soft: #DBEAFE;--mm-blue-glow: rgba(37,99,235,.18);--mm-amber: #F59E0B;--mm-amber-soft: #FEF9C3;--mm-amber-glow: rgba(245,158,11,.2);--mm-green: #16a34a;--mm-text: #0F172A;--mm-text-sub: #475569;--mm-text-muted: #64748B;--mm-border: #E5E7EB;--mm-font: "Outfit", "DM Sans", system-ui, sans-serif}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.matchmaking-page{height:100vh;background:var(--bg-page);display:flex;flex-direction:column;overflow:hidden}.matchmaking-main{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 var(--space-lg)}.matchmaking-header{display:none!important;padding:var(--space-md) var(--space-xl);background:transparent;flex-shrink:0}.header-content{max-width:1200px;margin:0 auto}.header-logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-mark{width:32px;height:32px;background:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;box-shadow:var(--shadow-primary)}.logo-text{font-weight:600;font-size:1rem;color:var(--text-primary);letter-spacing:-.02em}.state-connecting{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.connecting-pulse{position:relative;width:80px;height:80px}.pulse-ring{position:absolute;inset:0;border:3px solid var(--primary);border-radius:var(--radius-full);opacity:0;animation:pulse-ring 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.connecting-message{color:var(--text-muted);font-size:.9rem;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.state-searching{display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;max-height:90vh;overflow:hidden}.scanning-orbit{position:relative;width:clamp(240px,32vw,360px);height:clamp(240px,32vw,360px);max-height:40vh;margin-bottom:var(--space-lg);flex-shrink:0}.central-user{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.user-avatar-large{width:clamp(70px,8vw,100px);height:clamp(70px,8vw,100px);background:var(--primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;box-shadow:var(--shadow-primary);position:relative;z-index:2}.user-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(37,99,235,.3) 0%,transparent 70%);border-radius:var(--radius-full);animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.orbit-layer{position:absolute;inset:0;animation:rotate-slow 20s linear infinite}.layer-1{animation-duration:20s}.orbit-dot{position:absolute;top:50%;left:50%;width:clamp(30px,4vw,40px);height:clamp(30px,4vw,40px);margin-left:calc(clamp(30px,4vw,40px)/-2);margin-top:calc(clamp(30px,4vw,40px)/-2)}.dot-pulse{width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);background:var(--primary);border-radius:var(--radius-full);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(2);opacity:1;background:var(--accent)}}.scanning-avatars{position:absolute;inset:0}.scanning-avatar{position:absolute;top:50%;left:50%;width:clamp(32px,5vw,44px);height:clamp(32px,5vw,44px);margin-left:calc(clamp(32px,5vw,44px)/-2);margin-top:calc(clamp(32px,5vw,44px)/-2);animation:fade-rotate 8s ease-in-out infinite}.avatar-placeholder{width:100%;height:100%;background:var(--primary-soft);border:2px solid var(--primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:600;font-size:clamp(.9rem,1.5vw,1.1rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fade-rotate{0%,to{opacity:0;transform:rotate(0) translate(140px) rotate(0)}20%,80%{opacity:.8}40%,60%{opacity:1}}.radar-sweep{position:absolute;inset:-20px;background:conic-gradient(from 0deg,transparent 0deg,rgba(37,99,235,.05) 60deg,transparent 120deg);border-radius:var(--radius-full);animation:radar-spin 4s linear infinite;pointer-events:none}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-info{text-align:center;margin-bottom:var(--space-lg)}.search-title{font-size:clamp(22px,2.5vw,32px);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em;line-height:1.2}.search-subtitle{font-size:clamp(14px,1.3vw,15px);color:var(--text-muted);margin-bottom:var(--space-md)}.live-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-md);background:var(--bg-panel);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:20px;font-weight:700;color:var(--primary);line-height:1.2}.stat-label{font-size:12px;color:var(--text-muted)}.stat-divider{width:1px;height:24px;background:var(--border)}.preference-pills{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-lg)}.pill{padding:var(--space-xs) var(--space-md);background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cancel-search{padding:10px 28px;background:transparent;border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.cancel-search:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.state-matched{width:100%;max-width:700px;max-height:90vh;overflow:hidden;animation:reveal-match .6s var(--transition-base)}@keyframes reveal-match{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.match-reveal-container{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-lg)}.match-player{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.player-avatar{width:clamp(80px,12vw,100px);height:clamp(80px,12vw,100px);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(2rem,4vw,2.5rem);font-weight:600;box-shadow:var(--shadow-lg);position:relative;animation:player-float 3s ease-in-out infinite}.you-avatar{background:var(--primary);border:3px solid white}.partner-avatar{background:var(--accent);border:3px solid white}@keyframes player-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.player-info{text-align:center}.player-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:2px}.player-name{font-size:clamp(1rem,2vw,1.2rem);font-weight:600;color:var(--text-primary)}.match-connection{position:relative;width:80px;height:4px;display:flex;justify-content:center;align-items:center}.connection-pulse{position:absolute;width:10px;height:10px;background:var(--primary);border-radius:var(--radius-full);animation:connection-pulse 2s ease-out infinite}.connection-pulse.delay-1{animation-delay:.4s;background:var(--accent)}.connection-pulse.delay-2{animation-delay:.8s}.connection-line{position:absolute;width:60px;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);animation:line-grow .5s var(--transition-base) forwards;animation-delay:.3s}@keyframes connection-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes line-grow{to{transform:scaleX(1)}}.match-details{text-align:center;margin-bottom:var(--space-lg)}.match-badges{display:flex;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-sm);flex-wrap:wrap}.match-badge{padding:var(--space-xs) var(--space-md);background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;animation:badge-pop .3s var(--transition-base) backwards}.match-badge:nth-child(1){animation-delay:.2s}.match-badge:nth-child(2){animation-delay:.3s}.match-badge:nth-child(3){animation-delay:.4s}@keyframes badge-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.match-message p{color:var(--text-muted);font-size:.85rem}.entering-room{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.entering-dots{display:flex;gap:var(--space-xs)}.entering-dot{width:8px;height:8px;background:var(--primary);border-radius:var(--radius-full);animation:entering-bounce 1.2s ease-in-out infinite}.entering-dot.delay-1{animation-delay:.2s}.entering-dot.delay-2{animation-delay:.4s}@keyframes entering-bounce{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-8px);opacity:1;background:var(--accent)}}.entering-text{color:var(--text-muted);font-size:.85rem;animation:pulse-text 2s ease-in-out infinite}.state-error{width:100%;max-width:380px;max-height:90vh;overflow:hidden}.error-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-lg)}.error-icon{font-size:3rem;margin-bottom:var(--space-md);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.error-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.error-message{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.9rem}.error-actions{display:flex;gap:var(--space-sm);justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none}.action-btn.primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.action-btn.primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn.secondary{background:transparent;border:2px solid var(--border);color:var(--text-secondary)}.action-btn.secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}@media(max-width:768px){.matchmaking-header{display:none!important;padding:var(--space-sm) var(--space-md)}.scanning-orbit{width:220px;height:220px;margin-bottom:var(--space-md)}.user-avatar-large{width:60px;height:60px;font-size:1.5rem}.live-stats{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);width:100%}.stat-divider{width:40px;height:1px}.cancel-search{width:100%;max-width:280px}.match-reveal-container{flex-direction:column;gap:var(--space-md)}.match-connection{transform:rotate(90deg);margin:0;width:60px}.player-avatar{width:70px;height:70px;font-size:1.8rem}.error-actions{flex-direction:column}.action-btn{width:100%}}@media(max-width:480px){.search-title{font-size:20px}.search-subtitle{font-size:13px}.preference-pills{flex-direction:column;width:100%;max-width:240px}.pill{text-align:center;width:100%}.cancel-search{max-width:240px}.match-badges{flex-direction:column;width:100%;max-width:200px;margin-left:auto;margin-right:auto}.match-badge{width:100%;text-align:center}.error-card{padding:var(--space-lg)}}@media(max-height:800px){.scanning-orbit{width:220px;height:220px;margin-bottom:var(--space-md)}.user-avatar-large{width:60px;height:60px;font-size:1.5rem}.search-info{margin-bottom:var(--space-md)}.live-stats{padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-sm)}.preference-pills{margin-bottom:var(--space-md)}.player-avatar{width:70px;height:70px;font-size:1.8rem}}:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-contrast:high){:root{--primary: #0000FF;--primary-dark: #0000CC;--border: #000000}}@media(max-width:900px){.matchmaking-header,.matchmaking-main{display:none!important}}@media(min-width:901px){.mm-shell{display:none!important}}.mm-shell{position:fixed;inset:0;font-family:var(--mm-font);-webkit-font-smoothing:antialiased;overflow:hidden}.mm-screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.mm-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.mm-bg-orb--1{width:320px;height:320px;top:-80px;right:-60px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);animation:mm-orb-float 8s ease-in-out infinite}.mm-bg-orb--2{width:260px;height:260px;bottom:100px;left:-80px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);animation:mm-orb-float 11s ease-in-out infinite reverse}.mm-bg-orb--3{width:200px;height:200px;bottom:40%;right:-40px;background:radial-gradient(circle,rgba(37,99,235,.07) 0%,transparent 70%);animation:mm-orb-float 14s ease-in-out infinite}@keyframes mm-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.08)}}.mm-brand{display:flex;align-items:center;gap:8px}.mm-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--mm-blue);box-shadow:0 0 10px var(--mm-blue-glow);animation:mm-dot-blink 2s ease-in-out infinite}@keyframes mm-dot-blink{0%,to{opacity:1;box-shadow:0 0 6px var(--mm-blue-glow)}50%{opacity:.6;box-shadow:0 0 12px var(--mm-blue-glow)}}.mm-brand-name{font-family:var(--mm-font);font-size:.9rem;font-weight:700;color:var(--mm-text);letter-spacing:.02em}.mm-screen--connecting{background:var(--mm-bg);align-items:center;justify-content:center}.mm-connecting-content{display:flex;flex-direction:column;align-items:center;gap:36px;z-index:1}.mm-conn-ring-wrap{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.mm-conn-ring{position:absolute;border-radius:50%;border:1.5px solid transparent;animation:mm-ring-spin 3s linear infinite}.mm-conn-ring--1{inset:0;border-top-color:var(--mm-blue);border-right-color:#2563eb40;animation-duration:2.4s}.mm-conn-ring--2{inset:20px;border-top-color:#2563eb8c;border-left-color:#2563eb2e;animation-duration:3.2s;animation-direction:reverse}.mm-conn-ring--3{inset:40px;border-top-color:#2563eb59;border-bottom-color:#2563eb1a;animation-duration:4s}@keyframes mm-ring-spin{to{transform:rotate(360deg)}}.mm-conn-core{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#2563eb);display:flex;align-items:center;justify-content:center;font-family:var(--mm-font);font-size:1.5rem;font-weight:800;color:#fff;box-shadow:0 4px 20px var(--mm-blue-glow),0 0 0 4px var(--mm-blue-soft);position:relative;z-index:2}.mm-conn-label{font-family:var(--mm-font);font-size:.95rem;color:var(--mm-text-muted);letter-spacing:.01em}.mm-conn-dots{display:flex;gap:8px}.mm-conn-dots span{display:block;width:6px;height:6px;border-radius:50%;background:var(--mm-blue);opacity:.35;animation:mm-dot-wave 1.4s ease-in-out infinite}.mm-conn-dots span:nth-child(2){animation-delay:.2s}.mm-conn-dots span:nth-child(3){animation-delay:.4s}@keyframes mm-dot-wave{0%,to{opacity:.25;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.4);background:var(--mm-amber)}}.mm-screen--searching{background:var(--mm-bg)}.mm-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px;flex-shrink:0;position:relative;z-index:10;padding-top:max(16px,env(safe-area-inset-top,16px))}.mm-topbar-brand{display:flex;align-items:center;gap:7px;font-family:var(--mm-font);font-size:.9rem;font-weight:700;color:var(--mm-text)}.mm-topbar-timer{display:flex;align-items:center;gap:7px;padding:5px 12px;background:var(--mm-blue-soft);border:1px solid rgba(37,99,235,.2);border-radius:99px}.mm-timer-dot{width:6px;height:6px;border-radius:50%;background:var(--mm-blue);animation:mm-dot-blink 1s ease-in-out infinite}.mm-timer-val{font-family:var(--mm-font);font-size:.78rem;font-weight:700;color:var(--mm-blue);font-variant-numeric:tabular-nums;letter-spacing:.04em}.mm-orbit-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.mm-orbit-ring{position:absolute;border-radius:50%;pointer-events:none}.mm-orbit-ring--1{width:min(72vw,280px);height:min(72vw,280px);border:1px solid rgba(37,99,235,.16)}.mm-orbit-ring--2{width:min(56vw,218px);height:min(56vw,218px);border:1px dashed rgba(37,99,235,.1)}.mm-orbit-ring--3{width:min(88vw,340px);height:min(88vw,340px);border:1px solid rgba(37,99,235,.07)}.mm-orbit-ring--4{width:min(104vw,400px);height:min(104vw,400px);border:1px solid rgba(37,99,235,.04)}.mm-radar{position:absolute;width:min(72vw,280px);height:min(72vw,280px);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(37,99,235,.08) 60deg,transparent 100deg);animation:mm-radar-spin 3s linear infinite;pointer-events:none}@keyframes mm-radar-spin{to{transform:rotate(360deg)}}.mm-orbit-avatars{position:absolute;width:min(72vw,280px);height:min(72vw,280px)}.mm-orbit-avatar{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px;transform:rotate(var(--orbit-angle)) translate(min(36vw,140px));transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.mm-orbit-avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--mm-blue-soft);border:1.5px solid rgba(37,99,235,.35);display:flex;align-items:center;justify-content:center;font-family:var(--mm-font);font-size:.85rem;font-weight:700;color:var(--mm-blue);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mm-center-user{position:relative;display:flex;align-items:center;justify-content:center;z-index:2}.mm-center-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);animation:mm-glow-breathe 3s ease-in-out infinite}@keyframes mm-glow-breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}.mm-center-ring{position:absolute;width:82px;height:82px;border-radius:50%;border:2px solid rgba(37,99,235,.35);animation:mm-ring-pulse 2s ease-in-out infinite}@keyframes mm-ring-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:1}}.mm-center-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#2563eb);display:flex;align-items:center;justify-content:center;font-family:var(--mm-font);font-size:1.8rem;font-weight:800;color:#fff;box-shadow:0 0 0 4px var(--mm-blue-soft),0 8px 24px var(--mm-blue-glow);position:relative;z-index:1}.mm-orbit-label{position:absolute;bottom:16px;display:flex;align-items:center;gap:7px;padding:6px 14px;background:#fff;border:1px solid var(--mm-border);border-radius:99px;font-family:var(--mm-font);font-size:.75rem;font-weight:600;color:var(--mm-text-muted);letter-spacing:.03em;box-shadow:0 2px 8px #0000000f}.mm-scan-dot{width:6px;height:6px;border-radius:50%;background:var(--mm-blue);animation:mm-dot-blink 1.2s ease-in-out infinite}.mm-info-panel{flex-shrink:0;background:#fff;border-top:1px solid var(--mm-border);border-radius:24px 24px 0 0;padding:10px 20px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 24px #0000000f;animation:mm-panel-slide-up .5s cubic-bezier(.34,1.56,.64,1)}@keyframes mm-panel-slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.mm-info-handle{width:36px;height:4px;border-radius:99px;background:var(--mm-border);margin:0 auto 16px}.mm-info-header{margin-bottom:14px}.mm-info-title{font-family:var(--mm-font);font-size:1.2rem;font-weight:800;color:var(--mm-text);letter-spacing:-.3px;margin-bottom:3px}.mm-info-sub{font-family:var(--mm-font);font-size:.82rem;font-weight:500;color:var(--mm-text-sub)}.mm-pref-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.mm-pref-chip{padding:5px 12px;background:var(--mm-blue-soft);border:1px solid rgba(37,99,235,.2);border-radius:99px;font-family:var(--mm-font);font-size:.75rem;font-weight:600;color:var(--mm-blue);letter-spacing:.01em}.mm-stats-row{display:flex;align-items:center;gap:0;background:#f8fafc;border:1px solid var(--mm-border);border-radius:14px;padding:12px 16px;margin-bottom:16px}.mm-stat-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.mm-stat-num{font-family:var(--mm-font);font-size:1.25rem;font-weight:800;color:var(--mm-blue);line-height:1}.mm-stat-key{font-family:var(--mm-font);font-size:.68rem;font-weight:500;color:var(--mm-text-muted);text-transform:uppercase;letter-spacing:.04em}.mm-stat-sep{width:1px;height:28px;background:var(--mm-border);flex-shrink:0}.mm-cancel-btn{width:100%;padding:13px;background:transparent;border:1.5px solid var(--mm-border);border-radius:14px;font-family:var(--mm-font);font-size:.9rem;font-weight:600;color:var(--mm-text-muted);cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.mm-cancel-btn:hover,.mm-cancel-btn:active{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.mm-screen--matched{background:var(--mm-bg);align-items:center;justify-content:flex-end;padding-bottom:env(safe-area-inset-bottom,0px);animation:mm-matched-in .5s ease}@keyframes mm-matched-in{0%{opacity:0}to{opacity:1}}.mm-match-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(37,99,235,.1) 0%,transparent 55%),radial-gradient(ellipse at 85% 75%,rgba(245,158,11,.1) 0%,transparent 45%);pointer-events:none}.mm-match-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mm-particle{position:absolute;width:6px;height:6px;border-radius:1px;animation:mm-particle-fall 2s ease-out forwards;animation-delay:calc(var(--p-i) * .12s);opacity:0}.mm-particle:nth-child(odd){background:var(--mm-blue);border-radius:50%}.mm-particle:nth-child(2n){background:var(--mm-amber)}.mm-particle:nth-child(3n){background:#10b981;width:5px;height:5px}.mm-particle:nth-child(4n){background:#a78bfa}.mm-particle:nth-child(1){left:10%;top:-10px}.mm-particle:nth-child(2){left:20%;top:-10px}.mm-particle:nth-child(3){left:30%;top:-10px}.mm-particle:nth-child(4){left:45%;top:-10px}.mm-particle:nth-child(5){left:55%;top:-10px}.mm-particle:nth-child(6){left:65%;top:-10px}.mm-particle:nth-child(7){left:75%;top:-10px}.mm-particle:nth-child(8){left:85%;top:-10px}.mm-particle:nth-child(9){left:5%;top:-10px}.mm-particle:nth-child(10){left:50%;top:-10px}.mm-particle:nth-child(11){left:90%;top:-10px}.mm-particle:nth-child(12){left:38%;top:-10px}@keyframes mm-particle-fall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(60vh) rotate(720deg) scale(.5)}}.mm-match-topbadge{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:max(24px,env(safe-area-inset-top,24px)) 20px 0;font-family:var(--mm-font);font-size:.9rem;font-weight:800;color:var(--mm-blue);letter-spacing:.06em;text-transform:uppercase}.mm-match-spark{font-size:.75rem;animation:mm-spark 1.5s ease-in-out infinite alternate}@keyframes mm-spark{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.mm-match-players{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:20px;flex:1;padding:0 24px}.mm-match-player{display:flex;flex-direction:column;align-items:center;gap:10px}.mm-match-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mm-match-avatar-glow{position:absolute;width:110px;height:110px;border-radius:50%;filter:blur(24px);animation:mm-glow-breathe 2.5s ease-in-out infinite}.mm-match-avatar-glow--blue{background:#2563eb38}.mm-match-avatar-glow--amber{background:#f59e0b38}.mm-match-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mm-font);font-size:1.8rem;font-weight:900;color:#fff;position:relative;animation:mm-avatar-float 3s ease-in-out infinite;border:3px solid white}.mm-match-avatar--blue{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 8px 28px #2563eb59,0 0 0 4px var(--mm-blue-soft)}.mm-match-avatar--amber{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 8px 28px #f59e0b59,0 0 0 4px var(--mm-amber-soft);animation-delay:.4s}@keyframes mm-avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mm-match-label{font-family:var(--mm-font);font-size:.62rem;font-weight:800;color:var(--mm-text-muted);text-transform:uppercase;letter-spacing:.12em}.mm-match-pname{font-family:var(--mm-font);font-size:1rem;font-weight:700;color:var(--mm-text)}.mm-match-vs{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.mm-match-vs-line{width:1px;height:24px;background:linear-gradient(to bottom,transparent,var(--mm-border),transparent)}.mm-match-vs-icon{font-size:1.2rem;filter:drop-shadow(0 0 6px rgba(37,99,235,.4));animation:mm-spark 1s ease-in-out infinite alternate}.mm-match-card{position:relative;z-index:2;margin:0 20px;padding:16px 20px;background:#fff;border:1px solid var(--mm-border);border-radius:18px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #00000012;animation:mm-card-pop .6s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes mm-card-pop{0%{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-match-score{flex-shrink:0}.mm-match-score-ring{width:56px;height:56px;border-radius:50%;border:2.5px solid var(--mm-blue);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mm-blue-soft);box-shadow:0 0 12px var(--mm-blue-glow)}.mm-match-score-val{font-family:var(--mm-font);font-size:.82rem;font-weight:900;color:var(--mm-blue);line-height:1}.mm-match-score-key{font-family:var(--mm-font);font-size:.55rem;font-weight:600;color:var(--mm-text-muted);text-transform:uppercase;letter-spacing:.04em}.mm-match-tags{display:flex;flex-wrap:wrap;gap:5px}.mm-match-tag{padding:4px 10px;background:var(--mm-blue-soft);border:1px solid rgba(37,99,235,.18);border-radius:99px;font-family:var(--mm-font);font-size:.72rem;font-weight:600;color:var(--mm-blue)}.mm-entering{position:relative;z-index:2;margin:16px 20px;margin-bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;align-items:center}.mm-entering-bar{width:100%;height:4px;border-radius:99px;background:var(--mm-border);overflow:hidden}.mm-entering-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mm-blue),var(--mm-amber));animation:mm-fill-progress 2.5s ease-in-out forwards}@keyframes mm-fill-progress{0%{width:0%}to{width:100%}}.mm-entering-text{font-family:var(--mm-font);font-size:.8rem;font-weight:500;color:var(--mm-text-muted);letter-spacing:.03em}.mm-screen--error{background:var(--mm-bg);align-items:center;justify-content:center;padding:24px}.mm-error-content{width:100%;max-width:340px;background:#fff;border:1px solid var(--mm-border);border-radius:24px;padding:32px 24px;text-align:center;z-index:1;box-shadow:0 8px 32px #00000014;animation:mm-card-pop .5s ease}.mm-error-icon{font-size:3rem;margin-bottom:16px;display:block;filter:drop-shadow(0 0 12px rgba(239,68,68,.25));animation:shake .5s ease-in-out}.mm-error-title{font-family:var(--mm-font);font-size:1.3rem;font-weight:800;color:var(--mm-text);margin-bottom:8px}.mm-error-msg{font-family:var(--mm-font);font-size:.85rem;color:var(--mm-text-sub);line-height:1.6;margin-bottom:28px}.mm-error-actions{display:flex;flex-direction:column;gap:10px}.mm-error-btn{display:flex;align-items:center;justify-content:center;padding:13px;border-radius:14px;font-family:var(--mm-font);font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.mm-error-btn--pri{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;box-shadow:0 4px 16px var(--mm-blue-glow)}.mm-error-btn--pri:hover{filter:brightness(1.08);transform:translateY(-1px)}.mm-error-btn--sec{background:#f8fafc;border:1px solid var(--mm-border);color:var(--mm-text-sub)}.mm-error-btn--sec:hover{background:var(--mm-blue-soft);border-color:#2563eb40;color:var(--mm-blue)}@media(min-width:601px)and (max-width:900px){.mm-orbit-ring--1{width:260px;height:260px}.mm-orbit-ring--2{width:200px;height:200px}.mm-orbit-ring--3{width:320px;height:320px}.mm-orbit-ring--4{width:380px;height:380px}.mm-radar,.mm-orbit-avatars{width:260px;height:260px}.mm-orbit-avatar{transform:rotate(var(--orbit-angle)) translate(130px)}.mm-center-avatar{width:80px;height:80px;font-size:2rem}.mm-info-panel{padding:10px 32px 32px}.mm-info-title{font-size:1.35rem}.mm-match-avatar{width:90px;height:90px;font-size:2rem}.mm-match-players{gap:32px}.mm-match-card{margin:0 32px}.mm-entering{margin:16px 32px}.mm-topbar{padding:20px 32px 10px}}@media(max-width:375px){.mm-center-avatar{width:60px;height:60px;font-size:1.5rem}.mm-orbit-ring--1{width:220px;height:220px}.mm-orbit-ring--2{width:170px;height:170px}.mm-orbit-ring--3{width:268px;height:268px}.mm-radar,.mm-orbit-avatars{width:220px;height:220px}.mm-orbit-avatar{transform:rotate(var(--orbit-angle)) translate(110px);width:30px;height:30px;margin:-15px}.mm-info-title{font-size:1.05rem}.mm-match-avatar{width:68px;height:68px;font-size:1.6rem}.mm-match-players{gap:12px}}.sbc-container{display:flex;flex-direction:column;height:100%;background:var(--color-surface);font-family:var(--font-sans);overflow:hidden;position:relative}.sbc-header{padding:11px 14px 9px;border-bottom:1px solid var(--border-light);background:var(--color-surface);flex-shrink:0}.sbc-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.sbc-header-left{display:flex;align-items:center;gap:6px}.sbc-header-icon{color:var(--blue-600);flex-shrink:0}.sbc-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.sbc-header-right{display:flex;align-items:center;gap:6px}.sbc-subtitle{font-size:.69rem;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:4px}.sbc-subtitle-icon{flex-shrink:0;opacity:.7}.sbc-next-check{display:inline-flex;align-items:center;gap:4px;font-size:.67rem;color:var(--text-muted);background:var(--color-bg);border:1px solid var(--border-light);padding:2px 8px;border-radius:var(--radius-full);font-variant-numeric:tabular-nums;white-space:nowrap}.sbc-next-check svg{opacity:.6;flex-shrink:0}.sbc-focus-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--color-bg);font-size:.68rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.sbc-focus-btn:hover,.sbc-focus-btn--on{border-color:var(--blue-400);color:var(--blue-600);background:var(--blue-50)}.sbc-banner{display:flex;align-items:flex-start;gap:8px;padding:10px 13px;font-size:.78rem;font-weight:500;border-bottom:1px solid;flex-shrink:0;animation:sbc-slide-in .2s ease-out}.sbc-banner svg{flex-shrink:0;margin-top:1px}.sbc-banner--warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.sbc-banner--focus{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700)}.sbc-banner--blocked{background:#fef2f2;border-color:#fecaca;color:#991b1b}.sbc-banner-text{flex:1;line-height:1.4}.sbc-banner-close{margin-left:auto;display:flex;align-items:center;background:none;border:none;cursor:pointer;color:inherit;opacity:.55;padding:0 2px;flex-shrink:0;transition:opacity var(--transition-fast)}.sbc-banner-close:hover{opacity:1}@keyframes sbc-slide-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.sbc-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--color-bg);scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.sbc-messages::-webkit-scrollbar{width:4px}.sbc-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:99px}.sbc-empty{flex:1;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:.8rem;color:var(--text-muted);font-style:italic;text-align:center;padding:0 20px}.sbc-empty-icon{opacity:.3}.sbc-msg{display:flex;flex-direction:column;gap:3px;max-width:74%;animation:sbc-msg-in .15s ease-out}.sbc-msg--mine{align-self:flex-end}.sbc-msg--theirs{align-self:flex-start}.sbc-msg--study.sbc-msg--theirs .sbc-bubble--theirs{background:#f0fdf4;border-color:#bbf7d0}.sbc-msg--study.sbc-msg--mine .sbc-bubble--mine{background:var(--blue-700)}.sbc-sender{font-size:.67rem;font-weight:500;color:var(--text-muted);margin-left:10px}.sbc-bubble{padding:8px 13px;border-radius:var(--radius-lg);line-height:1.5;font-size:.875rem;box-shadow:var(--shadow-xs);word-wrap:break-word}.sbc-bubble--mine{background:var(--blue-600);color:#fff;border-bottom-right-radius:4px}.sbc-bubble--theirs{background:var(--color-surface);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px}.sbc-bubble-text{margin:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.sbc-time{font-size:.6rem;color:var(--text-muted);margin:0 6px;display:flex;align-items:center;gap:4px}.sbc-msg--mine .sbc-time{justify-content:flex-end}.sbc-study-badge{color:var(--blue-400);opacity:.8;flex-shrink:0}@keyframes sbc-msg-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sbc-emoji-panel{position:absolute;bottom:68px;left:10px;right:10px;background:var(--color-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:40;animation:sbc-panel-in .15s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes sbc-panel-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sbc-emoji-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 7px;border-bottom:1px solid var(--border-light);background:var(--color-bg)}.sbc-emoji-panel-title{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.sbc-emoji-panel-title svg{color:var(--blue-500)}.sbc-emoji-panel-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.sbc-emoji-panel-close:hover{color:var(--text-primary);background:var(--border-light)}.sbc-emoji-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;padding:8px}.sbc-emoji-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-size:1.25rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);line-height:1;padding:4px}.sbc-emoji-btn:hover{background:var(--blue-50);transform:scale(1.2)}.sbc-emoji-btn:active{transform:scale(.95)}.sbc-input-area{padding:10px 12px 8px;border-top:1px solid var(--border-light);background:var(--color-surface);flex-shrink:0}.sbc-input-row{display:flex;align-items:center;gap:5px;background:var(--color-bg);border:1px solid var(--border-medium);border-radius:var(--radius-full);padding:3px 4px 3px 6px;margin-bottom:6px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sbc-input-row:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.sbc-input-row--blocked{opacity:.45;pointer-events:none}.sbc-emoji-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.sbc-emoji-toggle:hover,.sbc-emoji-toggle--on{color:var(--blue-600);background:var(--blue-50)}.sbc-emoji-toggle:disabled{opacity:.3;cursor:not-allowed}.sbc-input{flex:1;height:32px;background:transparent;border:none;outline:none;font-size:.875rem;color:var(--text-primary);font-family:inherit;min-width:0}.sbc-input::placeholder{color:var(--text-muted)}.sbc-send{width:32px;height:32px;border-radius:var(--radius-full);background:var(--blue-600);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}.sbc-send:hover:not(:disabled){background:var(--blue-700);transform:scale(1.06)}.sbc-send:active:not(:disabled){transform:scale(.94)}.sbc-send:disabled{opacity:.3;cursor:not-allowed}.sbc-notice{display:flex;align-items:center;gap:4px;justify-content:center;font-size:.62rem;color:var(--text-muted);margin:0}.sbc-notice-icon{flex-shrink:0;opacity:.6}.sbc-check-overlay{position:absolute;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit;animation:sbc-overlay-in .18s ease-out}@keyframes sbc-overlay-in{0%{opacity:0}to{opacity:1}}.sbc-check-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:22px 20px 18px;width:calc(100% - 28px);max-width:320px;box-shadow:0 20px 40px #00000038;animation:sbc-modal-in .22s cubic-bezier(.16,1,.3,1)}@keyframes sbc-modal-in{0%{transform:translateY(10px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sbc-check-header{text-align:center;margin-bottom:14px}.sbc-check-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-xl);background:var(--blue-50);color:var(--blue-600);margin:0 auto 10px;border:2px solid var(--blue-100)}.sbc-check-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.sbc-check-sub{font-size:.72rem;color:var(--text-muted);margin:0;line-height:1.4}.sbc-check-progress-wrap{height:4px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:6px}.sbc-check-progress-bar{height:100%;border-radius:var(--radius-full);transition:width 1s linear,background .3s ease}.sbc-check-timer-row{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.67rem;color:var(--text-muted);margin:0 0 16px}.sbc-check-timer-row svg{opacity:.6}.sbc-check-question{text-align:center;font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0 0 14px;line-height:1.4}.sbc-check-btns{display:flex;flex-direction:column;gap:8px}.sbc-check-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all var(--transition-fast)}.sbc-check-btn--yes{background:#dcfce7;color:#166534}.sbc-check-btn--yes:hover{background:#bbf7d0}.sbc-check-btn--no{background:#fee2e2;color:#991b1b}.sbc-check-btn--no:hover{background:#fecaca}.sbc-check-submitting{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.85rem;color:var(--text-tertiary);padding:14px 0}.sbc-check-spinner{width:16px;height:16px;border:2px solid var(--border-medium);border-top-color:var(--blue-500);border-radius:50%;animation:sbc-spin .7s linear infinite}@keyframes sbc-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.sbc-msg{max-width:88%}.sbc-bubble{font-size:.83rem}.sbc-emoji-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:480px){.sbc-messages{padding:10px}.sbc-msg{max-width:92%}.sbc-emoji-grid{grid-template-columns:repeat(5,1fr)}.sbc-emoji-btn{font-size:1.1rem}}:root{--sb-room-bg: #F8FAFC;--sb-room-surface: #FFFFFF;--sb-room-subtle: #F1F5F9;--sb-room-border: #E5E7EB;--sb-room-border-strong: #D1D5DB;--sb-room-video-bg: #0F172A;--sb-room-primary: #2563EB;--sb-room-primary-dark: #1D4ED8;--sb-room-primary-soft: #DBEAFE;--sb-room-danger: #EF4444;--sb-room-danger-dark: #DC2626;--sb-room-danger-soft: #FEE2E2;--sb-room-success: #10B981;--sb-room-success-soft: #D1FAE5;--sb-room-text-primary: #0F172A;--sb-room-text-secondary: #334155;--sb-room-text-tertiary: #64748B;--sb-room-text-muted: #94A3B8;--sb-room-text-light: #FFFFFF;--sb-room-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--sb-room-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--sb-room-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--sb-room-shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .2);--sb-room-radius-sm: 6px;--sb-room-radius-md: 8px;--sb-room-radius-lg: 12px;--sb-room-radius-xl: 16px;--sb-room-radius-2xl: 20px;--sb-room-radius-full: 9999px;--sb-room-space-1: 4px;--sb-room-space-2: 8px;--sb-room-space-3: 12px;--sb-room-space-4: 16px;--sb-room-space-5: 20px;--sb-room-space-6: 24px;--sb-room-space-8: 32px;--sb-room-space-10: 40px;--sb-room-space-12: 48px;--sb-room-space-16: 64px;--sb-room-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--sb-room-transition-fast: .15s ease;--sb-room-transition-base: .25s ease;--sb-room-transition-slow: .35s ease;--sb-room-header-height: 64px;--sb-room-controls-height: 80px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sb-room-font);background:var(--sb-room-bg);color:var(--sb-room-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.sb-room-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sb-room-bg)}@keyframes sb-room-pulse{0%,to{opacity:1}50%{opacity:.5}}.sb-room-workspace{height:calc(100vh - 60px);flex:1;display:flex;overflow:hidden;background:var(--sb-room-video-bg)}.sb-room-video-section{flex:1;position:relative;background:var(--sb-room-video-bg);transition:flex var(--sb-room-transition-base)}.sb-room-video-section--expanded{flex:1}.sb-room-video-remote{position:absolute;inset:0;background:var(--sb-room-video-bg)}.sb-room-video-remote video{width:100%;height:100%;object-fit:cover}.sb-room-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sb-room-video-bg)}.sb-room-placeholder-avatar{width:120px;height:120px;background:var(--sb-room-primary-soft);border-radius:var(--sb-room-radius-full);display:flex;align-items:center;justify-content:center;color:var(--sb-room-primary);font-size:3rem;font-weight:600;margin-bottom:var(--sb-room-space-4);border:3px solid var(--sb-room-primary);animation:sb-room-pulse 2s infinite}.sb-room-placeholder-text{color:var(--sb-room-text-light);font-size:1.1rem;opacity:.8}.sb-room-video-local{position:absolute;bottom:calc(var(--sb-room-controls-height) + var(--sb-room-space-6));right:var(--sb-room-space-6);width:200px;height:150px;background:var(--sb-room-video-bg);border-radius:var(--sb-room-radius-lg);overflow:hidden;border:2px solid var(--sb-room-border);box-shadow:var(--sb-room-shadow-xl);cursor:pointer;transition:all var(--sb-room-transition-base);z-index:10}.sb-room-video-local:hover{transform:scale(1.05);border-color:var(--sb-room-primary)}.sb-room-video-local video{width:100%;height:100%;object-fit:cover}.sb-room-controls{position:absolute;bottom:var(--sb-room-space-6);left:50%;transform:translate(-50%);display:flex;gap:var(--sb-room-space-2);padding:var(--sb-room-space-2);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--sb-room-border);border-radius:var(--sb-room-radius-2xl);box-shadow:var(--sb-room-shadow-lg);z-index:20}.sb-room-control-btn{width:48px;height:48px;border-radius:var(--sb-room-radius-full);border:1px solid var(--sb-room-border);background:var(--sb-room-surface);color:var(--sb-room-text-secondary);cursor:pointer;transition:all var(--sb-room-transition-fast);display:flex;align-items:center;justify-content:center}.sb-room-control-btn:hover{background:var(--sb-room-subtle);transform:translateY(-2px);box-shadow:var(--sb-room-shadow-md)}.sb-room-control-btn--active{background:var(--sb-room-primary);border-color:var(--sb-room-primary);color:#fff}.sb-room-control-btn--active:hover{background:var(--sb-room-primary-dark)}.sb-room-control-btn--success{background:var(--sb-room-success);border-color:var(--sb-room-success);color:#fff}.sb-room-control-btn--danger{background:var(--sb-room-danger);border-color:var(--sb-room-danger);color:#fff}.sb-room-control-btn--danger:hover{background:var(--sb-room-danger-dark)}.sb-room-chat-toggle{display:none;position:absolute;bottom:var(--sb-room-space-6);right:var(--sb-room-space-6);width:48px;height:48px;border-radius:var(--sb-room-radius-full);background:var(--sb-room-primary);border:none;color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--sb-room-shadow-lg);z-index:25}.sb-room-chat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 4px;background:var(--sb-room-danger);border-radius:var(--sb-room-radius-full);font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center}.sb-room-chat-section{width:320px;background:var(--sb-room-surface);border-left:1px solid var(--sb-room-border);display:flex;flex-direction:column;transition:transform var(--sb-room-transition-base)}.sb-room-chat-header{height:60px;padding:0 var(--sb-room-space-4);border-bottom:1px solid var(--sb-room-border);display:flex;align-items:center;justify-content:space-between}.sb-room-chat-header-left{display:flex;align-items:center;gap:var(--sb-room-space-2);color:var(--sb-room-text-secondary);font-weight:500;font-size:.95rem}.sb-room-chat-close{width:32px;height:32px;border-radius:var(--sb-room-radius-full);border:1px solid var(--sb-room-border);background:transparent;color:var(--sb-room-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--sb-room-transition-fast)}.sb-room-chat-close:hover{background:var(--sb-room-subtle);color:var(--sb-room-text-primary)}.sb-room-chat-messages{flex:1;overflow:hidden}.sb-room-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:sb-room-fade-in .2s ease-out}@keyframes sb-room-fade-in{0%{opacity:0}to{opacity:1}}.sb-room-modal{background:var(--sb-room-surface);border-radius:var(--sb-room-radius-xl);padding:var(--sb-room-space-8);max-width:400px;width:90%;text-align:center;box-shadow:var(--sb-room-shadow-xl);animation:sb-room-scale-up .3s ease-out}@keyframes sb-room-scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.sb-room-modal-icon{width:64px;height:64px;background:var(--sb-room-primary-soft);border-radius:var(--sb-room-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sb-room-space-4);color:var(--sb-room-primary)}.sb-room-modal-title{font-size:1.5rem;font-weight:700;color:var(--sb-room-text-primary);margin-bottom:var(--sb-room-space-2)}.sb-room-modal-text{color:var(--sb-room-text-tertiary);margin-bottom:var(--sb-room-space-6)}.sb-room-modal-actions{display:flex;gap:var(--sb-room-space-3);justify-content:center}.sb-room-modal-btn{padding:var(--sb-room-space-2) var(--sb-room-space-6);border-radius:var(--sb-room-radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--sb-room-transition-fast);border:none}.sb-room-modal-btn--primary{background:var(--sb-room-primary);color:#fff}.sb-room-modal-btn--primary:hover{background:var(--sb-room-primary-dark);transform:translateY(-1px);box-shadow:var(--sb-room-shadow-md)}.sb-room-modal-btn--secondary{background:transparent;border:1px solid var(--sb-room-border);color:var(--sb-room-text-secondary)}.sb-room-modal-btn--secondary:hover{background:var(--sb-room-subtle);border-color:var(--sb-room-text-tertiary)}@media(max-width:768px){.sb-room-workspace{position:relative}.sb-room-video-section{width:100%}.sb-room-video-local{width:120px;height:90px;bottom:calc(var(--sb-room-controls-height) + var(--sb-room-space-4));right:var(--sb-room-space-4)}.sb-room-controls{gap:var(--sb-room-space-1);padding:var(--sb-room-space-1);bottom:var(--sb-room-space-4)}.sb-room-control-btn{width:40px;height:40px}.sb-room-chat-toggle{display:flex}.sb-room-chat-section{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:320px;transform:translate(100%);z-index:30}.sb-room-chat-section--visible{transform:translate(0)}.sb-room-modal-actions{flex-direction:column}.sb-room-modal-btn{width:100%}}@media(max-width:480px){.sb-room-controls{flex-wrap:wrap;width:calc(100% - var(--sb-room-space-8));justify-content:center;background:#fffffffa}.sb-room-video-local{width:100px;height:75px}}:focus-visible{outline:2px solid var(--sb-room-primary);outline-offset:2px;border-radius:var(--sb-room-radius-sm)}@media(prefers-contrast:high){.sb-room-control-btn{border:2px solid black}.sb-room-control-btn--active{border:2px solid white}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sbfp-page{min-height:100vh;display:flex;background:var(--color-bg);font-family:var(--font-sans)}.sbfp-layout{display:flex;width:100%}.sbfp-side{width:380px;flex-shrink:0;background:linear-gradient(145deg,#1d4ed8,#2563eb 60%,#3b82f6);display:flex;align-items:center;padding:48px 40px}.sbfp-side-content{color:#fff}.sbfp-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.sbfp-brand-icon{width:36px;height:36px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.sbfp-brand-name{font-size:1.1rem;font-weight:700;color:#fff}.sbfp-side-headline{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 14px;line-height:1.2}.sbfp-side-text{font-size:.95rem;color:#fffc;line-height:1.6;margin:0}.sbfp-main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px}.sbfp-card{width:100%;max-width:440px}.sbfp-back{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-tertiary);text-decoration:none;margin-bottom:28px;transition:color var(--transition-fast)}.sbfp-back:hover{color:var(--blue-600)}.sbfp-header{margin-bottom:24px}.sbfp-icon-wrap{width:44px;height:44px;background:var(--blue-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--blue-600);margin-bottom:14px}.sbfp-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.sbfp-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0;line-height:1.5}.sbfp-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:20px}.sbfp-form{display:flex;flex-direction:column;gap:18px}.sbfp-field{display:flex;flex-direction:column;gap:6px}.sbfp-label{font-size:.83rem;font-weight:600;color:var(--text-secondary)}.sbfp-input{height:44px;padding:0 14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);background:var(--color-surface);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;width:100%;box-sizing:border-box}.sbfp-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.sbfp-input--error{border-color:#fca5a5}.sbfp-input--pw{padding-right:44px}.sbfp-pw-wrap{position:relative}.sbfp-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;transition:color var(--transition-fast)}.sbfp-pw-toggle:hover{color:var(--text-primary)}.sbfp-strength{display:flex;align-items:center;gap:10px;margin-top:6px}.sbfp-strength-bar{display:flex;gap:4px;flex:1}.sbfp-strength-seg{height:4px;flex:1;border-radius:var(--radius-full);transition:background .25s ease}.sbfp-strength-label{font-size:.72rem;font-weight:600;white-space:nowrap;min-width:36px;transition:color .25s ease}.sbfp-field-error{font-size:.75rem;color:#dc2626;margin:2px 0 0}.sbfp-btn{height:46px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);margin-top:4px;font-family:inherit}.sbfp-btn:hover:not(:disabled){background:var(--blue-700)}.sbfp-btn:active:not(:disabled){transform:scale(.99)}.sbfp-btn:disabled{opacity:.5;cursor:not-allowed}.sbfp-btn-loading{display:inline-flex;align-items:center;gap:8px}.sbfp-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sbfp-spin .7s linear infinite;display:inline-block}@keyframes sbfp-spin{to{transform:rotate(360deg)}}.sbfp-footer{margin:20px 0 0;font-size:.85rem;color:var(--text-tertiary);text-align:center}.sbfp-link{color:var(--blue-600);text-decoration:none;font-weight:500}.sbfp-link:hover{text-decoration:underline}.sbfp-success{text-align:center;padding:8px 0}.sbfp-success-icon{color:#22c55e;margin:0 auto 16px;display:block}.sbfp-success-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.sbfp-success-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.sbfp-success-hint{font-size:.8rem;color:var(--text-muted);margin:0}.sbfp-resend-btn{background:none;border:none;color:var(--blue-600);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0;font-family:inherit}@media(max-width:700px){.sbfp-side{display:none}.sbfp-main{padding:24px 20px}}.lb-page{min-height:100vh;background:var(--color-bg);font-family:var(--font-sans)}.lb-page-main{padding:40px 24px 80px}.lb-page-container{max-width:800px;margin:0 auto}.lb-page-hero{text-align:center;margin-bottom:40px}.lb-page-hero-icon{font-size:3rem;margin-bottom:12px;display:block;line-height:1}.lb-page-title{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 10px}.lb-page-subtitle{font-size:1rem;color:var(--text-tertiary);margin:0 0 16px;line-height:1.5}.lb-page-my-rank{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--blue-600);margin-bottom:16px}.lb-page-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.lb-page-refresh{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-secondary);font-size:.82rem;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.lb-page-refresh:hover:not(:disabled){background:var(--color-bg);border-color:var(--border-strong)}.lb-page-refresh:disabled{opacity:.5;cursor:not-allowed}.lb-spinning{animation:lb-spin .8s linear infinite}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-page-updated{font-size:.75rem;color:var(--text-muted)}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:40px;padding:0 8px}.lb-podium-slot{display:flex;flex-direction:column;align-items:center;flex:1;max-width:180px;position:relative}.lb-podium-crown{font-size:1.5rem;margin-bottom:4px;animation:lb-float 2.5s ease-in-out infinite}@keyframes lb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lb-podium-avatar{width:52px;height:52px;border-radius:50%;font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:3px solid transparent}.lb-podium-avatar--1{background:var(--yellow-100);color:var(--yellow-600);border-color:var(--yellow-400)}.lb-podium-avatar--2{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.lb-podium-avatar--3{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.lb-podium-medal{font-size:1.4rem;margin-bottom:4px}.lb-podium-name{font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.lb-podium-time{font-size:.75rem;color:var(--text-muted);margin-bottom:12px}.lb-podium-bar{width:100%;border-radius:8px 8px 0 0}.lb-podium-bar--1{height:80px;background:linear-gradient(180deg,#fde68a,#f59e0b)}.lb-podium-bar--2{height:56px;background:linear-gradient(180deg,#e2e8f0,#cbd5e1)}.lb-podium-bar--3{height:40px;background:linear-gradient(180deg,#fed7aa,#fb923c)}.lb-page-card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.lb-page-skeleton{padding:16px;display:flex;flex-direction:column;gap:12px}.lb-skel-row{display:flex;align-items:center;gap:12px}.lb-skel-rank{width:32px;height:20px;background:var(--border-light);border-radius:4px;flex-shrink:0}.lb-skel-avatar{width:32px;height:32px;background:var(--border-light);border-radius:50%;flex-shrink:0}.lb-skel-name{flex:1;height:16px;background:var(--border-light);border-radius:4px;max-width:200px}.lb-skel-time{width:60px;height:24px;background:var(--border-light);border-radius:var(--radius-full)}@keyframes lb-pulse{0%,to{opacity:1}50%{opacity:.5}}.lb-skel-rank,.lb-skel-avatar,.lb-skel-name,.lb-skel-time{animation:lb-pulse 1.4s ease-in-out infinite}.lb-page-table{width:100%;border-collapse:collapse;font-size:.9rem}.lb-page-thead-row{border-bottom:2px solid var(--border-light);background:var(--color-bg)}.lb-page-th{padding:12px 16px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.lb-page-th--rank{width:70px;text-align:center}.lb-page-th--sessions{width:100px;text-align:center}.lb-page-th--time{width:120px;text-align:right}.lb-page-row{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.lb-page-row:last-child{border-bottom:none}.lb-page-row:hover{background:var(--color-bg)}.lb-page-row--top3:nth-child(1){background:linear-gradient(90deg,#fffbeb,transparent 70%)}.lb-page-row--top3:nth-child(2){background:linear-gradient(90deg,#f8fafc,transparent 70%)}.lb-page-row--top3:nth-child(3){background:linear-gradient(90deg,#fff7ed,transparent 70%)}.lb-page-row--me{background:var(--blue-50)!important;outline:1.5px solid var(--blue-100);outline-offset:-1.5px}.lb-page-td{padding:13px 16px;color:var(--text-secondary);vertical-align:middle}.lb-page-td--rank{text-align:center}.lb-page-td--sessions{text-align:center;color:var(--text-tertiary);font-size:.85rem}.lb-page-td--time{text-align:right}.lb-page-medal{font-size:1.3rem;line-height:1;display:inline-block}.lb-page-ranknum{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--border-light);font-size:.75rem;font-weight:600;color:var(--text-tertiary)}.lb-page-user{display:flex;align-items:center;gap:11px}.lb-page-avatar{width:34px;height:34px;border-radius:var(--radius-md);background:var(--blue-100);color:var(--blue-600);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lb-page-username{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:7px}.lb-page-you{font-size:.65rem;font-weight:700;padding:1px 8px;background:var(--blue-600);color:#fff;border-radius:var(--radius-full);letter-spacing:.03em}.lb-page-time-pill{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--border-light);font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.lb-page-row--top3:nth-child(1) .lb-page-time-pill{background:var(--yellow-50);border-color:var(--yellow-400);color:var(--yellow-600)}.lb-page-row--top3:nth-child(3) .lb-page-time-pill{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.lb-page-row--me .lb-page-time-pill{background:var(--blue-50);border-color:var(--blue-400);color:var(--blue-600)}.lb-page-empty{padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.lb-page-empty-icon{color:var(--text-muted);opacity:.4}.lb-page-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.lb-page-empty-text{font-size:.875rem;color:var(--text-muted);margin:0}.lb-page-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--transition-fast);text-decoration:none;margin-top:8px}.lb-page-cta:hover{background:var(--blue-700)}.lb-page-cta--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-medium)}.lb-page-cta--ghost:hover{background:var(--color-bg)}.lb-page-join{margin-top:32px;text-align:center;padding:32px 24px;background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.lb-page-join-text{font-size:1rem;color:var(--text-secondary);margin:0 0 16px;font-weight:500}.lb-page-join-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.lb-page-main{padding:24px 16px 60px}.lb-page-title{font-size:1.5rem}.lb-page-th--sessions,.lb-page-td--sessions{display:none}.lb-page-th,.lb-page-td{padding:11px 10px}.lb-podium{gap:6px}.lb-podium-avatar{width:40px;height:40px;font-size:1rem}.lb-podium-bar--1{height:60px}.lb-podium-bar--2{height:44px}.lb-podium-bar--3{height:32px}}.bud-page{min-height:100vh;background:var(--color-bg);font-family:var(--font-sans)}.bud-layout{max-width:780px;margin:0 auto;padding:32px 24px 80px}.bud-page-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.bud-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-surface);font-size:.83rem;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.bud-back-btn:hover{border-color:var(--blue-400);color:var(--blue-600)}.bud-page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.bud-page-subtitle{font-size:.82rem;color:var(--text-muted);margin:0}.bud-refresh-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.bud-refresh-btn:hover{color:var(--blue-600);border-color:var(--blue-400)}.bud-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--border-light)}.bud-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;transition:all var(--transition-fast)}.bud-tab:hover{color:var(--text-primary)}.bud-tab--active{color:var(--blue-600);border-bottom-color:var(--blue-600)}.bud-tab-count{min-width:20px;height:20px;border-radius:99px;background:var(--color-bg);border:1px solid var(--border-light);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.bud-tab-count--amber{background:var(--yellow-50);border-color:var(--yellow-400);color:var(--yellow-600)}.bud-section{margin-bottom:24px}.bud-section-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px}.bud-online-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e40;animation:bud-pulse 2s infinite}@keyframes bud-pulse{0%,to{opacity:1}50%{opacity:.6}}.bud-section-count{padding:1px 7px;border-radius:99px;font-size:.68rem;font-weight:700;background:var(--color-bg);border:1px solid var(--border-light)}.bud-section-count--amber{background:var(--yellow-50);border-color:var(--yellow-400);color:var(--yellow-600)}.bud-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:6px;transition:box-shadow var(--transition-fast)}.bud-row:hover{box-shadow:var(--shadow-sm)}.bud-row--offline{opacity:.75}.bud-row--sent{opacity:.8}.bud-avatar-wrap{position:relative;flex-shrink:0}.bud-avatar{width:38px;height:38px;border-radius:var(--radius-md);background:var(--blue-100);color:var(--blue-600);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bud-avatar--offline,.bud-avatar--muted{background:var(--color-bg);color:var(--text-muted)}.bud-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-surface)}.bud-dot--on{background:#22c55e}.bud-dot--off{background:var(--border-medium)}.bud-info{flex:1;min-width:0}.bud-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 2px}.bud-email{font-size:.75rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bud-status-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;flex-shrink:0}.bud-status-chip--on{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.bud-status-chip--off{background:var(--color-bg);color:var(--text-muted);border:1px solid var(--border-light)}.bud-study-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--transition-fast)}.bud-study-btn:hover{background:var(--blue-700)}.bud-req-actions{display:flex;gap:8px}.bud-req-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all var(--transition-fast)}.bud-req-btn--accept{background:#dcfce7;color:#166534}.bud-req-btn--accept:hover{background:#bbf7d0}.bud-req-btn--decline{background:#fee2e2;color:#991b1b}.bud-req-btn--decline:hover{background:#fecaca}.bud-req-btn:disabled{opacity:.5;cursor:not-allowed}.bud-pending-chip{padding:4px 12px;border-radius:var(--radius-full);background:var(--yellow-50);color:var(--yellow-600);border:1px solid var(--yellow-400);font-size:.72rem;font-weight:600}.bud-empty{text-align:center;padding:60px 24px}.bud-empty-icon{color:var(--text-muted);opacity:.3;margin:0 auto 16px;display:block}.bud-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.bud-empty-text{font-size:.875rem;color:var(--text-muted);margin:0 0 20px}.bud-cta-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--transition-fast)}.bud-cta-btn:hover{background:var(--blue-700)}.bud-skeleton-list{display:flex;flex-direction:column;gap:8px}.bud-skeleton-row{height:66px;border-radius:var(--radius-lg);background:var(--border-light);animation:bud-pulse 1.4s ease-in-out infinite}@media(max-width:600px){.bud-layout{padding:20px 14px 80px}.bud-req-btn span{display:none}}.ses-page{min-height:100vh;background:var(--color-bg);font-family:var(--font-sans)}.ses-layout{max-width:860px;margin:0 auto;padding:32px 24px 80px}.ses-page-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.ses-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-surface);font-size:.83rem;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.ses-back-btn:hover{border-color:var(--blue-400);color:var(--blue-600)}.ses-page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.ses-page-subtitle{font-size:.82rem;color:var(--text-muted);margin:0}.ses-refresh-btn{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.ses-refresh-btn:hover{color:var(--blue-600);border-color:var(--blue-400)}.ses-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.ses-stat-card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;text-align:center}.ses-stat-card--blue{background:var(--blue-50);border-color:var(--blue-100)}.ses-stat-card--green{background:#f0fdf4;border-color:#bbf7d0}.ses-stat-val{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.ses-stat-card--blue .ses-stat-val{color:var(--blue-600)}.ses-stat-card--green .ses-stat-val{color:#166534}.ses-stat-label{font-size:.72rem;color:var(--text-muted);margin-top:4px;font-weight:500}.ses-filter-row{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--border-light)}.ses-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;transition:all var(--transition-fast)}.ses-filter-btn:hover{color:var(--text-primary)}.ses-filter-btn--active{color:var(--blue-600);border-bottom-color:var(--blue-600)}.ses-filter-count{padding:1px 6px;border-radius:99px;font-size:.68rem;font-weight:700;background:var(--color-bg);border:1px solid var(--border-light)}.ses-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:8px;transition:box-shadow var(--transition-fast)}.ses-row:hover{box-shadow:var(--shadow-sm)}.ses-row--active{border-left:3px solid #22c55e}.ses-row-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.ses-status-dot{width:8px;height:8px;border-radius:50%;background:var(--border-medium);flex-shrink:0}.ses-status-dot.active{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.ses-partner-avatar{width:38px;height:38px;border-radius:var(--radius-md);background:var(--blue-100);color:var(--blue-600);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ses-row-body{flex:1;min-width:0}.ses-row-title{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-primary);margin:0 0 4px}.ses-row-icon{flex-shrink:0;color:var(--text-muted)}.ses-row-meta{display:flex;gap:14px;font-size:.75rem;color:var(--text-muted)}.ses-row-meta span{display:inline-flex;align-items:center;gap:4px}.ses-badge{padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;flex-shrink:0}.ses-badge--active{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ses-badge--ended{background:var(--color-bg);color:var(--text-muted);border:1px solid var(--border-light)}.ses-empty{text-align:center;padding:64px 24px}.ses-empty-icon{color:var(--text-muted);opacity:.3;margin:0 auto 16px;display:block}.ses-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.ses-empty-text{font-size:.875rem;color:var(--text-muted);margin:0 0 20px}.ses-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--transition-fast)}.ses-cta-btn:hover{background:var(--blue-700)}.ses-skeleton-list{display:flex;flex-direction:column;gap:8px}.ses-skeleton-row{height:70px;border-radius:var(--radius-lg);background:var(--border-light);animation:ses-pulse 1.4s ease-in-out infinite}@keyframes ses-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:640px){.ses-stats-row{grid-template-columns:repeat(2,1fr)}.ses-layout{padding:20px 14px 80px}}.profile-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif}.profile-main{padding:var(--space-3xl) var(--space-xl);max-width:1200px;margin:0 auto}.profile-shell{max-width:1120px;margin:0 auto}.profile-topbar{margin-bottom:var(--space-xl)}.profile-back{display:inline-flex;align-items:center;gap:var(--space-sm);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm)}.profile-back:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-hero{display:flex;gap:var(--space-xl);align-items:center;padding:var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.profile-hero:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--blue-500),var(--blue-600));display:grid;place-items:center;color:#fff;font-size:2rem;font-weight:700;box-shadow:var(--shadow-md);flex-shrink:0}.profile-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600;color:var(--blue-600);margin-bottom:var(--space-xs)}.profile-title{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;margin:0 0 var(--space-xs);color:var(--text-primary)}.profile-subtitle{color:var(--text-tertiary);font-size:.95rem;max-width:48rem;margin:0}.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-2xl)}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.profile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-card-head h2{font-size:1.2rem;font-weight:700;margin:0 0 var(--space-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.profile-form{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-field{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-field span{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.9rem;font-weight:500}.profile-field input,.profile-field textarea{width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast)}.profile-field input:focus,.profile-field textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b5bdb1a}.profile-field textarea{resize:vertical;min-height:100px}.profile-save{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;cursor:pointer;border:none;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;transition:all var(--transition-fast);width:fit-content;box-shadow:var(--shadow-sm)}.profile-save:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.profile-msg{margin:0;font-size:.9rem;padding:var(--space-sm) 0}.profile-msg--success{color:var(--green-600)}.profile-msg--error{color:var(--red-600)}.profile-muted{color:var(--text-tertiary)}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.profile-stat{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);transition:all var(--transition-fast)}.profile-stat:hover{border-color:var(--blue-200);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.profile-stat-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--blue-50);display:inline-grid;place-items:center;color:var(--blue-600);margin-bottom:var(--space-sm)}.profile-stat .profile-stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.2}.profile-stat .profile-stat-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.profile-summary{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm)}.profile-summary p{margin:0;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:var(--space-sm)}.profile-rewards{display:flex;flex-direction:column;gap:var(--space-md)}.profile-rewards h3{font-size:1rem;font-weight:700;margin:var(--space-sm) 0 var(--space-xs);color:var(--text-primary)}.profile-reward{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-light);transition:all var(--transition-fast)}.profile-reward:hover{border-color:var(--blue-200);background:var(--blue-50);transform:translate(4px)}.profile-reward.is-unlocked{border-color:var(--green-500);background:var(--green-50)}.profile-reward .reward-name{font-weight:600;color:var(--text-primary)}.profile-reward .reward-status{font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-tertiary);border:1px solid var(--border-light)}.profile-reward.is-unlocked .reward-status{background:var(--green-500);color:#fff;border-color:transparent}@media(max-width:900px){.profile-main{padding:var(--space-xl) var(--space-lg)}.profile-grid{grid-template-columns:1fr;gap:var(--space-xl)}.profile-hero{flex-direction:column;align-items:flex-start;gap:var(--space-lg);text-align:left}.profile-stats-grid{grid-template-columns:1fr}}@media(max-width:640px){.profile-main{padding:var(--space-lg) var(--space-md)}.profile-hero{padding:var(--space-lg)}.profile-avatar{width:64px;height:64px;font-size:1.5rem}.profile-card{padding:var(--space-lg)}.profile-save{width:100%;justify-content:center}}.focus-room{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif}.focus-room-main{padding:var(--space-3xl) var(--space-xl);max-width:1200px;margin:0 auto}.focus-room-shell{max-width:1180px;margin:0 auto}.focus-room-topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.focus-back{display:inline-flex;align-items:center;gap:var(--space-sm);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm)}.focus-back:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.focus-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap}.focus-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.focus-badge:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.focus-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-2xl)}.focus-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.focus-panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.focus-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--green-600);font-size:.75rem;font-weight:600}.focus-timer{margin:var(--space-md) 0 var(--space-xs);font-size:clamp(3rem,9vw,5rem);font-weight:800;line-height:1.2;color:var(--text-primary)}.focus-meta{color:var(--text-tertiary);max-width:38rem;font-size:.9rem}.focus-actions,.focus-toggle-row,.focus-check-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin:var(--space-lg) 0 var(--space-xl)}.focus-control{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;transition:all var(--transition-fast);cursor:pointer;border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.focus-control:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.focus-control.is-on{border-color:var(--green-500);background:var(--green-50);color:var(--green-600)}.focus-control--ghost{background:var(--bg-tertiary);border-color:var(--border-light)}.focus-rules{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-light);margin-top:var(--space-lg)}.focus-rules h3{margin-top:0;margin-bottom:var(--space-md);font-size:1rem;font-weight:700;color:var(--text-primary)}.focus-rules ul{margin:0;padding-left:var(--space-lg);color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-sm);font-size:.9rem}.focus-presence-head h2{margin:0 0 var(--space-xs);font-size:1.2rem;font-weight:700}.focus-presence-head p{margin:0 0 var(--space-lg);color:var(--text-tertiary);font-size:.9rem}.focus-preview{min-height:280px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-light);display:grid;place-items:center;margin-bottom:var(--space-lg)}.focus-video{width:100%;height:100%;object-fit:cover}.focus-placeholder{display:grid;place-items:center;text-align:center;gap:var(--space-md);max-width:18rem;color:var(--text-tertiary);padding:var(--space-xl)}.focus-error{margin-top:var(--space-md);color:var(--red-600);font-size:.9rem}.focus-check-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:var(--space-lg);z-index:var(--z-modal)}.focus-check-modal{width:min(100%,28rem);border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-light);padding:var(--space-2xl);box-shadow:var(--shadow-xl);text-align:center}.focus-check-modal h3{margin-top:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.focus-check-modal p{color:var(--text-tertiary);margin:var(--space-md) 0 var(--space-xl);line-height:1.5}.focus-check-actions{justify-content:center;margin:0}.focus-check-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;transition:all var(--transition-fast);cursor:pointer;border:none;box-shadow:var(--shadow-sm)}.focus-check-btn--yes{background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff}.focus-check-btn--yes:hover{background:linear-gradient(135deg,var(--green-600),#0d8f3a);transform:translateY(-2px);box-shadow:var(--shadow-md)}.focus-check-btn--no{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary)}.focus-check-btn--no:hover{border-color:var(--red-500);background:var(--red-50);color:var(--red-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.focus-room-loading{text-align:center;color:var(--text-tertiary);padding:var(--space-3xl);font-size:1rem}@media(max-width:900px){.focus-room-main{padding:var(--space-xl) var(--space-lg)}.focus-layout{grid-template-columns:1fr;gap:var(--space-xl)}.focus-room-topbar{flex-direction:column;align-items:stretch}.focus-back{align-self:flex-start}}@media(max-width:640px){.focus-room-main{padding:var(--space-lg) var(--space-md)}.focus-panel{padding:var(--space-lg)}.focus-actions,.focus-toggle-row,.focus-check-actions{flex-direction:column}.focus-control,.focus-check-btn{width:100%;justify-content:center}}.redeem-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 24%),radial-gradient(circle at top right,rgba(14,165,233,.06),transparent 22%),#f5f7fb;color:#0f172a}.redeem-main{padding:2rem 1.25rem 3rem}.redeem-shell{max-width:1280px;margin:0 auto;display:grid;gap:1.5rem}.redeem-topbar{display:flex}.redeem-back{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.1rem;border-radius:999px;background:#fffffff0;border:1px solid #d9e1eb;color:#334155;text-decoration:none;font-weight:700;box-shadow:0 12px 25px #0f172a0d}.redeem-hero{overflow:hidden;display:grid;gap:1.5rem;padding:2.2rem;border-radius:2rem;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 28%),linear-gradient(135deg,#fff,#f8fbff 55%,#eef5ff);border:1px solid #dce6f3;box-shadow:0 24px 52px #0f172a14}.redeem-hero:before{content:"";position:absolute;inset:auto auto -30% -10%;width:420px;height:420px;background:radial-gradient(circle,rgba(59,130,246,.14),transparent 68%);pointer-events:none}.redeem-hero-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);gap:1.5rem;align-items:start}.redeem-points-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 1.1rem;border-radius:1.25rem;background:#fff;border:1px solid #dce4ef;color:#334155;box-shadow:0 12px 24px #0f172a14;min-height:100%}.redeem-points-chip strong{color:#2563eb;font-size:1.9rem;line-height:1}.redeem-points-label{display:inline-flex;align-items:center;gap:.45rem;color:#64748b;font-weight:700}.redeem-kicker{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#2563eb;font-weight:800}.redeem-hero h1{margin:0;color:#0f172a;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.96;letter-spacing:-.05em}.redeem-hero-copy p:last-child{margin:1rem 0 0;color:#475569;max-width:34rem;font-size:1.03rem;line-height:1.7}.redeem-hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.6rem}.redeem-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:180px;padding:.95rem 1.15rem;border-radius:999px;border:1px solid #d6dfeb;color:#334155;text-decoration:none;font-weight:700;background:#fff}.redeem-hero-btn--primary{background:#2563eb;border-color:#2563eb;color:#fff}.redeem-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.redeem-stat{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:1.25rem;background:#ffffffc7;border:1px solid #dce6f1;color:#0f172a;min-height:110px}.redeem-stat-icon{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;background:#eff6ff;color:#2563eb}.redeem-stat-copy{display:grid;gap:.2rem}.redeem-stat strong{font-size:1.55rem;line-height:1}.redeem-stat span:last-child,.redeem-card-head p,.redeem-reward-desc,.redeem-muted{color:#64748b}.redeem-card{padding:1.5rem;border-radius:1.75rem;background:#fffffff0;border:1px solid #dce4ee;box-shadow:0 18px 40px #0f172a14}.redeem-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.redeem-card-head h2{margin:0 0 .2rem;font-size:1.4rem}.redeem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.redeem-reward{overflow:hidden;border-radius:1.5rem;border:1px solid #e7ecf3;background:#fff;box-shadow:0 18px 36px #0f172a14;transition:transform .18s ease,box-shadow .18s ease}.redeem-reward:hover{transform:translateY(-4px);box-shadow:0 24px 44px #0f172a1f}.redeem-reward.is-unlocked{border-color:#bfdbfe}.redeem-reward-media{position:relative;min-height:260px;padding:1rem;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}.redeem-reward-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,23,42,.08) 100%);pointer-events:none}.redeem-reward-media--cap{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.redeem-reward-media--sleeve{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.redeem-reward-media--bag{background:linear-gradient(135deg,#f8fafc,#dbe4ef)}.redeem-reward-media--default{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.redeem-reward-image{position:relative;z-index:1;width:100%;height:100%;min-height:228px;object-fit:cover;border-radius:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 30px #0000002e}.redeem-chip{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;align-items:center;border-radius:999px;padding:.5rem .8rem;background:#0f172ae0;color:#f8fafc;font-size:.78rem;font-weight:800;white-space:nowrap}.redeem-chip.is-ready{background:#2563eb}.redeem-reward-body{display:grid;gap:1rem;padding:1.1rem 1.1rem 1.2rem}.redeem-reward-label{margin:0 0 .35rem;color:#0f172a;font-size:1.15rem;font-weight:700}.redeem-reward-desc{margin:0;line-height:1.55}.redeem-reward-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.redeem-price-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.8rem 1rem;border-radius:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#eff6ff;font-weight:800;box-shadow:0 12px 22px #2563eb2e}.redeem-inline-status{display:inline-flex;align-items:center;gap:.25rem;color:#475569;font-weight:700}.redeem-notes{display:grid;gap:.85rem}.redeem-note{display:flex;align-items:center;gap:.75rem;padding:1rem 1.05rem;border-radius:1rem;background:#f8fbff;border:1px solid #dbe4ef;color:#334155}@media(max-width:900px){.redeem-main{padding:1.5rem 1rem 2.6rem}.redeem-hero{padding:1.6rem}.redeem-hero-top{grid-template-columns:1fr}.redeem-points-chip{width:100%}.redeem-stats{grid-template-columns:1fr}.redeem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.redeem-main{padding:1.25rem .85rem 2.4rem}.redeem-card,.redeem-hero{border-radius:1.5rem}.redeem-card-head,.redeem-reward-footer{flex-direction:column;align-items:flex-start}.redeem-hero h1{font-size:clamp(2.25rem,13vw,3.4rem)}.redeem-grid{grid-template-columns:1fr}.redeem-hero-actions{flex-direction:column}.redeem-hero-btn{width:100%}.redeem-stat{min-height:auto}.redeem-reward-media{min-height:220px}.redeem-reward-image{min-height:188px}}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-mist-100:oklch(96.3% .002 197.1);--color-mist-300:oklch(87.2% .007 219.6);--color-mist-400:oklch(72.3% .014 214.4);--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-2{inset:calc(var(--spacing) * 2)}.inset-4{inset:calc(var(--spacing) * 4)}.inset-6{inset:calc(var(--spacing) * 6)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.list-item{display:list-item}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-14{height:calc(var(--spacing) * 14)}.h-32{height:calc(var(--spacing) * 32)}.h-full{height:100%}.min-h-\[60vh\]{min-height:60vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-14{width:calc(var(--spacing) * 14)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-mist-100{color:var(--color-mist-100)}.text-mist-300{color:var(--color-mist-300)}.text-mist-400{color:var(--color-mist-400)}.text-mist-400\/60{color:#9ca8ab99}@supports (color:color-mix(in lab,red,red)){.text-mist-400\/60{color:color-mix(in oklab,var(--color-mist-400) 60%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}}:root{--color-bg:#fafbff;--color-surface:#fff;--color-panel:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-100:#dbeafe;--blue-50:#eff6ff;--yellow-600:#d97706;--yellow-500:#f59e0b;--yellow-400:#fbbf24;--yellow-100:#fef3c7;--yellow-50:#fffbeb;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-strong:#9ca3af;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--sidebar-width:240px;--header-height:64px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--transition-fast:.15s ease;--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}h1{font-size:32px}h2{font-size:20px}h3{font-size:16px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}