:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #14b8a61f}50%{box-shadow:0 0 32px #14b8a638}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.slide-up{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}.scale-in{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1)}:focus-visible{outline:2px solid var(--primary-color, #14b8a6);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skeleton{background:linear-gradient(90deg,var(--surface-1, #1c2132) 0%,var(--surface-2, #222839) 40%,var(--surface-3, #2a3044) 50%,var(--surface-2, #222839) 60%,var(--surface-1, #1c2132) 100%);background-size:800px 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md, 8px)}.skeleton-text{height:.875rem;border-radius:var(--radius-xs, 4px);margin-bottom:.5rem}.skeleton-text.short{width:60%}.skeleton-heading{height:1.5rem;width:40%;border-radius:var(--radius-sm, 6px);margin-bottom:.75rem}.skeleton-card{height:200px;border-radius:var(--radius-lg, 12px)}.skeleton-circle{border-radius:50%}.glow-effect{animation:glow 3s ease-in-out infinite}.loading{animation:pulse 2s ease-in-out infinite}.spinner{animation:spin 1s linear infinite}.appear{animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary, #0f1117)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}*{scrollbar-color:rgba(255,255,255,.08) var(--bg-primary, #0f1117);scrollbar-width:thin}::selection{background:#14b8a640;color:var(--text-primary, #f0f0f3)}.edm-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s var(--ease-out)}.edm-modal{position:relative;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:slideUp .35s var(--ease-spring)}.edm-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edm-close:hover{background:var(--surface-3);color:var(--text-primary)}.edm-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-secondary);font-size:.875rem}.edm-spin{animation:spin 1s linear infinite}.edm-error{padding:var(--space-8);text-align:center;color:var(--error-color);font-size:.875rem}.edm-accent{height:4px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.edm-body{padding:var(--space-6)}.edm-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.edm-category{display:inline-flex;align-items:center;gap:.25rem;padding:3px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.edm-past-badge{padding:3px 10px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff0f;color:var(--text-tertiary);border:1px solid var(--border-color)}.edm-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.3}.edm-info-row{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--space-2)}.edm-info-row svg{color:var(--text-tertiary);flex-shrink:0}.edm-description{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.85rem;line-height:1.6}.edm-rsvp-summary{display:flex;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-lg);justify-content:center}.edm-rsvp-stat{display:flex;align-items:center;gap:var(--space-1);color:#22c55e}.edm-rsvp-stat.edm-rsvp-maybe{color:#f59e0b}.edm-rsvp-stat.edm-rsvp-no{color:var(--error-color)}.edm-rsvp-num{font-weight:700;font-size:1rem}.edm-rsvp-label{font-size:.75rem;opacity:.8}.edm-rsvp-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.edm-rsvp-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.edm-rsvp-btn:hover{border-color:var(--text-tertiary)}.edm-rsvp-btn:disabled{opacity:.5;cursor:not-allowed}.edm-rsvp-btn-yes.active{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.edm-rsvp-btn-maybe.active{background:#f59e0b1f;border-color:#f59e0b;color:#f59e0b}.edm-rsvp-btn-no.active{background:#ef44441f;border-color:var(--error-color);color:var(--error-color)}.edm-attendees{margin-top:var(--space-5);border-top:1px solid var(--border-color);padding-top:var(--space-5)}.edm-attendees-header{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.edm-attendees-header svg{color:var(--primary-color)}.edm-no-attendees{text-align:center;color:var(--text-tertiary);font-size:.8rem;padding:var(--space-4) 0;font-style:italic}.edm-attendee-list{display:flex;flex-direction:column;gap:var(--space-2)}.edm-attendee{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);transition:background var(--transition-fast)}.edm-attendee:hover{background:var(--surface-3)}.edm-attendee-avatar{position:relative;flex-shrink:0;width:34px;height:34px}.edm-attendee-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.edm-attendee-initial{width:100%;height:100%;border-radius:50%;background:var(--primary-subtle);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.edm-belt-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface-2)}.edm-attendee-name{flex:1;font-size:.85rem;font-weight:500;color:var(--text-primary)}.edm-attendee-status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.edm-status-going{background:#22c55e1f;color:#22c55e}.edm-status-maybe{background:#f59e0b1f;color:#f59e0b}@media(max-width:500px){.edm-overlay{padding:0;align-items:flex-end}.edm-modal{max-height:90vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:edm-slide-up-mobile .35s var(--ease-spring)}@keyframes edm-slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.edm-rsvp-actions{flex-direction:column}}.home-container{width:100%;animation:slideUp .5s var(--ease-out)}.hero{text-align:center;padding:var(--space-16) var(--space-8);margin-bottom:var(--space-12);background:linear-gradient(160deg,var(--surface-1) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,.06) 0%,transparent 65%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,67,.03) 0%,transparent 65%);pointer-events:none}.hero h1{font-size:clamp(2rem,5vw,3.25rem);margin:0 0 var(--space-3) 0;position:relative;color:var(--text-primary);letter-spacing:-.03em}.hero p{font-size:clamp(.95rem,2vw,1.125rem);color:var(--text-secondary);margin:0 0 var(--space-8) 0;max-width:520px;margin-left:auto;margin-right:auto;position:relative;line-height:1.7}.cta-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;position:relative}.quick-actions-section{margin-top:var(--space-4)}.quick-actions-section h2{text-align:center;margin-bottom:var(--space-8)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.quick-action-card{display:flex;align-items:center;gap:var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:14px;padding:1.15rem 1.25rem;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;color:inherit;width:100%}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.qa-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.qa-content{flex:1;min-width:0}.qa-content h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .15rem}.qa-content p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.qa-arrow{color:var(--text-tertiary);flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .2s ease}.quick-action-card:hover .qa-arrow{opacity:1;transform:translate(0)}.qa-teal .qa-icon{background:#14b8a61a;color:#14b8a6}.qa-teal:hover{border-color:#14b8a64d}.qa-orange .qa-icon{background:#ea580c1a;color:#ea580c}.qa-orange:hover{border-color:#ea580c4d}.qa-green .qa-icon{background:#22c55e1a;color:#22c55e}.qa-green:hover{border-color:#22c55e4d}.qa-purple .qa-icon{background:#8b5cf61a;color:#8b5cf6}.qa-purple:hover{border-color:#8b5cf64d}.qa-blue .qa-icon{background:#3b82f61a;color:#3b82f6}.qa-blue:hover{border-color:#3b82f64d}.qa-amber .qa-icon{background:#f59e0b1a;color:#f59e0b}.qa-amber:hover{border-color:#f59e0b4d}.home-events-section{margin-bottom:var(--space-10)}.home-events-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.home-events-title{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary)}.home-events-title h2{font-size:1.1rem;font-weight:700;margin:0}.home-events-viewall{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary-light);font-size:.8rem;font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);font-family:inherit}.home-events-viewall:hover{background:var(--primary-subtle)}.home-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.home-event-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;transition:all .2s ease;box-shadow:var(--shadow-xs)}.home-event-card:hover{border-color:var(--cat-color, var(--border-accent));box-shadow:0 4px 16px #0000000f}.home-event-accent{width:4px;flex-shrink:0;border-radius:4px 0 0 4px}.home-event-body{padding:var(--space-4);flex:1;min-width:0}.home-event-meta{margin-bottom:var(--space-2)}.home-event-category{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full)}.home-event-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.home-event-card:hover .home-event-title{color:var(--primary-light)}.home-event-info{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary);margin-bottom:var(--space-1)}.home-event-info span{display:flex;align-items:center;gap:3px}.home-event-location{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-3)}.home-event-counts{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.home-event-count{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.he-going{color:#22c55e}.he-maybe{color:#f59e0b}.home-event-rsvp{display:flex;gap:6px}.he-rsvp-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.he-rsvp-btn:hover:not(:disabled){border-color:var(--border-accent);background:var(--surface-2, var(--surface-1))}.he-rsvp-btn:disabled{opacity:.5;cursor:not-allowed}.he-rsvp-yes.active{background:#22c55e1f;border-color:#22c55e66;color:#22c55e}.he-rsvp-maybe.active{background:#f59e0b1f;border-color:#f59e0b66;color:#f59e0b}.he-rsvp-no.active{background:#ef44441f;border-color:#ef444466;color:#ef4444}.home-find-gym{display:flex;align-items:center;gap:var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-10);transition:all .2s ease;box-shadow:var(--shadow-xs)}.home-find-gym:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.home-find-gym-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#3b82f61a;color:#3b82f6;flex-shrink:0}.home-find-gym-content{flex:1;min-width:0}.home-find-gym-content h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.home-find-gym-content p{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.4}@media(max-width:768px){.hero{padding:var(--space-10) var(--space-6)}.hero h1{font-size:1.75rem}.hero p{font-size:.95rem}.cta-buttons{flex-direction:column;align-items:center}.quick-actions-grid,.home-events-grid{grid-template-columns:1fr}.home-events-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.home-find-gym{flex-direction:column;text-align:center;padding:var(--space-6) var(--space-4)}.home-find-gym .btn{width:100%;justify-content:center}}.video-card{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);text-decoration:none;color:inherit;height:100%;box-shadow:var(--shadow-xs)}.video-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.card-thumbnail{position:relative;aspect-ratio:16 / 9;background:var(--surface-2);overflow:hidden}.card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.video-card:hover .card-thumbnail img{transform:scale(1.03)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--surface-2)}.card-badges{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1)}.card-body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.meta-pill{font-size:.7rem;font-weight:600;color:var(--primary-light);background:var(--primary-subtle);padding:2px var(--space-2);border-radius:var(--radius-sm)}.meta-channel{font-size:.75rem;color:var(--text-tertiary)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:auto}.video-card.select-mode{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.video-card.select-mode:hover{transform:none;border-color:var(--primary-color)}.video-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color),var(--shadow-md)}.select-checkbox{position:absolute;top:var(--space-2);left:var(--space-2);z-index:10;cursor:pointer}.checkbox-indicator{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:#00000059;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkbox-indicator.checked{background:var(--primary-color);border-color:var(--primary-color)}.video-card.competition-card{border-color:#fbbf2433}.video-card.competition-card:hover{border-color:#fbbf2480;box-shadow:0 4px 20px #fbbf2414}.thumbnail-placeholder.competition-thumb{background:linear-gradient(135deg,#fbbf2414,#fbbf2405);font-size:3rem}.competition-badge{background:#fbbf24e6!important;color:#1a1a2e!important;font-weight:700}.roll-badge{background:#f87171d9!important;color:#fff!important;font-weight:700}.result-badge{font-weight:700;display:inline-flex;align-items:center;gap:3px}.result-win{background:#34d399e6!important;color:#fff!important}.result-loss{background:#f87171d9!important;color:#fff!important}.source-badge.source-competition{background:var(--warning-subtle);color:#fcd34d;border:1px solid rgba(251,191,36,.2)}@keyframes processingPulse{0%,to{border-color:#14b8a64d;box-shadow:0 0 #14b8a600}50%{border-color:#14b8a699;box-shadow:0 0 15px 0 var(--primary-muted)}}@keyframes processingShimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.processing-card{pointer-events:none;animation:processingPulse 2s ease-in-out infinite;border-color:#14b8a666!important}.processing-card.processing-failed{pointer-events:auto;animation:none;border-color:#ef444466!important}.processing-thumbnail{opacity:.5;filter:grayscale(30%)}.processing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:#1a181699;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.failed-overlay{background:#ef444426}.processing-spinner{width:2rem;height:2rem;border:3px solid var(--border-accent);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.processing-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.failed-icon{font-size:1.5rem}.processing-status{display:flex;flex-direction:column;gap:.4rem}.processing-bar{width:100%;height:3px;background:var(--surface-2);border-radius:2px;overflow:hidden;position:relative}.processing-bar-fill{position:absolute;top:0;left:0;width:40%;height:100%;background:var(--primary-gradient);border-radius:2px;animation:processingShimmer 1.8s ease-in-out infinite}.processing-text{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.failed-status{gap:.6rem}.failed-message{font-size:.8rem;color:var(--error-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.failed-actions{display:flex;gap:var(--space-2)}.btn-sm{padding:.3rem .6rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-retry{background:var(--primary-muted);color:var(--primary-light);border:1px solid rgba(20,184,166,.3)}.btn-retry:hover{background:var(--border-accent)}.btn-dismiss{background:var(--error-subtle);color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.btn-dismiss:hover{background:#ef444433}@keyframes completedPulse{0%,to{border-color:#10b9814d;box-shadow:0 0 #10b98100}50%{border-color:#10b98199;box-shadow:0 0 12px #10b98126}}.processing-just-completed{animation:completedPulse 2s ease-in-out 3;border-color:#10b98166!important;pointer-events:auto;text-decoration:none;color:inherit}.completed-overlay{background:#10b98126!important}.completed-icon{font-size:1.5rem;font-weight:700;color:#10b981;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#10b98133;border-radius:50%}.completed-status .processing-text{color:#10b981;font-style:normal;font-weight:500}.recorder-container{display:flex;flex-direction:column;gap:var(--space-3)}.recorder-viewport{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0a0a;border-radius:var(--radius-md);overflow:hidden;border:2px solid rgba(58,53,51,.7)}.recorder-viewport.recorder-empty{cursor:pointer}.recorder-viewport.recorder-empty:hover{border-color:#14b8a680}.recorder-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);gap:var(--space-2);text-align:center;padding:var(--space-4)}.recorder-placeholder-icon{font-size:2.5rem}.recorder-placeholder p{margin:0;font-size:1rem;font-weight:600;color:var(--text-secondary)}.recorder-placeholder small{font-size:.8rem;color:var(--text-tertiary)}.recorder-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.08);border-top-color:#14b8a6;border-radius:50%;animation:spin .8s linear infinite}.recorder-video{width:100%;height:100%;object-fit:contain;background:#000}.recorder-video.hidden{display:none}.recorder-overlay{position:absolute;top:0;left:0;right:0;padding:.75rem;display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);pointer-events:none}.recorder-rec-badge{display:flex;align-items:center;gap:.35rem;background:#fca5a5;color:#fff;font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;letter-spacing:.05em}.rec-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recorder-timer{font-size:1rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.recorder-remaining{font-size:.75rem;color:#ffffffb3;margin-left:auto}.recorder-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff14}.recorder-progress-fill{height:100%;background:#fca5a5;transition:width 1s linear}.recorder-btn-switch{position:absolute;bottom:.75rem;right:.75rem;width:40px;height:40px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s;z-index:2}.recorder-btn-switch:hover{background:#000000b3}.recorder-controls{display:flex;gap:var(--space-3);justify-content:center}.recorder-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.recorder-btn:disabled{opacity:.5;cursor:not-allowed}.recorder-btn-open{background:var(--primary-muted);color:#14b8a6;border:1px solid rgba(20,184,166,.3)}.recorder-btn-open:hover:not(:disabled){background:var(--border-accent)}.recorder-btn-record{background:#fca5a5;color:#fff}.recorder-btn-record:hover:not(:disabled){background:#dc2626}.rec-circle{display:inline-block;width:12px;height:12px;border-radius:50%;background:#fff}.recorder-btn-stop{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3);font-size:1rem;padding:.7rem 1.5rem}.recorder-btn-stop:hover{background:#ef444440}.recorder-btn-cancel{background:#3a353380;color:var(--text-secondary);border:1px solid rgba(58,53,51,.7)}.recorder-btn-cancel:hover{background:#3a353399}.recorder-btn-discard{background:#3a353380;color:var(--text-secondary);border:1px solid rgba(58,53,51,.7)}.recorder-btn-discard:hover{background:#ef444426;color:#fca5a5;border-color:#ef44444d}.recorder-btn-confirm{background:#22c55e;color:#fff}.recorder-btn-confirm:hover:not(:disabled){background:#16a34a}.recorder-file-info{text-align:center;font-size:.85rem;color:var(--text-secondary);padding:.25rem}.recorder-error{background:var(--error-subtle);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:.6rem .75rem;font-size:.85rem;color:#fca5a5}.recorder-denied{gap:.4rem!important}.denied-title{font-size:1.1rem!important;font-weight:700;color:#eab308;margin:0}.denied-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:360px}.denied-instructions{color:var(--text-secondary)!important;font-size:.85rem!important;max-width:320px}.denied-steps{list-style:decimal;text-align:left;margin:.5rem 0 0;padding-left:1.2rem;font-size:.82rem;color:var(--text-secondary);line-height:1.7;max-width:320px}.denied-steps li{margin-bottom:.25rem}.denied-steps strong{color:var(--text-primary)}.recorder-denied-controls{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.recorder-btn-grant{background:var(--primary-muted);color:#5eead4;border:1px solid rgba(20,184,166,.4);font-size:.95rem;padding:.65rem 1.25rem}.recorder-btn-grant:hover{background:#14b8a64d;border-color:#14b8a699}.recorder-btn-retry{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.35)}.recorder-btn-retry:hover{background:#eab30840}.recorder-btn-settings{background:#94a3b81f;color:var(--text-secondary);border:1px solid rgba(148,163,184,.25)}.recorder-btn-settings:hover{background:#94a3b838;color:var(--text-primary)}@media(max-width:768px){.recorder-viewport{aspect-ratio:4 / 3}.recorder-controls{flex-direction:column}.recorder-btn{justify-content:center;padding:.75rem;font-size:1rem}}.btn-header-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-header-add:hover{background:var(--primary-dark);box-shadow:0 4px 14px #14b8a640;transform:translateY(-1px)}.btn-record-live-bar{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--error-subtle);color:var(--error-color);border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-record-live-bar:hover{background:#f8717126;border-color:#f8717166}.btn-header-select{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem .75rem;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-header-select:hover{background:var(--surface-1);border-color:var(--text-tertiary)}.btn-header-select.active{background:var(--error-subtle);color:var(--error-color);border-color:#f871714d}.usage-indicator{display:flex;align-items:center;gap:.35rem}.usage-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:20px;font-size:.72rem;font-weight:700;background:#78716c1a;color:var(--text-tertiary);white-space:nowrap;letter-spacing:.02em}.usage-pill.unlimited{background:var(--primary-subtle);color:var(--primary-color)}.usage-pill.at-limit{background:var(--error-subtle);color:var(--error-color)}.btn-credits-add{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:20px;border:1.5px solid rgba(20,184,166,.3);background:#14b8a60f;color:var(--primary-color);font-size:.68rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);line-height:1;white-space:nowrap}.btn-credits-add:hover{background:var(--primary-muted);border-color:var(--primary-color);transform:translateY(-1px)}.buy-credits-modal{max-width:360px;padding:var(--space-6)}@media(max-width:768px){.buy-credits-modal{max-width:none;width:100%}}.buy-credits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.buy-credits-header h3{margin:0;font-size:1.1rem;font-weight:700}.buy-credits-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.buy-credits-close:hover{background:var(--border-color);color:var(--text-primary)}.buy-credits-desc{color:var(--text-tertiary);font-size:.8rem;margin-bottom:var(--space-4);line-height:1.5}.buy-credits-tabs{display:flex;gap:0;background:var(--surface-2);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-4)}.buy-credits-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .5rem;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-tertiary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative}.buy-credits-tab.active{background:var(--surface-1);color:var(--text-primary);box-shadow:0 1px 3px #00000026}.buy-credits-tab .tab-alert{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--error-color, #ef4444);color:#fff;font-size:.6rem;font-weight:800;line-height:1}.storage-bar-container{margin-bottom:var(--space-4)}.storage-bar{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.storage-bar-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.storage-bar-fill.near{background:#f59e0b}.storage-bar-fill.full{background:var(--error-color, #ef4444)}.storage-bar-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-tertiary);margin-top:.25rem}.usage-pill.near-limit{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b14}.buy-credits-toggle{display:flex;gap:0;background:var(--surface-2);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-4)}.buy-credits-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .5rem;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-tertiary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.buy-credits-toggle .toggle-btn.active{background:var(--surface-1);color:var(--text-primary);box-shadow:0 1px 3px #00000026}.buy-credits-toggle .toggle-btn:disabled{opacity:.4;cursor:not-allowed}.credit-packs{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-bottom:1.25rem}.credit-pack{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.65rem .25rem;border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--surface-1);cursor:pointer;transition:all var(--transition-fast)}.credit-pack:hover{border-color:var(--primary-dark);background:#14b8a60a}.credit-pack.selected{border-color:var(--primary-color);background:var(--primary-subtle);box-shadow:0 0 0 1px var(--primary-color)}.credit-pack.popular{border-color:#fbbf2466}.credit-pack.popular.selected{border-color:var(--primary-color)}.pack-badge{position:absolute;top:-7px;left:50%;transform:translate(-50%);padding:.05rem .35rem;background:#fbbf24;color:#0f1117;font-size:.55rem;font-weight:800;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.pack-amount{font-size:1.15rem;font-weight:800;color:var(--text-primary);line-height:1}.pack-label{font-size:.6rem;color:var(--text-tertiary);font-weight:500;margin-top:.15rem}.buy-credits-confirm{width:100%;padding:.65rem;font-size:.9rem;font-weight:700;border-radius:var(--radius-md)}.analyze-inline{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden}.analyze-inline-loading{pointer-events:none}.analyze-inline-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:#1a1816e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9rem;font-weight:600}@keyframes inlineAnalyzeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analyze-inline-spinner{width:1.25rem;height:1.25rem;border:3px solid var(--border-accent);border-top-color:var(--primary-color);border-radius:50%;animation:inlineAnalyzeSpin .8s linear infinite}.analyze-success-banner{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--space-6);padding:.75rem 1rem;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:#10b981;font-size:.9rem;font-weight:500;animation:bannerFadeIn .3s ease}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.analyze-success-banner .success-icon{font-size:1.1rem;font-weight:700}.banner-dismiss{margin-left:auto;background:none;border:none;color:#10b98199;cursor:pointer;font-size:1rem;padding:0 .25rem;line-height:1}.banner-dismiss:hover{color:#10b981}.analyze-input{flex:1}.btn-ai-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;background:var(--primary-subtle);color:var(--primary-color);border:1px solid var(--border-accent);border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-ai-toggle:hover{background:var(--primary-muted);border-color:#14b8a666}.btn-ai-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-ai-toggle.active:hover{background:var(--primary-dark)}.ai-search-expanded{margin-bottom:var(--space-6);padding:var(--space-4) 1.25rem;background:#14b8a60f;border:1px solid var(--border-accent);border-radius:var(--radius-lg)}.filter-toolbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.search-wrapper{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.search-wrapper .search-input{width:100%;padding:.6rem 2rem .6rem 2.25rem;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem}.search-wrapper .search-input:focus{border-color:var(--primary-color)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.85rem;padding:.25rem}.search-clear:hover{color:var(--text-primary)}.filter-dropdowns{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-dropdowns select{padding:.5rem .75rem;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;min-width:120px}.filter-dropdowns select:focus{border-color:var(--primary-color)}.clear-filters{background:var(--error-subtle);color:var(--error-color);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.clear-filters:hover{background:#ef444433}.results-bar{margin-bottom:var(--space-6);color:var(--text-tertiary);font-size:.85rem;font-weight:500}.processing-count{color:var(--primary-light);font-weight:600}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.library-container .empty-state{padding:4rem 2rem;background:var(--surface-1);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.library-container .empty-state p{font-size:1.05rem;margin:0}@media(max-width:768px){.header-actions{gap:.3rem}.header-actions .btn-header-add,.header-actions .btn-header-select,.header-actions .btn-record-live-bar{font-size:.72rem;padding:.45rem .6rem;gap:.3rem;border-radius:var(--radius-md);min-height:36px;display:inline-flex;align-items:center;justify-content:center}.header-actions .btn-header-add svg,.header-actions .btn-header-select svg,.header-actions .btn-record-live-bar svg{width:14px;height:14px}.usage-pill{font-size:.65rem;padding:.15rem .4rem}.btn-credits-add{font-size:.62rem;padding:.15rem .45rem;gap:.2rem}.filter-toolbar{flex-direction:column;align-items:stretch}.search-wrapper{min-width:auto}.filter-dropdowns{flex-direction:column}.filter-dropdowns select{min-width:auto;width:100%}.videos-grid{grid-template-columns:1fr}.analyze-inline{flex-direction:column}.locked-videos-banner{flex-direction:column;text-align:center;gap:var(--space-4)}.usage-pill{font-size:.68rem;padding:.2rem .5rem}.btn-credits-add{font-size:.65rem;padding:.18rem .5rem;gap:.2rem}.credit-packs{grid-template-columns:repeat(5,1fr);gap:.3rem}.credit-pack{padding:.5rem .15rem}.pack-amount{font-size:1rem}.bulk-action-bar{flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.bulk-action-left{width:100%;justify-content:space-between}.bulk-action-right{width:100%;flex-direction:column;gap:.4rem}.bulk-action-right .btn{width:100%;justify-content:center;display:flex;align-items:center;gap:.4rem}}.header-actions{display:flex;gap:var(--space-2);align-items:center}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast)}.btn-outline:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-select{background:#63b3ed1f;border:1.5px solid rgba(99,179,237,.45);color:#14b8a6;padding:.5rem 1.1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);letter-spacing:.01em}.btn-select:hover{background:#63b3ed33;border-color:#14b8a6;color:#90cdf4;transform:translateY(-1px)}.btn-select.active{background:#ef44441f;border-color:#ef444473;color:#f87171}.btn-select.active:hover{background:#ef444433;border-color:#f87171;color:#fca5a5}.btn-secondary{background:var(--bg-tertiary, #333);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem}.btn-danger{background:#dc3545;border:1px solid #dc3545;color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast)}.btn-danger:hover:not(:disabled){background:#c82333}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.bulk-action-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-action-left{display:flex;align-items:center;gap:var(--space-4)}.bulk-count{color:var(--text-secondary);font-size:.85rem;font-weight:500}.bulk-action-right{display:flex;gap:var(--space-2);align-items:center}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal-content{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);width:90%;max-width:480px;max-height:80vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;animation:modalSlideUp .2s ease}@media(max-width:768px){.modal-overlay{padding:var(--space-4);align-items:flex-start;padding-top:15vh}.modal-content{width:100%;max-width:none;padding:var(--space-6);max-height:70vh;border-radius:var(--radius-md)}.modal-create-row{flex-direction:column}.modal-create-row .btn{width:100%}.modal-header h3{font-size:1rem}.modal-collection-item{padding:.65rem .75rem;font-size:.85rem}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal-header h3{margin:0;font-size:1.15rem}.modal-close{background:none;border:none;color:var(--text-tertiary);font-size:1.2rem;cursor:pointer;padding:.25rem}.modal-close:hover{color:var(--text-primary)}.modal-section{margin-bottom:var(--space-6)}.modal-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.modal-create-row{display:flex;gap:var(--space-2)}.modal-input{flex:1;padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem}.modal-input:focus{border-color:var(--primary-color);outline:none}.modal-collection-list{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.modal-collection-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);text-align:left}.modal-collection-item:hover{border-color:var(--primary-color);background:var(--primary-subtle)}.modal-collection-name{font-weight:500;font-size:.9rem}.modal-collection-count{font-size:.75rem;color:var(--text-tertiary)}.collections-section{margin-bottom:var(--space-8);overflow:hidden}.collections-title{font-size:1.1rem;font-weight:600;margin:0 0 var(--space-4) 0;color:var(--text-primary)}.collections-list{display:flex;flex-direction:column;gap:var(--space-2)}.collection-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;max-width:100%}.collection-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background var(--transition-fast) ease}.collection-header:hover{background:#ffffff08}.collection-header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden;flex:1}.collection-expand-icon{font-size:.7rem;color:var(--text-tertiary);width:1rem;text-align:center;flex-shrink:0}.collection-name{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.collection-count{font-size:.8rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.collection-delete-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.25rem .4rem;border-radius:var(--radius-sm);color:var(--text-tertiary);opacity:.45;transition:opacity .15s ease,background .15s ease,color .15s ease;flex-shrink:0}.collection-header:hover .collection-delete-btn{opacity:.7}.collection-delete-btn:hover{opacity:1!important;color:#fca5a5;background:#ef444426}.collection-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-4);padding:0 1rem 1rem}.collection-video-wrapper{position:relative}.collection-remove-btn{position:absolute;top:.4rem;right:.4rem;z-index:5;background:#0009;border:none;color:#fff;width:22px;height:22px;border-radius:50%;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-video-wrapper:hover .collection-remove-btn{opacity:.7}.collection-remove-btn:hover{opacity:1!important;background:#dc3545cc}.collection-empty{grid-column:1 / -1;text-align:center;padding:var(--space-6);color:var(--text-tertiary);font-size:.85rem}.ai-search-label{font-size:1rem;font-weight:700;color:var(--primary-color)}.ai-search-input-row{display:flex;gap:var(--space-4)}.ai-search-input{flex:1;padding:.75rem 1rem;background:var(--surface-2);border:1px solid rgba(20,184,166,.3);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-base)}.ai-search-input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px var(--primary-muted)}.ai-search-input::placeholder{color:var(--text-tertiary);font-size:.85rem}.ai-search-loading{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:.75rem 1rem;background:var(--primary-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;animation:bannerFadeIn .3s ease}.ai-search-spinner{width:1.25rem;height:1.25rem;border:3px solid var(--border-accent);border-top-color:#14b8a6;border-radius:50%;animation:inlineAnalyzeSpin .8s linear infinite}.ai-search-error{display:flex;align-items:center;gap:var(--space-2);padding:.75rem 1rem;margin-bottom:var(--space-6);background:var(--error-subtle);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);color:var(--error-color);font-size:.9rem;font-weight:500}.ai-results-label{background:linear-gradient(135deg,#14b8a6,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.ai-result-wrapper{display:flex;flex-direction:column;gap:0}.ai-match-reason{display:flex;align-items:center;gap:var(--space-2);padding:.5rem .75rem;background:linear-gradient(135deg,var(--primary-subtle),var(--primary-subtle));border:1px solid var(--border-accent);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:.8rem;color:var(--text-secondary);line-height:1.3}.ai-match-rank{font-weight:700;color:#14b8a6;font-size:.75rem;background:var(--primary-muted);padding:.15rem .4rem;border-radius:var(--radius-sm, 4px);white-space:nowrap}.ai-match-text{font-style:italic;color:var(--text-secondary)}.ai-result-wrapper .video-card{border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media(max-width:768px){.ai-search-input-row{flex-direction:column}.ai-search-input-row .btn{width:100%}.header-actions{flex-wrap:wrap;gap:.4rem}.btn-header-add,.btn-header-select{padding:.45rem .6rem;font-size:.72rem}.btn-ai-toggle{font-size:.78rem;padding:.4rem .65rem}}.locked-videos-banner{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,#ffc10714,#ff980014);border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-lg);margin-top:var(--space-4)}.locked-icon{font-size:2rem;flex-shrink:0}.locked-text{flex:1}.locked-text strong{display:block;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.locked-text p{margin:0;font-size:.85rem;color:var(--text-secondary)}.btn-subscribe-small{display:inline-block;padding:.5rem 1.25rem;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;text-decoration:none;white-space:nowrap;transition:background .2s;flex-shrink:0}.btn-subscribe-small:hover{background:var(--accent-hover, #1565c0)}.analyze-inline-expanded{margin-bottom:var(--space-6);padding:var(--space-5);background:linear-gradient(168deg,rgba(20,184,166,.04) 0%,var(--surface-1) 35%);border:1px solid rgba(20,184,166,.12);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffff08}.analyze-inline-expanded.analyze-inline-loading{pointer-events:none}.add-video-tabs{display:flex;gap:.2rem;margin-bottom:var(--space-4);background:var(--surface-2);border-radius:var(--radius-md);padding:2px}.add-video-tab{flex:1;padding:.45rem .6rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.add-video-tab:hover{color:var(--text-primary);background:#14b8a60f}.add-video-tab.active{background:var(--primary-color, #14b8a6);color:#fff;box-shadow:0 1px 4px #14b8a64d}.add-video-form-body{display:flex;flex-direction:column;gap:0}.add-video-row{display:flex;gap:var(--space-3);align-items:stretch}.add-video-row .analyze-input{flex:1;padding:.65rem .85rem;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-2);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:all .15s ease}.add-video-row .analyze-input:focus{outline:none;border-color:var(--primary-color, #14b8a6);box-shadow:0 0 0 3px #14b8a61a}.add-video-row .analyze-input::placeholder{color:var(--text-tertiary)}.add-video-row .btn-primary{border-radius:10px;padding:.65rem 1.25rem;font-size:.88rem;white-space:nowrap}.add-video-form-body.compact{gap:var(--space-4)}.lib-upload-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;border:2px dashed rgba(20,184,166,.25);border-radius:14px;cursor:pointer;transition:all .2s ease;background:#14b8a605;color:var(--text-secondary);text-align:center}.lib-upload-card:hover{border-color:#14b8a680;background:#14b8a60f;transform:translateY(-1px);box-shadow:0 4px 16px #14b8a614}.lib-upload-card.dragging{border-color:var(--primary-color, #14b8a6);background:#14b8a61a;box-shadow:0 0 0 4px #14b8a61a,0 8px 24px #14b8a61f;transform:translateY(-2px)}.lib-upload-icon-wrap{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#14b8a614;color:var(--primary-color, #14b8a6);transition:all .2s ease}.lib-upload-card:hover .lib-upload-icon-wrap{background:#14b8a624;transform:scale(1.05)}.lib-upload-card.dragging .lib-upload-icon-wrap{background:#14b8a633;transform:scale(1.1)}.lib-upload-card.has-file{flex-direction:row;padding:.65rem .85rem;border-style:solid;border-color:#10b9814d;background:#10b9810a;text-align:left}.lib-upload-card.has-file:hover{border-color:#10b98180;background:#10b98112;transform:none;box-shadow:none}.lib-upload-text{font-size:.88rem;color:var(--text-secondary);line-height:1.4}.lib-upload-browse{color:var(--primary-color, #14b8a6);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(20,184,166,.3);transition:border-color .15s ease}.lib-upload-card:hover .lib-upload-browse{border-color:#14b8a699}.lib-upload-hint{font-size:.72rem;color:var(--text-tertiary)}.lib-upload-file{display:flex;align-items:center;gap:var(--space-2);width:100%;min-width:0}.lib-upload-file-icon{color:#10b981;flex-shrink:0}.lib-upload-file-name{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lib-upload-file-size{font-size:.75rem;color:var(--text-tertiary);flex-shrink:0}.lib-upload-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(239,68,68,.2);background:var(--error-subtle);color:#fca5a5;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);margin-left:auto}.lib-upload-remove:hover{background:#ef44442e;border-color:#ef444466}.compact-file-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.compact-file-row .file-input{max-width:260px;font-size:.8rem}.compact-file-hint{color:var(--text-tertiary);font-size:.75rem}.compact-file-info{display:flex;align-items:center;gap:.4rem;color:var(--primary-color, #14b8a6);font-size:.85rem;word-break:break-all}.compact-row{display:flex;gap:var(--space-2);align-items:center}.compact-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;background:var(--surface-2);color:var(--text-primary);font-family:inherit;min-width:0;box-sizing:border-box}.compact-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-subtle)}.compact-input:disabled{opacity:.5;cursor:not-allowed}.compact-input.compact-sm{flex:0 1 140px}.compact-gi-toggle{display:flex;gap:0;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;flex-shrink:0;width:100%;background:var(--surface-2)}.compact-gi-btn{padding:.55rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.3rem;flex:1;min-width:0}.compact-gi-btn:not(:last-child){border-right:1px solid var(--border-color)}.compact-gi-btn:hover{color:var(--text-primary);background:#14b8a60f}.compact-gi-btn.active{background:var(--primary-color, #14b8a6);color:#fff}.compact-gi-btn.compact-win.active{background:#22c55ed9;color:#fff}.compact-gi-btn.compact-loss.active{background:#ef4444cc;color:#fff}.compact-gi-btn:disabled{opacity:.5;cursor:not-allowed}.compact-submit{align-self:flex-end;padding:.6rem 1.5rem;font-size:.88rem;white-space:nowrap;border-radius:10px}.compact-submit-comp{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 8px #f59e0b33;border-radius:10px}.compact-submit-comp:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 4px 16px #f59e0b4d;transform:translateY(-1px)}.lib-beta-notice{display:flex;align-items:flex-start;gap:.4rem;padding:.5rem .65rem;background:#fbbf240f;border:1px solid rgba(251,191,36,.2);border-radius:8px;font-size:.75rem;color:var(--text-secondary, #bbb);line-height:1.5}.lib-beta-notice svg{color:#fbbf24;flex-shrink:0;margin-top:.1rem}.lib-beta-notice strong{color:#fbbf24}.lib-ai-consent{display:flex;align-items:flex-start;gap:.45rem;font-size:.75rem;color:var(--text-muted, #888);line-height:1.5;cursor:pointer;padding:.25rem 0}.lib-upload-consent{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.78rem;color:var(--text-secondary, #bbb);line-height:1.55;cursor:pointer;padding:.65rem .85rem;background:#14b8a608;border:1px solid rgba(20,184,166,.1);border-radius:10px;margin-bottom:.25rem}.lib-upload-consent input[type=checkbox]{margin-top:.2rem;flex-shrink:0;accent-color:var(--accent, #14b8a6)}.lib-upload-consent strong{color:var(--text-primary, #eee)}.lib-upload-consent a{color:var(--accent, #14b8a6);text-decoration:none}.lib-upload-consent a:hover{text-decoration:underline}.lib-ai-consent input[type=checkbox]{margin-top:.15rem;flex-shrink:0;accent-color:var(--accent, #14b8a6)}.lib-ai-consent strong{color:var(--text-secondary, #bbb)}.lib-ai-consent a{color:var(--accent, #14b8a6);text-decoration:none}.lib-ai-consent a:hover{text-decoration:underline}.add-video-form-body .btn-remove-file{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:50%;width:20px;height:20px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background var(--transition-fast);flex-shrink:0}.add-video-form-body .btn-remove-file:hover{background:#ef444466}.add-video-form-body .file-size{color:var(--text-tertiary);font-size:.75rem}.analyze-inline-expanded .alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.85rem}.analyze-inline-expanded .alert-error{background:var(--error-subtle);border:1px solid rgba(239,68,68,.3);color:#fca5a5}@media(max-width:768px){.add-video-tabs{flex-direction:row}.add-video-row{flex-direction:column}.compact-row{flex-wrap:wrap}.compact-input.compact-sm{flex:1 1 100%}.compact-submit{align-self:stretch;width:100%}.comp-details-grid{grid-template-columns:1fr!important}.comp-input-toggle{flex-direction:column}}.comp-input-toggle{display:flex;gap:0;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--surface-2)}.comp-input-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.comp-input-btn:first-child{border-right:1px solid var(--border-color)}.comp-input-btn:hover{color:var(--text-primary);background:#14b8a60f}.comp-input-btn.active{background:var(--primary-color, #14b8a6);color:#fff}.comp-input-btn.locked-btn{opacity:.45;cursor:not-allowed}.comp-input-btn.locked-btn:hover{color:var(--text-secondary);background:transparent}.comp-section{display:flex;flex-direction:column;gap:var(--space-2)}.comp-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding-left:.55rem;border-left:2px solid var(--primary-color, #14b8a6)}.comp-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;align-items:start}.comp-detail-group{display:flex;flex-direction:column;gap:.3rem}.comp-detail-full{grid-column:1 / -1}.comp-detail-label{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.comp-detail-label .required-star{color:#fca5a5}.comp-sub-input{padding:.5rem .7rem;border:1px solid var(--border-color);border-radius:10px;font-size:.85rem;background:var(--surface-2);color:var(--text-primary);font-family:inherit;width:100%;box-sizing:border-box;transition:all .15s ease}.comp-sub-input:focus{outline:none;border-color:var(--primary-color, #14b8a6);box-shadow:0 0 0 3px #14b8a61a}.comp-footer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.04);margin-top:var(--space-1)}.comp-footer .compact-submit{align-self:stretch;width:100%}.roll-card-wrapper{display:flex;flex-direction:column;gap:0}.roll-card-wrapper .video-card{border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-move-to-comp{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;background:#14b8a60f;color:var(--primary-color, #14b8a6);border:1px solid var(--primary-muted);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-decoration:none}.btn-move-to-comp:hover{background:var(--primary-muted);color:var(--primary-dark, #0d9488)}@media(max-width:640px){.btn-move-to-comp{font-size:.7rem;padding:.45rem .6rem}}.upgrade-prompt-modal{max-width:380px;text-align:center;padding:2rem 1.75rem 1.5rem}.upgrade-prompt-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.upgrade-prompt-header .buy-credits-close{position:absolute;top:-.75rem;right:-.75rem}.upgrade-prompt-icon{width:48px;height:48px;border-radius:50%;background:#eab3081f;display:flex;align-items:center;justify-content:center;color:#eab308}.upgrade-prompt-header h3{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-primary)}.upgrade-prompt-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:.75rem 0 1.25rem}.upgrade-prompt-tier{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:1.25rem}.upgrade-prompt-tier-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;letter-spacing:.04em}.upgrade-prompt-tier-badge{font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:6px}.upgrade-prompt-tier-badge.tier-premium{background:var(--primary-muted);color:var(--primary-dark, #0d9488)}.upgrade-prompt-tier-badge.tier-pro{background:#eab3081f;color:#ca8a04}.upgrade-prompt-price{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.upgrade-prompt-btn{display:block;width:100%;text-align:center;text-decoration:none;font-size:.9rem;padding:.65rem 1rem}.upgrade-prompt-dismiss{display:block;width:100%;margin-top:.5rem;font-size:.8rem;padding:.5rem 1rem;border:none;background:none;color:var(--text-tertiary);cursor:pointer}.upgrade-prompt-dismiss:hover{color:var(--text-secondary)}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:var(--radius-md, 8px);background:var(--surface-2, rgba(255,255,255,.06));color:var(--text-secondary, #94a3b8);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:var(--space-4, 16px);-webkit-tap-highlight-color:transparent}.back-btn:hover{background:var(--surface-3, rgba(255,255,255,.1));color:var(--text-primary, #e2e8f0)}.back-btn:active{transform:scale(.97)}.back-btn svg{flex-shrink:0}.player-identifier{margin:.75rem 0;border:1px solid var(--border, var(--border-color));border-radius:12px;padding:var(--space-4);background:var(--surface-1);transition:border-color .2s}.player-identifier.has-selection{border-color:var(--success, #22c55e);background:var(--surface-1)}.player-id-header{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:.95rem;color:var(--text-primary, #f0f0f3);margin-bottom:.5rem}.player-identifier.has-selection .player-id-header{color:var(--success, #22c55e)}.player-id-reset{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border, var(--border-color));border-radius:6px;color:var(--text-secondary, #6b7280);font-size:.8rem;padding:4px 10px;cursor:pointer;transition:all .15s}.player-id-reset:hover{background:var(--surface, #1e2330);color:var(--text-primary, #f0f0f3);border-color:var(--text-secondary, #6b7280)}.player-id-hint{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0 0 .75rem;line-height:1.4}.player-id-loading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;color:var(--text-secondary, #6b7280);font-size:.9rem}.player-id-spinner{width:20px;height:20px;border:2px solid var(--border, var(--border-color));border-top-color:var(--accent, #14b8a6);border-radius:50%;animation:player-id-spin .8s linear infinite}@keyframes player-id-spin{to{transform:rotate(360deg)}}.player-id-frame-wrapper{position:relative;border-radius:8px;overflow:hidden;cursor:crosshair;user-select:none;-webkit-user-select:none;line-height:0}.player-identifier.has-selection .player-id-frame-wrapper{cursor:default}.player-id-frame{width:100%;height:auto;display:block;border-radius:8px;transition:filter .2s}.player-id-frame.disabled{opacity:.5;cursor:not-allowed}.player-id-frame-wrapper:hover .player-id-frame:not(.disabled){filter:brightness(1.05)}.player-id-crosshair-overlay{position:absolute;inset:0;pointer-events:none;border:2px dashed var(--primary-muted);border-radius:8px}.player-id-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.player-id-marker-ring{width:40px;height:40px;border:3px solid var(--success, #22c55e);border-radius:50%;background:var(--success-subtle);box-shadow:0 0 12px #22c55e59;animation:player-id-pulse 2s ease-in-out infinite}.player-id-marker-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:var(--success, #22c55e);color:#000;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}@keyframes player-id-pulse{0%,to{box-shadow:0 0 12px #22c55e59}50%{box-shadow:0 0 20px #22c55e8c}}.player-id-confirmed{display:flex;align-items:center;gap:.4rem;margin:.75rem 0 0;font-size:.85rem;color:var(--success, #22c55e);font-weight:500}@media(max-width:768px){.player-identifier{padding:.75rem}.player-id-marker-ring{width:32px;height:32px;border-width:2.5px}.player-id-hint{font-size:.8rem}}.detail-page{width:100%;min-width:0;overflow-x:hidden}.back-link{background:none;border:none;color:var(--text-tertiary);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:var(--space-6);display:inline-flex;align-items:center;gap:.25rem;transition:color var(--transition-base)}.back-link:hover{color:var(--primary-light)}.detail-header{margin-bottom:var(--space-8)}.detail-header h1{margin:0 0 .5rem;font-size:1.75rem;word-break:break-word;overflow-wrap:anywhere}.detail-badges{display:flex;gap:.4rem;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-8);align-items:start;min-width:0}.detail-main{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.video-player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000}.video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.competition-video-player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg);background:#000}.detail-section{background:var(--surface-1);border:1px solid rgba(58,53,51,.8);border-radius:var(--radius-lg);padding:var(--space-6);min-width:0;overflow-wrap:anywhere;word-break:break-word}.detail-section h2{font-size:1.15rem;margin:0 0 var(--space-4) 0;color:var(--text-primary)}.summary-text{color:var(--text-secondary);line-height:1.8;white-space:pre-wrap;margin:0;word-break:break-word;overflow-wrap:anywhere}.detail-list{color:var(--text-secondary);line-height:1.8;padding-left:1.25rem;margin:0;word-break:break-word;overflow-wrap:anywhere}.detail-list li{margin-bottom:.5rem}.detail-list.numbered li{padding-left:.25rem}.detail-list.mistakes li{color:var(--accent-color)}.step-timestamp{color:var(--primary-light, #14b8a6);text-decoration:none;font-weight:600;font-size:.85em;background:var(--primary-muted);padding:.15rem .5rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-block}.step-timestamp:hover{color:#fff;background:var(--primary-light, #14b8a6);text-decoration:none}.detail-sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:80px}.sidebar-card{background:var(--surface-1);border:1px solid rgba(58,53,51,.8);border-radius:var(--radius-lg);padding:var(--space-6);min-width:0;overflow-wrap:anywhere;word-break:break-word}.sidebar-card h3{font-size:.95rem;margin:0 0 var(--space-4) 0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.info-dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}.info-dl dt{color:var(--text-tertiary);font-size:.85rem;font-weight:500}.info-dl dd{color:var(--text-primary);font-size:.85rem;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-4)}.ai-tag{background:#4caf501f;color:#66bb6a;border-color:#4caf5040;cursor:default}.tag-x{background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:.15rem;font-size:.9rem;opacity:.6;line-height:1}.tag-x:hover{opacity:1}.no-tags{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.add-tag-row{display:flex;gap:.4rem}.add-tag-row input{flex:1;padding:.4rem .6rem;font-size:.85rem}.sidebar-card textarea{width:100%;resize:vertical;min-height:80px;box-sizing:border-box}.actions-card{display:flex;flex-direction:column;gap:var(--space-2)}.actions-card .btn{width:100%;justify-content:center}.ai-analyze-section{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.08)}.ai-token-note{font-size:.75rem;color:var(--text-secondary, #8892a4);text-align:center;margin-top:.35rem;margin-bottom:0}.ai-analyze-flow{display:flex;flex-direction:column;gap:.35rem}.ai-flow-label{font-size:.85rem;font-weight:500;color:var(--text-primary, #fff);margin-bottom:.25rem}.ai-analyzing-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#7c3aed1f;border:1px solid rgba(124,58,237,.3);border-radius:8px;font-size:.82rem;color:#c4b5fd;margin-bottom:var(--space-2)}.spin{animation:spin 1.2s linear infinite}.paid-feature{border-left:3px solid rgba(124,58,237,.4)}.paid-feature h2 .paid-badge{display:inline-block;margin-left:.4rem;padding:.1rem .4rem;font-size:.55rem;font-weight:700;letter-spacing:.05em;background:#7c3aed33;color:#c4b5fd;border:1px solid rgba(124,58,237,.3);border-radius:4px;vertical-align:middle}.transcript-info{font-size:.82rem;color:var(--text-tertiary);background:var(--primary-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:.5rem .75rem;margin-bottom:var(--space-2)}.transcript-viewer{background:var(--surface-2);border:1px solid rgba(58,53,51,.7);border-radius:var(--radius-md);padding:var(--space-6);font-size:.88rem;line-height:1.7;color:var(--text-secondary);max-height:400px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{position:static}}@media(max-width:768px){.detail-header h1{font-size:1.25rem}.detail-section,.sidebar-card{padding:var(--space-4)}.detail-list{padding-left:1rem}.info-dl{grid-template-columns:1fr;gap:.15rem}.info-dl dt{font-weight:600;margin-top:.4rem}.info-dl dd{margin-bottom:.25rem}}.locked-section{position:relative}.locked-overlay{position:relative;overflow:hidden;border-radius:var(--radius-md)}.locked-blur{filter:blur(5px);-webkit-filter:blur(5px);opacity:.5;pointer-events:none;user-select:none;-webkit-user-select:none}.locked-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);z-index:2}.locked-cta .lock-icon{font-size:1.75rem}.locked-cta p{margin:0;font-size:.9rem;color:var(--text-secondary);text-align:center}.locked-cta .btn{margin-top:.25rem}.competition-detail .detail-header h1{display:flex;align-items:center;gap:var(--space-2)}.competition-type-badge{background:#eab308e6!important;color:#171b24!important;font-weight:600}.roll-type-badge{background:#14b8a6d9!important;color:#fff!important;font-weight:600}.result-badge{font-weight:600;display:inline-flex;align-items:center;gap:3px}.result-win{background:#22c55ee6!important;color:#fff!important}.result-loss{background:#ef4444d9!important;color:#fff!important}.finishing-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.comp-section{border-left:3px solid transparent;padding-left:var(--space-4)}.comp-summary{border-left-color:#eab30899}.comp-summary h2{color:#eab308}.comp-drills{border-left-color:#14b8a699}.comp-drills h2{color:#14b8a6}.comp-strengths{border-left-color:#22c55e99}.comp-strengths h2{color:#22c55e}.comp-errors{border-left-color:#ef444499}.comp-errors h2{color:#fca5a5}.section-subtitle{margin:-.5rem 0 1rem;font-size:.85rem;color:var(--text-tertiary);font-style:italic}.comp-drill-list li{padding:.75rem 0;border-bottom:1px solid rgba(58,53,51,.5);line-height:1.6}.comp-drill-list li:last-child{border-bottom:none}.phase-cards{display:flex;flex-direction:column;gap:1.25rem}.phase-card{background:var(--surface-2);border:1px solid rgba(58,53,51,.6);border-radius:12px;overflow:hidden;min-width:0;transition:border-color .2s ease,box-shadow .2s ease}.phase-card:hover{border-color:#14b8a659;box-shadow:0 2px 12px #00000026}.phase-card-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:.85rem 1rem;background:#3a353366;border-bottom:1px solid rgba(58,53,51,.5);flex-wrap:wrap;min-width:0}.phase-number-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--border-accent);color:#5eead4;font-size:.8rem;font-weight:800;flex-shrink:0;margin-top:.1rem}.phase-timestamp-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;background:var(--primary-muted);color:#14b8a6;font-size:.7rem;font-weight:700;font-family:JetBrains Mono,Fira Code,monospace;flex-shrink:0;letter-spacing:.02em;text-decoration:none;transition:background var(--transition-fast),color .15s,transform .1s;cursor:pointer}.phase-timestamp-badge.clickable-timestamp:hover{background:#14b8a659;color:#a5b4fc;transform:scale(1.05)}.phase-timestamp-badge.clickable-timestamp:active{transform:scale(.97)}.phase-flow{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;min-width:0;flex:1}.phase-position{font-size:.95rem;font-weight:700;color:var(--text-primary);word-break:break-word}.phase-flow-arrow{font-size:.85rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.phase-transition{font-size:.9rem;font-weight:700;color:#5eead4;background:var(--primary-subtle);padding:.15rem .5rem;border-radius:4px;border:1px solid var(--border-accent);word-break:break-word}.phase-ending{font-size:.95rem;font-weight:700;color:var(--text-primary);word-break:break-word}.phase-card-body{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:0}.phase-section{padding:.65rem 0;border-bottom:1px solid rgba(58,53,51,.4)}.phase-section:last-child{border-bottom:none;padding-bottom:0}.phase-section:first-child{padding-top:.25rem}.phase-section-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.3rem}.phase-section-icon{font-size:.85rem;flex-shrink:0}.phase-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.phase-section-text{margin:0;font-size:.88rem;line-height:1.6;color:var(--text-secondary);padding-left:1.2rem;word-break:break-word;overflow-wrap:anywhere}.phase-error .phase-section-label{color:#f87171}.phase-error .phase-section-text{color:#fca5a5}.phase-fix .phase-section-label{color:#22c55e}.phase-fix .phase-section-text{color:var(--text-secondary)}.phase-drill{margin-top:.25rem;padding:.6rem .75rem!important;background:#14b8a60f;border-radius:8px;border-bottom:none!important}.phase-drill .phase-section-label{color:#5eead4}.phase-drill .phase-section-text{padding-left:1.2rem}.phase-fallback-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0;padding:.75rem 1rem}@media(max-width:768px){.phase-card-header{gap:var(--space-2);padding:.6rem .75rem}.phase-card-body{padding:.5rem .75rem .75rem}.phase-section-text{padding-left:0;font-size:.85rem}.phase-drill .phase-section-text{padding-left:0}.phase-position,.phase-ending{font-size:.85rem}.phase-transition{font-size:.8rem;padding:.1rem .35rem}.phase-flow-arrow{font-size:.75rem}.phase-flow{gap:.25rem}}.comp-strengths-list li{padding:.5rem 0;line-height:1.5}.comp-strengths-list li::marker{color:#22c55e;content:"✓ "}.comp-errors-list li{padding:.6rem 0;border-bottom:1px solid rgba(58,53,51,.4);line-height:1.6}.comp-errors-list li:last-child{border-bottom:none}.comp-errors-list li::marker{color:#fca5a5;content:"✗ "}@media(max-width:768px){.comp-section{padding-left:var(--space-2)}}.video-processing-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-1);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);height:100%;width:100%;box-sizing:border-box;text-align:center;gap:var(--space-2)}.processing-placeholder-icon{font-size:2.5rem;opacity:.6;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.processing-placeholder-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.processing-placeholder-text{font-size:.85rem;color:var(--text-tertiary);margin:0;max-width:360px}.processing-placeholder-bar{width:200px;height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-top:var(--space-1)}.processing-placeholder-bar-fill{height:100%;width:40%;background:var(--primary);border-radius:2px;animation:placeholder-bar-slide 1.5s ease-in-out infinite}@keyframes placeholder-bar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.ai-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:ai-modal-fade-in .2s ease}@keyframes ai-modal-fade-in{0%{opacity:0}to{opacity:1}}.ai-modal{background:var(--surface-1, #1a1d23);border:1px solid var(--border, #2a2d35);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:ai-modal-slide-up .25s ease}@keyframes ai-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #2a2d35)}.ai-modal-header h2{font-size:1.1rem;margin:0;display:flex;align-items:center;gap:.5rem}.ai-modal-close{background:none;border:none;color:var(--text-secondary, #8892a4);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.ai-modal-close:hover{background:var(--surface-2, #252830);color:var(--text-primary, #e0e0e0)}.ai-modal-close:disabled{opacity:.5;cursor:not-allowed}.ai-modal-body{padding:1.25rem}.ai-modal-instruction{font-size:.9rem;color:var(--text-secondary, #8892a4);margin:0 0 .75rem}.ai-modal-disclaimer{color:var(--text-secondary, #8892a4);font-size:.78rem;margin:.75rem 0 0;line-height:1.4;font-style:italic}.ai-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border, #2a2d35)}.ai-modal .player-id-frame-wrapper{max-width:100%}.ai-modal .player-id-frame{width:100%;max-height:50vh;object-fit:contain}.admin-videos-container{max-width:1100px;margin:0 auto;padding:var(--space-6) 1rem}.admin-loading,.admin-error-page{text-align:center;padding:4rem 1rem;color:var(--text-muted, #888)}.admin-error-page svg{opacity:.3;margin-bottom:var(--space-4)}.admin-error-page h2{margin:0 0 .5rem;color:#ff6b6b}.admin-videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:var(--space-3)}.admin-header-left{display:flex;align-items:center;gap:var(--space-3)}.admin-header-left h1{display:flex;align-items:center;gap:var(--space-2);font-size:1.5rem;margin:0}.admin-count{background:var(--surface-1);color:var(--text-muted, #888);padding:.2rem .6rem;border-radius:12px;font-size:.8rem}.admin-filters{display:flex;gap:var(--space-3);margin-bottom:.75rem;flex-wrap:wrap}.admin-search{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:200px;background:var(--surface-1);border:1px solid var(--border-color, #2a2a4a);border-radius:8px;padding:.5rem .75rem}.admin-search svg{color:var(--text-muted, #888);flex-shrink:0}.admin-search input{flex:1;border:none;background:transparent;color:var(--text-primary, #f0f0f3);font-size:.9rem;outline:none}.admin-search-clear{background:none;border:none;color:var(--text-muted, #888);cursor:pointer;padding:0;display:flex}.admin-status-filters{display:flex;gap:.35rem}.admin-filter-btn{background:var(--surface-1);border:1px solid var(--border-color, #2a2a4a);color:var(--text-muted, #888);padding:.4rem .7rem;border-radius:6px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.35rem;transition:all .15s}.admin-filter-btn:hover{border-color:var(--accent, #14b8a6);color:var(--text-primary, #f0f0f3)}.admin-filter-btn.active{background:var(--accent, #14b8a6);border-color:var(--accent, #14b8a6);color:#fff}.filter-count{background:#ffffff14;padding:.1rem .35rem;border-radius:4px;font-size:.7rem;font-weight:600}.admin-filter-btn.active .filter-count{background:#ffffff1a}.admin-showing{font-size:.8rem;color:var(--text-muted, #888);margin:0 0 .75rem}.admin-videos-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-video-row{background:var(--surface-1);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;overflow:hidden;transition:border-color .15s}.admin-video-row:hover,.admin-video-row.expanded{border-color:var(--accent, #14b8a6)}.admin-video-summary{display:flex;align-items:center;gap:var(--space-3);padding:.65rem 1rem;cursor:pointer}.admin-thumb{width:64px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--bg-primary, #0d0d1a)}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #555)}.admin-video-info{flex:1;min-width:0}.admin-video-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-video-meta{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--text-muted, #888);margin-top:.15rem;flex-wrap:wrap}.admin-meta-user,.admin-meta-date{display:flex;align-items:center;gap:.25rem}.admin-video-badges{display:flex;gap:.35rem;flex-shrink:0;flex-wrap:wrap}.admin-status-badge{padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-completed{background:#22c55e15;color:#22c55e}.status-processing{background:#faad1415;color:#faad14}.status-failed{background:#ff4d4f15;color:#ff6b6b}.status-unknown{background:#88888815;color:#888}.admin-badge-video{display:flex;align-items:center;gap:.2rem;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;background:#14b8a615;color:var(--accent, #14b8a6)}.admin-badge-source{padding:.15rem .5rem;border-radius:10px;font-size:.7rem;background:var(--bg-primary, #0d0d1a);color:var(--text-muted, #888)}.admin-expand-icon{flex-shrink:0;color:var(--text-muted, #888)}.admin-video-detail{padding:0 1rem 1rem;border-top:1px solid var(--border-color, #2a2a4a)}.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);margin-top:.75rem}.admin-detail-item label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #888);margin-bottom:.15rem}.admin-detail-item span{font-size:.85rem;color:var(--text-primary, #f0f0f3)}.admin-processing-error{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:.75rem;padding:.6rem .8rem;background:#ff4d4f11;border:1px solid #ff4d4f44;border-radius:6px;color:#ff6b6b;font-size:.8rem;line-height:1.4}.admin-processing-error svg{flex-shrink:0;margin-top:.1rem}.admin-video-player{margin-top:.75rem;border-radius:8px;overflow:hidden;background:#000}.admin-video-player video{width:100%;max-height:400px;display:block}.admin-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted, #888)}.admin-empty svg{opacity:.3;margin-bottom:.5rem}@media(max-width:640px){.admin-filters{flex-direction:column}.admin-video-summary{flex-wrap:wrap}.admin-video-badges{width:100%;margin-top:.25rem}.admin-detail-grid{grid-template-columns:1fr 1fr}}.admin-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.admin-selected-count{font-size:.85rem;color:#a5b4fc;font-weight:600}.admin-checkbox{width:22px;height:22px;min-width:22px;border-radius:4px;border:2px solid #555;display:flex;align-items:center;justify-content:center;transition:all .15s;color:transparent;flex-shrink:0}.admin-checkbox.checked{background:#4f46e5;border-color:#4f46e5;color:#fff}.admin-video-row.selected{border-color:#4f46e5;background:#4f46e511}.admin-detail-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #2a2a4a)}.admin-delete-btn{color:#ff6b6b;border-color:#ff4d4f44}.admin-delete-btn:hover{background:#ff4d4f11;border-color:#ff4d4f}.admin-delete-confirm{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:#ff6b6b}.btn-danger{background:#ff4d4f;color:#fff;border:none;cursor:pointer;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.btn-danger:hover{background:#ff2225}.btn-outline{background:transparent;border:1px solid var(--border-color, #2a2a4a);color:var(--text-primary, #f0f0f3);cursor:pointer;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.btn-outline:hover{border-color:var(--accent, #14b8a6)}.btn-sm{padding:.25rem .6rem;font-size:.75rem}.spin{animation:admin-spin 1s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mod-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color, #2a2a4a);padding-bottom:0}.mod-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted, #888);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.mod-tab:hover{color:var(--text-primary, #f0f0f3)}.mod-tab.active{color:var(--accent, #14b8a6);border-bottom-color:var(--accent, #14b8a6)}.mod-stats-bar{display:flex;gap:var(--space-3);margin-bottom:1.25rem;flex-wrap:wrap}.mod-stat{display:flex;align-items:center;gap:var(--space-2);padding:.6rem 1rem;background:var(--surface-1);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;flex:1;min-width:120px}.mod-stat svg{opacity:.6}.mod-stat-val{font-size:1.3rem;font-weight:700}.mod-stat-label{font-size:.75rem;color:var(--text-muted, #888)}.mod-stat-danger{border-color:#ff4d4f33}.mod-stat-danger .mod-stat-val{color:#ff6b6b}.mod-stat-danger svg{color:#ff6b6b}.mod-stat-warn{border-color:#faad1433}.mod-stat-warn .mod-stat-val{color:#faad14}.mod-stat-warn svg{color:#faad14}.mod-stat-orange{border-color:#ff851b33}.mod-stat-orange .mod-stat-val{color:#ff851b}.mod-stat-orange svg{color:#ff851b}.mod-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-primary, #0d0d1a)}.mod-avatar img{width:100%;height:100%;object-fit:cover}.mod-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #555)}.mod-role-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;margin-left:.4rem;vertical-align:middle}.mod-role-badge.owner{background:#ffd70022;color:gold}.mod-role-badge.admin{background:#14b8a622;color:#a5b4fc}.mod-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.mod-badge-banned{background:#ff4d4f18;color:#ff6b6b}.mod-badge-timeout{background:#faad1418;color:#faad14}.mod-badge-suspicious{background:#ff851b18;color:#ff851b}.mod-badge-active{background:#22c55e18;color:#22c55e}.mod-badge-videos{background:#14b8a615;color:var(--accent, #14b8a6)}.mod-badge-recent{background:#faad1412;color:#faad14;font-size:.65rem}.mod-badge-ai{background:#c4b5fd18;color:#c4b5fd}.mod-btn-delete-account{border-color:#fca5a5!important;color:#fca5a5!important;margin-left:auto}.mod-btn-delete-account:hover{background:#fca5a518!important}.text-success{color:#22c55e}.admin-video-row.row-banned{border-color:#ff4d4f44;background:#ff4d4f08}.admin-video-row.row-suspicious{border-color:#ff851b44}.mod-actions{display:flex;gap:var(--space-2);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #2a2a4a);flex-wrap:wrap}.mod-btn-danger{color:#ff6b6b!important;border-color:#ff4d4f44!important}.mod-btn-danger:hover{background:#ff4d4f11!important;border-color:#ff4d4f!important}.mod-btn-warn{color:#faad14!important;border-color:#faad1444!important}.mod-btn-warn:hover{background:#faad1411!important;border-color:#faad14!important}.mod-btn-success{color:#22c55e!important;border-color:#22c55e44!important}.mod-btn-success:hover{background:#22c55e11!important;border-color:#22c55e!important}.mod-section-actions{display:flex;align-items:center;gap:var(--space-2);margin-bottom:.75rem;flex-wrap:wrap}.mod-timeout-info{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:.75rem;padding:.6rem .8rem;background:#faad1411;border:1px solid #faad1444;border-radius:6px;color:#faad14;font-size:.8rem;line-height:1.4}.mod-timeout-info svg{flex-shrink:0;margin-top:.1rem}.mod-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.mod-modal{background:var(--surface-1);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;padding:var(--space-6);max-width:440px;width:100%}.mod-modal h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 .5rem;font-size:1.1rem}.mod-modal p{color:var(--text-muted, #888);font-size:.85rem;margin:0 0 1rem}.mod-modal label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #888);margin-bottom:.35rem;margin-top:.75rem}.mod-modal textarea{width:100%;background:var(--bg-primary, #0d0d1a);border:1px solid var(--border-color, #2a2a4a);border-radius:6px;color:var(--text-primary, #f0f0f3);padding:.5rem .75rem;font-size:.85rem;resize:vertical;font-family:inherit}.mod-modal textarea:focus{outline:none;border-color:var(--accent, #14b8a6)}.mod-modal-actions{display:flex;gap:var(--space-2);margin-top:1.25rem;justify-content:flex-end}.mod-timeout-options{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.5rem}.mod-timeout-btn{padding:.35rem .7rem;border-radius:6px;border:1px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #0d0d1a);color:var(--text-muted, #888);font-size:.8rem;cursor:pointer;transition:all .15s}.mod-timeout-btn:hover{border-color:var(--accent, #14b8a6);color:var(--text-primary, #f0f0f3)}.mod-timeout-btn.active{background:var(--accent, #14b8a6);border-color:var(--accent, #14b8a6);color:#fff}.text-danger{color:#ff6b6b!important}.text-warn{color:#faad14!important}.mod-btn-role{color:var(--accent, #14b8a6)!important;border-color:#646cff4d!important}.mod-btn-role:hover{background:#646cff14!important;border-color:var(--accent, #14b8a6)!important}.mod-btn-sub{color:#f59e0b!important;border-color:#f59e0b4d!important}.mod-btn-sub:hover{background:#f59e0b14!important;border-color:#f59e0b!important}.mod-sub-options{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.5rem}.mod-role-options{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.mod-role-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .85rem;border-radius:8px;border:1px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #0d0d1a);color:var(--text-primary, #f0f0f3);cursor:pointer;transition:all .15s;text-align:left}.mod-role-btn:hover{border-color:var(--accent, #14b8a6)}.mod-role-btn.active{background:#646cff1f;border-color:var(--accent, #14b8a6)}.mod-role-btn.role-owner{border-color:#ff6b6b40}.mod-role-btn.role-owner:hover,.mod-role-btn.role-owner.active{border-color:#ff6b6b;background:#ff6b6b14}.mod-role-btn-label{font-weight:600;font-size:.85rem}.mod-role-btn-desc{font-size:.72rem;color:var(--text-muted, #888)}.mod-role-warning{display:flex;align-items:flex-start;gap:.4rem;padding:.5rem .7rem;background:#ff6b6b14;border:1px solid rgba(255,107,107,.25);border-radius:6px;color:#ff6b6b;font-size:.78rem;line-height:1.4;margin-top:.5rem}.mod-role-warning svg{flex-shrink:0;margin-top:.1rem}.gym-row{overflow:visible}.gym-row.gym-inactive{opacity:.7}.gym-card{padding:var(--space-4)}.gym-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:.85rem}.gym-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);color:#c4b5fd;flex-shrink:0}.gym-info{flex:1;min-width:0}.gym-name{font-weight:700;font-size:1rem;color:var(--text-primary, #f0f0f3);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.gym-meta{display:flex;gap:var(--space-4);margin-top:.25rem;font-size:.78rem;color:var(--text-muted, #888);flex-wrap:wrap}.gym-meta span{display:flex;align-items:center;gap:.3rem}.gym-code-section{padding:.75rem;background:var(--bg-primary, #0d0d1a);border:1px solid var(--border-color, #2a2a4a);border-radius:8px;margin-bottom:.85rem}.gym-code-label{display:flex;align-items:center;gap:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #888);margin-bottom:.4rem;font-weight:600}.gym-code-row{display:flex;align-items:center;gap:var(--space-2)}.gym-code{flex:1;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:1.05rem;font-weight:700;color:#c4b5fd;letter-spacing:.04em;padding:.3rem 0}.gym-copy-btn{color:var(--text-muted, #888)!important;border-color:var(--border-color, #2a2a4a)!important;white-space:nowrap;transition:all .2s}.gym-copy-btn:hover{color:var(--text-primary, #f0f0f3)!important;border-color:var(--accent, #14b8a6)!important}.gym-copy-btn.copied{color:#22c55e!important;border-color:#22c55e44!important}.gym-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.gym-config-note{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:1rem;padding:.65rem .85rem;background:#646cff0d;border:1px solid rgba(100,108,255,.15);border-radius:8px;font-size:.78rem;color:var(--text-muted, #888);line-height:1.5}.gym-config-note svg{flex-shrink:0;color:var(--accent, #14b8a6);margin-top:.1rem}.gym-config-note code{background:#646cff1a;padding:.1rem .35rem;border-radius:3px;font-size:.75rem;color:#c4b5fd}.storage-card{background:var(--bg-secondary, #141428);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;padding:var(--space-4) 1.2rem;margin-bottom:.85rem}.storage-card-title{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--text-primary, #f0f0f3);margin:0 0 .75rem}.storage-usage-bar-container{margin-bottom:.5rem}.storage-usage-bar{height:14px;background:#3a3533b3;border-radius:7px;overflow:hidden;margin-bottom:.35rem}.storage-usage-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#34d399,#34d399);transition:width .5s ease}.storage-usage-fill.warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.storage-usage-fill.critical{background:linear-gradient(90deg,#f87171,#fca5a5)}.storage-usage-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted, #888)}.storage-percent{font-size:1.4rem;font-weight:800;color:#34d399;text-align:center;margin-top:.25rem}.storage-percent.warning{color:#f59e0b}.storage-percent.critical{color:#fca5a5}.storage-docker-table{display:flex;flex-direction:column;gap:0}.storage-docker-header,.storage-docker-row{display:grid;grid-template-columns:1.3fr .6fr .8fr 1fr;gap:var(--space-2);padding:.4rem .5rem;font-size:.8rem;align-items:center}.storage-docker-header{font-weight:700;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;border-bottom:1px solid var(--border-color, #2a2a4a)}.storage-docker-row{color:var(--text-secondary, #bbb);border-bottom:1px solid rgba(58,53,51,.5)}.storage-docker-type{font-weight:600;color:var(--text-primary, #f0f0f3)}.storage-reclaimable{color:#f59e0b;font-weight:600}.storage-actions{display:flex;gap:var(--space-2);margin-top:1rem;flex-wrap:wrap}.storage-prune-btn{display:flex;align-items:center;gap:.4rem}.storage-prune-hint{margin-top:.5rem;font-size:.75rem;color:var(--text-muted, #666);line-height:1.5}.storage-results{margin-top:1rem;padding:.85rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px}.storage-results h4{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:#22c55e;margin:0 0 .5rem}.storage-result-row{display:flex;justify-content:space-between;gap:var(--space-2);padding:.3rem 0;font-size:.78rem;border-bottom:1px solid rgba(34,197,94,.1)}.storage-result-action{color:var(--text-secondary, #bbb);font-weight:600}.storage-result-detail{color:var(--text-muted, #888);text-align:right;word-break:break-all}.storage-result-summary{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(34,197,94,.2);font-size:.82rem;color:var(--text-primary, #f0f0f3);text-align:center}@media(max-width:640px){.mod-stats-bar{flex-direction:column}.mod-stat{min-width:unset}.mod-actions{flex-direction:column}.mod-actions .btn{width:100%;justify-content:center}.gym-card-header{flex-direction:column;text-align:center}.gym-name,.gym-meta{justify-content:center}.gym-detail-grid{grid-template-columns:1fr 1fr}.gym-config-note{flex-direction:column;text-align:center}.storage-docker-header,.storage-docker-row{grid-template-columns:1fr .5fr .6fr .8fr;font-size:.72rem;gap:.25rem}.storage-actions{flex-direction:column}.storage-actions .btn{width:100%;justify-content:center}.storage-result-row{flex-direction:column;gap:.15rem}.storage-result-detail{text-align:left}}.owner-rev-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-color, #333)}.owner-rev-heading{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;margin:0 0 var(--space-4) 0;color:var(--text-primary)}.owner-rev-heading svg{color:var(--primary-light, #646cff)}.owner-rev-breakdown{margin-top:var(--space-3);padding:var(--space-4);background:var(--surface-1, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);animation:revBreakdownSlide .2s ease}.owner-rev-breakdown-sources{display:flex;flex-direction:column;gap:6px;padding-top:var(--space-2);border-top:1px solid var(--border-color, #333)}.owner-rev-source-row{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--text-secondary);padding:4px 0}.owner-rev-source-dot{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0}.owner-rev-source-name{flex:1}.owner-rev-source-val{font-weight:600;color:var(--text-primary)}.owner-rev-chart-legend{display:flex;align-items:center;gap:var(--space-4);font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-3)}.owner-rev-legend-item{display:flex;align-items:center;gap:6px}.owner-rev-legend-dot{display:inline-block;width:12px;height:12px;border-radius:3px}.owner-rev-legend-subs{background:var(--primary-light, #646cff)}.owner-rev-legend-fees{background:#22c55e}.owner-rev-legend-onetime{background:#ec4899}.owner-rev-chart{display:flex;align-items:flex-end;gap:4px;padding:0;overflow-x:auto;position:relative}.owner-rev-bar-wrap{display:flex;flex-direction:column;align-items:center;min-width:44px;flex:1;max-width:80px;position:relative}.owner-rev-bar-wrap.hovered .owner-rev-bar-stack{filter:brightness(1.2)}.owner-rev-bar-container{display:flex;align-items:flex-end;justify-content:center;width:100%}.owner-rev-bar-stack{width:28px;display:flex;flex-direction:column;border-radius:4px 4px 0 0;overflow:hidden;transition:filter .15s,height .3s ease}.owner-rev-bar-subs{background:var(--primary-light, #646cff);width:100%}.owner-rev-bar-fees{background:#22c55e;width:100%}.owner-rev-bar-onetime{background:#ec4899;width:100%}.owner-rev-amount{font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px;white-space:nowrap}.owner-rev-label{font-size:.7rem;color:var(--text-tertiary);margin-top:6px;white-space:nowrap;font-weight:500}.owner-rev-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-1, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:var(--radius-sm, 6px);padding:8px 12px;font-size:.72rem;color:var(--text-secondary);white-space:nowrap;z-index:20;box-shadow:0 4px 12px #0000004d;pointer-events:none;animation:revTooltipIn .15s ease}.owner-rev-tooltip div{line-height:1.5}.owner-rev-tooltip strong{color:var(--text-primary)}@keyframes revTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.owner-rev-table{border:1px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);overflow:hidden}.owner-rev-table-header,.owner-rev-table-row{display:grid;grid-template-columns:1fr 70px 80px 80px 70px 80px;align-items:center;padding:.65rem .85rem;border-bottom:1px solid var(--border-color, #333)}.owner-rev-table-header{background:var(--surface-2, rgba(255,255,255,.04));font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.owner-rev-table-row:last-child{border-bottom:none}.owner-rev-table-row:hover{background:var(--surface-2, rgba(255,255,255,.03))}.owner-rev-inactive{opacity:.55}.owner-rev-col-name{min-width:0;overflow:hidden}.owner-rev-col-name strong{font-size:.88rem;color:var(--text-primary)}.owner-rev-gym-meta{font-size:.72rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-rev-col{text-align:center;font-size:.85rem;color:var(--text-secondary)}.owner-rev-col-sub{font-size:.68rem;color:var(--text-muted, #666);margin-left:2px}.owner-rev-money{color:#22c55e;font-weight:600}.owner-rev-badge-off{font-size:.6rem;padding:1px 5px;border-radius:4px;background:var(--danger-bg, rgba(220,53,69,.12));color:var(--danger, #dc3545);margin-left:6px;vertical-align:middle}.owner-rev-badge-warn{font-size:.6rem;padding:1px 5px;border-radius:4px;background:var(--warning-bg, rgba(255,193,7,.12));color:var(--warning-text, #856404);margin-left:6px;vertical-align:middle}.owner-rev-badge-paying{font-size:.6rem;padding:1px 5px;border-radius:4px;background:#22c55e1f;color:#22c55e;margin-left:6px;vertical-align:middle}.owner-rev-fee-col{display:flex;justify-content:center}.owner-rev-fee-display{cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-weight:600;color:var(--primary-light, #646cff);transition:background .15s}.owner-rev-fee-display:hover{background:#646cff1a}.owner-rev-fee-pencil{opacity:0;transition:opacity .15s}.owner-rev-fee-display:hover .owner-rev-fee-pencil{opacity:1}.owner-rev-fee-edit{display:inline-flex;align-items:center;gap:3px}.owner-rev-fee-input{width:42px;padding:2px 4px;text-align:center;font-size:.82rem;font-weight:600;border:1px solid var(--primary, #535bf2);border-radius:4px;background:var(--surface-1, #1e1e2e);color:var(--text-primary);outline:none}.owner-rev-fee-edit .btn-sm{padding:2px 5px;min-width:0}.owner-rev-insights{display:flex;flex-direction:column;gap:var(--space-2)}.owner-rev-insight{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md, 8px);font-size:.85rem;line-height:1.4}.owner-rev-insight svg{flex-shrink:0;margin-top:1px}.owner-rev-insight.warn{background:#ffc10714;color:var(--warning-text, #f0ad4e)}.owner-rev-insight.warn svg{color:#f0ad4e}.owner-rev-insight.info{background:#3b82f614;color:#93bbfc}.owner-rev-insight.info svg{color:#3b82f6}.owner-rev-insight.success{background:#22c55e14;color:#86efac}.owner-rev-insight.success svg{color:#22c55e}.owner-rev-insight.muted{background:var(--surface-2, rgba(255,255,255,.03));color:var(--text-tertiary)}.owner-rev-insight.muted svg{color:var(--text-muted, #666)}@media(max-width:768px){.owner-rev-summary{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.owner-rev-card{padding:var(--space-3)}.owner-rev-card-value{font-size:1.2rem}.owner-rev-table-header,.owner-rev-table-row{grid-template-columns:1fr 50px 60px 60px 50px 60px;padding:.55rem .5rem;font-size:.78rem}.owner-rev-col-name strong{font-size:.8rem}.owner-rev-col{font-size:.78rem}}@media(max-width:500px){.owner-rev-summary{grid-template-columns:1fr 1fr}.owner-rev-table-header,.owner-rev-table-row{grid-template-columns:1fr 40px 55px 55px 0px 55px;font-size:.72rem}.owner-rev-table-header span:nth-child(5),.owner-rev-table-row span:nth-child(5){display:none}}.login-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0;background:var(--bg-primary)}.login-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-xl);animation:slideUp .5s var(--ease-out)}.login-logo{font-size:4rem;margin-bottom:var(--space-4)}.login-card h1{font-size:2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.login-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-8);line-height:1.5}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-6);background:#fff;color:#3c4043;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;font-family:Inter,-apple-system,sans-serif;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.google-login-btn:hover{background:#f5f5f5;box-shadow:var(--shadow-md)}.google-login-btn:active{background:#eee}.google-icon{flex-shrink:0}.remember-me-label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);cursor:pointer;font-size:.85rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.remember-me-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;margin:0}.remember-me-label span{line-height:1}.login-footer{margin-top:var(--space-8);font-size:.8rem;color:var(--text-tertiary)}.login-divider{display:flex;align-items:center;margin:var(--space-6) 0;color:var(--text-tertiary);font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.login-divider span{padding:0 var(--space-4)}.gym-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:.875rem var(--space-6);background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.gym-login-btn:hover{background:var(--surface-1);border-color:var(--primary-color)}.gym-icon{flex-shrink:0;color:var(--primary-color)}.gym-login-form{display:flex;flex-direction:column;gap:var(--space-4)}.gym-access-input{width:100%;padding:.875rem var(--space-4);background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;text-align:center;letter-spacing:.1em}.gym-access-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-muted)}.gym-access-input::placeholder{letter-spacing:normal;color:var(--text-tertiary)}.gym-error{color:var(--error-color);font-size:.85rem;margin:0}.gym-form-buttons{display:flex;gap:var(--space-2)}.gym-cancel-btn{flex:1;padding:.75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9rem;cursor:pointer;transition:var(--transition-base)}.gym-cancel-btn:hover{background:var(--surface-2)}.gym-submit-btn{flex:1;padding:.75rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.gym-submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #14b8a64d}.gym-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--space-12) var(--space-6) var(--space-4);gap:0}.login-features{width:100%;max-width:720px;padding:var(--space-6) var(--space-6);padding-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem 1.25rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.6rem}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}.feature-icon-wrap{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.feature-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.feature-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.55;margin:0}.feature-teal .feature-icon-wrap{background:#14b8a61a;color:#14b8a6}.feature-teal:hover{border-color:#14b8a64d}.feature-orange .feature-icon-wrap{background:#ea580c1a;color:#ea580c}.feature-orange:hover{border-color:#ea580c4d}.feature-blue .feature-icon-wrap{background:#3b82f61a;color:#3b82f6}.feature-blue:hover{border-color:#3b82f64d}.feature-amber .feature-icon-wrap{background:#f59e0b1a;color:#f59e0b}.feature-amber:hover{border-color:#f59e0b4d}.features-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-tertiary);font-size:.8rem;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color)}@media(max-width:640px){.login-hero{padding:var(--space-8) var(--space-4) var(--space-3);justify-content:center}.login-card{padding:var(--space-6) var(--space-5)}.login-logo{margin-bottom:var(--space-2)}.login-logo svg{width:120px;height:auto}.login-card h1{font-size:1.65rem;margin-bottom:var(--space-1)}.login-subtitle{font-size:.85rem;margin-bottom:var(--space-5)}.login-footer{margin-top:var(--space-4);font-size:.75rem}.login-divider{margin:var(--space-4) 0}.remember-me-label{margin-top:var(--space-3)}.features-grid{grid-template-columns:1fr;gap:.75rem}.feature-card{padding:1.25rem 1rem}.login-features{padding:var(--space-4) var(--space-4);padding-bottom:3rem}}.subscribe-page{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-4);animation:slideUp .4s var(--ease-out)}.banner{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);font-weight:600;text-align:center;font-size:1.1rem}.banner-success{background:#10b98126;border:1px solid var(--success-color);color:var(--success-color)}.banner-warning{background:var(--warning-subtle);border:1px solid var(--warning-color);color:var(--warning-color)}.subscribe-header{text-align:center;margin-bottom:var(--space-12)}.subscribe-header h1{font-size:2.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.subscribe-subtitle{color:var(--text-secondary);font-size:1.2rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--surface-1);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.pricing-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1f}.pricing-card.premium{border-color:var(--primary-color);box-shadow:var(--shadow-glow);position:relative}.pricing-card.pro{border-color:var(--accent-color);box-shadow:0 0 24px #d4a84326;position:relative}.pricing-card.gym{border-color:#10b981;box-shadow:0 0 24px #10b98126;position:relative}.pricing-card.current{border-color:var(--success-color)}.pricing-popular{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem 1rem;border-radius:0 0 8px 8px}.pricing-badge{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--space-4);margin-top:var(--space-2)}.premium-badge{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1rem}.pro-badge{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1rem}.gym-badge{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1rem}.pricing-desc{color:var(--text-tertiary);font-size:.88rem;margin-bottom:var(--space-6);text-align:center}.pricing-price{margin-bottom:var(--space-6);display:flex;align-items:baseline;gap:4px}.price-amount{font-size:3rem;font-weight:800;color:var(--text-primary)}.price-period{font-size:1rem;color:var(--text-tertiary)}.pricing-features{list-style:none;padding:0;width:100%;margin-bottom:var(--space-8);flex:1}.pricing-features li{padding:var(--space-2) 0;color:var(--text-secondary);font-size:.92rem;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:6px}.pricing-features li:last-child{border-bottom:none}.pricing-features li.excluded{color:var(--text-tertiary);opacity:.6}.pricing-features li svg{flex-shrink:0}.pricing-features li.included{color:var(--text-secondary)}.pricing-features li strong{color:inherit;font-weight:700}.pricing-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.pricing-current-badge{background:var(--surface-2);color:var(--text-secondary);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;text-align:center}.premium-active{background:#10b98126;color:var(--success-color);border:1px solid var(--success-color)}.pro-active{background:var(--warning-subtle);color:#f59e0b;border:1px solid #f59e0b}.btn-subscribe{width:100%;padding:var(--space-4) var(--space-8);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;font-family:inherit}.btn-subscribe-pro{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-subscribe-gym{background:linear-gradient(135deg,#10b981,#059669)}.gym-active{color:#10b981;border:1px solid #10b981}.btn-subscribe:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-subscribe:disabled{opacity:.6;cursor:not-allowed}.btn-manage{width:100%;padding:var(--space-2) var(--space-6);background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.btn-manage:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.btn-manage:disabled{opacity:.6;cursor:not-allowed}.pricing-coming-soon{color:var(--text-tertiary);font-style:italic;font-size:.95rem;padding:var(--space-4)}.subscribe-error{background:#ef444426;border:1px solid var(--error-color);color:var(--error-color);padding:var(--space-4);border-radius:var(--radius-md);text-align:center;margin-top:var(--space-4)}.feature-comparison{margin-top:var(--space-12)}.feature-comparison h2{text-align:center;font-size:1.8rem;color:var(--text-primary);margin-bottom:var(--space-8)}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:700px){.comparison-grid{grid-template-columns:1fr}}.comparison-item{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.comparison-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.comparison-item h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.1rem}.comparison-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.extra-reviews-section{margin-top:var(--space-8);padding:var(--space-8);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.extra-reviews-section h2{margin:0 0 var(--space-2) 0;font-size:1.2rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.extra-reviews-desc{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--space-6) 0}.extra-reviews-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.extra-reviews-selector{display:flex;align-items:center;gap:var(--space-2)}.extra-reviews-selector label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.extra-reviews-selector select{padding:.5rem .75rem;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer}.btn-buy-reviews{padding:.6rem 1.5rem;background:linear-gradient(135deg,#14b8a6,#14b8a6);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.btn-buy-reviews:hover{transform:translateY(-1px);box-shadow:0 4px 15px #14b8a64d}.btn-buy-reviews:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:500px){.extra-reviews-row{flex-direction:column}.btn-buy-reviews{width:100%}}.gym-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-8);background:linear-gradient(135deg,#6c5ce714,#00ced10f);border:1.5px solid rgba(108,92,231,.25);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s}.gym-cta-banner:hover{border-color:#6c5ce780;background:linear-gradient(135deg,#6c5ce71f,#00ced117);transform:translateY(-1px)}.gym-cta-content{display:flex;align-items:center;gap:var(--space-4);color:var(--accent, #6c5ce7)}.gym-cta-content h3{margin:0 0 2px;font-size:1rem;font-weight:700;color:var(--text-primary)}.gym-cta-content p{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.4}.gym-cta-link{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:var(--accent, #6c5ce7);white-space:nowrap;transition:gap .2s}.gym-cta-banner:hover .gym-cta-link{gap:8px}@media(max-width:768px){.gym-cta-banner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.gym-cta-link{align-self:flex-end}}.btn-cancel-sub{width:100%;padding:var(--space-2) var(--space-6);background:transparent;color:var(--text-tertiary);border:1px solid transparent;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s;margin-top:var(--space-1)}.btn-cancel-sub:hover:not(:disabled){color:var(--error-color);border-color:var(--error-color)}.btn-cancel-sub:disabled{opacity:.5;cursor:not-allowed}.cancel-gym-section{margin-bottom:var(--space-6);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.cancel-gym-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;margin:0 0 var(--space-2) 0;color:var(--text-primary)}.cancel-gym-section p{color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--space-4) 0}.cancel-gym-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.cancel-gym-actions .btn-manage{width:auto}.cancel-gym-actions .btn-cancel-sub{width:auto;padding:var(--space-2) var(--space-4)}.cancel-gym-pending{border-color:var(--warning-color);background:var(--warning-subtle)}.cancel-gym-pending h3{color:var(--warning-color)}.cancel-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cancel-modal{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);max-width:520px;width:100%;position:relative;animation:slideUp .25s var(--ease-out);max-height:90vh;overflow-y:auto}.cancel-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .15s}.cancel-modal-close:hover{color:var(--text-primary)}.cancel-modal-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.cancel-modal-icon{color:var(--warning-color);flex-shrink:0}.cancel-modal-header h2{font-size:1.3rem;margin:0;color:var(--text-primary)}.cancel-modal-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 var(--space-6) 0}.cancel-modal-consequences{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6)}.cancel-modal-consequences h3{font-size:.9rem;font-weight:700;color:var(--error-color);margin:0 0 var(--space-3) 0}.cancel-modal-consequences ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.cancel-modal-consequences li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.88rem;color:var(--text-secondary);line-height:1.4}.cancel-modal-consequences li svg{color:var(--error-color);flex-shrink:0;margin-top:2px}.cancel-gym-warn{color:var(--warning-color)!important;font-weight:600}.cancel-gym-warn svg{color:var(--warning-color)!important}.cancel-modal-actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn-cancel-confirm{width:100%;padding:var(--space-3) var(--space-6);background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;font-family:inherit}.btn-cancel-confirm:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-cancel-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-keep{width:100%;padding:var(--space-3) var(--space-6);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;font-family:inherit}.btn-cancel-keep:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-cancel-keep:disabled{opacity:.6;cursor:not-allowed}@media(max-width:500px){.cancel-modal{padding:var(--space-6)}.cancel-gym-actions{flex-direction:column}.cancel-gym-actions .btn-manage,.cancel-gym-actions .btn-cancel-sub{width:100%}}.btn-change-tier{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;font-family:inherit;margin-top:var(--space-2)}.btn-change-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-change-downgrade{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-change-downgrade:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.btn-change-tier:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-change-tier:disabled{opacity:.6;cursor:not-allowed;transform:none}.terms-container{width:100%;max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.terms-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-12)}.terms-card h1{font-size:2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.terms-effective{color:var(--text-tertiary);font-size:.85rem;margin-bottom:var(--space-8)}.terms-content section{margin-bottom:var(--space-8)}.terms-content h2{font-size:1.15rem;color:var(--text-primary);margin-bottom:var(--space-2)}.terms-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--space-2)}.terms-content ul{color:var(--text-secondary);font-size:.95rem;line-height:1.7;padding-left:var(--space-8);margin-bottom:var(--space-2)}.terms-content li{margin-bottom:var(--space-1)}.terms-content strong{color:var(--text-primary)}.terms-inline-link{color:var(--primary-light);text-decoration:underline;font-weight:600}.terms-inline-link:hover{color:var(--primary-color)}.terms-highlight-section{background:#14b8a60f;border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-6);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6))}@media(max-width:768px){.terms-card{padding:var(--space-6)}.terms-card h1{font-size:1.5rem}}.privacy-container{width:100%;max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.privacy-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-12)}.privacy-card h1{font-size:2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.privacy-effective{color:var(--text-tertiary);font-size:.85rem;margin-bottom:var(--space-8)}.privacy-content section{margin-bottom:var(--space-8)}.privacy-content h2{font-size:1.15rem;color:var(--text-primary);margin-bottom:var(--space-2)}.privacy-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--space-2)}.privacy-content ul{color:var(--text-secondary);font-size:.95rem;line-height:1.7;padding-left:var(--space-8);margin-bottom:var(--space-2)}.privacy-content li{margin-bottom:var(--space-1)}.privacy-content strong{color:var(--text-primary)}.privacy-inline-link{color:var(--primary-light);text-decoration:underline;font-weight:600}.privacy-inline-link:hover{color:var(--primary-color)}.privacy-highlight-section{background:#14b8a60f;border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-6);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6))}@media(max-width:768px){.privacy-card{padding:var(--space-6)}.privacy-card h1{font-size:1.5rem}.privacy-highlight-section{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:var(--space-4)}}.tos-accept-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--bg-primary)}.tos-accept-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);max-width:520px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.tos-accept-logo{margin-bottom:var(--space-4)}.tos-accept-card h1{font-size:1.75rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.tos-accept-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-6);line-height:1.5}.tos-accept-summary{text-align:left;background:var(--surface-2);border:1px solid rgba(58,53,51,.8);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.tos-accept-summary p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-2);line-height:1.5}.tos-accept-summary ul{color:var(--text-secondary);font-size:.9rem;line-height:1.7;padding-left:var(--space-8);margin-bottom:var(--space-4)}.tos-accept-summary li{margin-bottom:var(--space-1)}.tos-accept-reserve{color:var(--text-tertiary);font-size:.8rem!important;font-style:italic;margin-bottom:0!important}.tos-checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);text-align:left;cursor:pointer;padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-6);transition:all var(--transition-base);font-size:.95rem;color:var(--text-secondary)}.tos-checkbox-label:hover{border-color:var(--primary-color);background:#14b8a60d}.tos-checkbox{width:1.25rem;height:1.25rem;margin-top:.1rem;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.tos-link{color:var(--primary-light);text-decoration:underline;font-weight:600}.tos-link:hover{color:var(--primary-color)}.tos-error{background:var(--error-subtle);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);color:var(--error-color);font-size:.85rem;text-align:left}.tos-accept-btn{width:100%}.tos-accept-btn:disabled{opacity:.5;cursor:not-allowed}.tos-ai-consent-section{background:#14b8a60f;border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.tos-ai-consent-header{display:flex;align-items:center;gap:var(--space-1);font-weight:600;color:var(--primary-light);margin-bottom:var(--space-2);font-size:.95rem}.tos-ai-consent-header em{color:var(--text-tertiary);font-weight:400;font-size:.85rem}.tos-ai-consent-description{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:var(--space-2)}.tos-ai-consent-description strong{color:var(--text-primary)}.tos-ai-checkbox-label{border-color:var(--border-accent)!important;background:#14b8a608;margin-bottom:0}.tos-ai-checkbox-label:hover{border-color:var(--primary-color)!important;background:var(--primary-subtle)!important}@media(max-width:768px){.tos-accept-card{padding:var(--space-6)}}.analytics-page{max-width:960px}.analytics-gate,.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;gap:var(--space-4);color:var(--text-secondary)}.analytics-gate h2,.analytics-empty h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.analytics-gate p,.analytics-empty p{max-width:400px;color:var(--text-tertiary);line-height:1.5}.analytics-record{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2);margin-bottom:var(--space-6)}.record-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.record-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.record-card svg{opacity:.6}.record-value{font-size:1.75rem;font-weight:800;line-height:1.1}.record-label{font-size:.68rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.record-wins:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.record-wins svg{color:#4ade80}.record-wins .record-value{color:#4ade80}.record-losses:before{background:linear-gradient(90deg,#dc2626,#f87171)}.record-losses svg{color:#f87171}.record-losses .record-value{color:#f87171}.record-draws:before{background:linear-gradient(90deg,#78716c,#6b7280)}.record-draws svg{color:var(--text-tertiary)}.record-draws .record-value{color:var(--text-secondary)}.record-rate:before{background:var(--primary-gradient)}.record-rate svg{color:var(--primary-color)}.record-rate .record-value{color:var(--primary-color)}.record-streak-win:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.record-streak-win svg{color:#4ade80}.record-streak-win .record-value{color:#4ade80}.record-streak-loss:before{background:linear-gradient(90deg,#dc2626,#f87171)}.record-streak-loss svg{color:#f87171}.record-streak-loss .record-value{color:#f87171}.winrate-bar-container{margin-bottom:var(--space-6)}.winrate-bar{display:flex;height:28px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);border:1px solid var(--border-color)}.winrate-fill{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;transition:width .5s ease;min-width:0}.winrate-win{background:linear-gradient(135deg,#16a34a,#22c55e)}.winrate-loss{background:linear-gradient(135deg,#dc2626,var(--error-color))}.winrate-labels{display:flex;justify-content:space-between;font-size:.7rem;font-weight:600;margin-top:.3rem}.winrate-label-win{color:#4ade80}.winrate-label-loss{color:#f87171}.analytics-mini-stats{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.mini-stat{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:100px;padding:.35rem .75rem;font-size:.78rem}.mini-stat svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.mini-stat-value{font-weight:800;color:var(--text-primary)}.mini-stat-label{font-size:.68rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.mini-stat-win svg{color:#4ade80}.mini-stat-win .mini-stat-value{color:#4ade80}.mini-stat-loss svg{color:#f87171}.mini-stat-loss .mini-stat-value{color:#f87171}.dash-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4)}.dash-card-header{display:flex;align-items:center;gap:var(--space-2);padding:.85rem 1.1rem;border-bottom:1px solid var(--border-color);background:#ffffff04}.dash-card-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--primary-subtle);color:var(--primary-color);flex-shrink:0}.dash-card-header h3{font-size:.9rem;font-weight:700;color:var(--text-primary)}.dash-card-body{padding:var(--space-4) 1.1rem}.dash-accent-loss .dash-card-icon{background:#f871711a;color:#f87171}.dash-accent-win .dash-card-icon{background:#4ade801a;color:#4ade80}.dash-accent-drill .dash-card-icon{background:#fbbf241a;color:#fbbf24}.dash-sub{margin-bottom:var(--space-4)}.dash-sub:last-child{margin-bottom:0}.analytics-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.analytics-dashboard .dash-card{margin-bottom:0}@media(max-width:720px){.analytics-dashboard{grid-template-columns:1fr}}.timeline-track{display:flex;align-items:center;padding:.75rem 0;overflow-x:auto;gap:0}.timeline-dot{position:relative;display:flex;align-items:center;flex-shrink:0;text-decoration:none;cursor:pointer}.timeline-dot-inner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-color);background:var(--surface-2);transition:transform .15s,box-shadow .15s;z-index:1}.timeline-dot:hover .timeline-dot-inner{transform:scale(1.35)}.timeline-win .timeline-dot-inner{background:#22c55e;border-color:#16a34a;box-shadow:0 0 8px #22c55e80}.timeline-loss .timeline-dot-inner{background:var(--error-color);border-color:#dc2626;box-shadow:0 0 8px #ef444480}.timeline-draw .timeline-dot-inner{background:var(--text-tertiary);border-color:var(--text-tertiary)}.timeline-connector{display:block;width:20px;height:2px;background:var(--border-color);flex-shrink:0}.timeline-legend{display:flex;gap:var(--space-4);padding-top:.25rem}.legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-tertiary);font-weight:500}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-win{background:#22c55e}.legend-loss{background:var(--error-color)}.legend-draw{background:var(--text-tertiary)}.col-title{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:var(--text-tertiary);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.04em}.col-title.col-win{color:#4ade80}.col-title.col-loss{color:#f87171}.bar-list{display:flex;flex-direction:column;gap:var(--space-2)}.bar-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.15rem}.bar-label{font-size:.78rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.bar-value{font-size:.72rem;font-weight:700;color:var(--text-tertiary);white-space:nowrap}.bar-track{height:5px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .5s ease;min-width:2px}.bar-win{background:linear-gradient(90deg,#16a34a,#4ade80)}.bar-loss{background:linear-gradient(90deg,#dc2626,#f87171)}.bar-teal{background:linear-gradient(90deg,#0d9488,#14b8a6)}.bar-neutral{background:linear-gradient(90deg,#57534e,#6b7280)}.analytics-empty-note{color:var(--text-tertiary);font-size:.82rem;font-style:italic}.section-desc{color:var(--text-tertiary);font-size:.78rem;margin-bottom:.75rem;line-height:1.4}.mistakes-list{display:flex;flex-direction:column;gap:.45rem}.mistake-item{background:#f871710a;border:1px solid rgba(248,113,113,.12);border-left:3px solid #f87171;border-radius:var(--radius-sm);padding:.55rem .7rem}.mistake-header{display:flex;align-items:center;gap:.35rem}.mistake-icon{color:#f87171;flex-shrink:0}.mistake-label{font-size:.8rem;font-weight:600;color:var(--text-primary);flex:1}.mistake-count{font-size:.68rem;font-weight:800;color:#f87171;background:#f871711a;padding:.1rem .4rem;border-radius:100px;white-space:nowrap}.mistake-example{font-size:.72rem;color:var(--text-tertiary);margin-top:.3rem;line-height:1.4;font-style:italic;opacity:.85}.mistake-drill-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;font-size:.7rem;font-weight:600;color:var(--primary-color);text-decoration:none;padding:.2rem .55rem;border-radius:100px;background:var(--primary-subtle);border:1px solid var(--primary-muted);transition:all var(--transition-fast)}.mistake-drill-link:hover{background:var(--primary-muted);border-color:#14b8a64d;color:var(--primary-light)}.drill-suggestions{display:flex;flex-direction:column;gap:.4rem}.drill-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.drill-card:hover{border-color:#fbbf244d;background:#fbbf240a}.drill-card-left{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.drill-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.drill-submission .drill-card-icon{background:#f871711a;color:#f87171}.drill-position .drill-card-icon{background:#fbbf241a;color:#fbbf24}.drill-card-info{display:flex;flex-direction:column;gap:.05rem;min-width:0}.drill-card-label{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drill-card-reason{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drill-card-action{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;color:var(--error-color);background:var(--error-subtle);padding:.3rem .6rem;border-radius:100px;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.drill-card:hover .drill-card-action{background:#ef444426;color:#f87171}.recent-matches{display:flex;flex-direction:column;gap:.35rem}.recent-match{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast)}.recent-match:hover{background:#14b8a60f;border-color:var(--border-accent)}.recent-result-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.62rem;font-weight:800;padding:.15rem .45rem;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:48px;justify-content:center}.recent-badge-win{background:var(--success-subtle);color:#4ade80}.recent-badge-loss{background:#ef444426;color:#f87171}.recent-badge-draw{background:#a8a29e26;color:var(--text-tertiary)}.recent-title{font-size:.8rem;font-weight:500;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.recent-mechanic{font-size:.68rem;font-weight:600;color:var(--primary-light);background:var(--primary-subtle);padding:.1rem .4rem;border-radius:100px;white-space:nowrap;flex-shrink:0}.recent-date{font-size:.68rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}@media(max-width:640px){.analytics-page{padding:var(--space-6) var(--space-4)}.analytics-record{grid-template-columns:repeat(2,1fr)}.record-value{font-size:1.35rem}.analytics-mini-stats{gap:.35rem}.mini-stat{padding:.3rem .55rem;font-size:.72rem}.timeline-connector{width:10px}.timeline-dot-inner{width:14px;height:14px}.dash-card-body{padding:.75rem .85rem}.recent-match{flex-wrap:wrap;gap:.25rem}.recent-mechanic,.recent-date{font-size:.64rem}}.social-page{max-width:800px}.friends-list{display:flex;flex-direction:column;gap:var(--space-2)}.friend-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-fast);box-shadow:var(--shadow-xs)}.friend-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.friend-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.friend-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.friend-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.friend-name{font-weight:600;color:var(--text-primary)}.friend-arrow{color:var(--text-tertiary);margin-left:auto;margin-right:.5rem}.friend-status-badge{display:flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;padding:.3rem .6rem;border-radius:var(--radius-sm)}.status-friend{background:var(--success-subtle);color:var(--success-color)}.status-pending{background:var(--warning-subtle);color:var(--warning-color)}.request-actions{display:flex;gap:.4rem}.search-suggestions{margin-top:.35rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.15));animation:suggestSlide .15s ease}@keyframes suggestSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;transition:background .1s ease}.search-suggestion-item:not(:last-child){border-bottom:1px solid var(--border-color)}.search-suggestion-item:hover{background:var(--surface-2)}.search-suggestion-loading,.search-suggestion-empty{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:.85rem}.requests-heading{font-size:1rem;color:var(--text-secondary);margin-bottom:.75rem}.requests-empty{color:var(--text-tertiary);font-size:.9rem;margin-bottom:var(--space-4)}.btn-danger{color:var(--error-color)!important}.btn-danger:hover{background:var(--error-subtle)!important}.btn-sm{padding:.35rem .6rem;font-size:.8rem}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.25rem;transition:var(--transition-fast)}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}@media(max-width:768px){.friend-card{padding:.6rem .75rem}.request-actions{flex-direction:column}}.friend-activity-section{margin-bottom:var(--space-6)}.friend-activity-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.friend-activity-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--surface-1);border:2px dashed var(--border-color);border-radius:var(--radius-xl)}.friend-activity-cta svg:first-child{color:var(--text-tertiary);opacity:.5}.friend-activity-cta h3{font-size:1rem;color:var(--text-primary);margin:0}.friend-activity-cta p{font-size:.85rem;color:var(--text-tertiary);max-width:280px;margin:0}.friend-activity-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-tertiary)}.friend-activity-empty svg{opacity:.4}.friend-activity-empty p{font-size:.85rem;max-width:320px;margin:0}.fa-scroll-wrapper{position:relative;margin:0 -2px}.fa-scroll-track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 4px 10px}.fa-scroll-track::-webkit-scrollbar{display:none}.fa-scroll-card{flex:0 0 260px;min-width:260px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,box-shadow .2s,transform .15s}.fa-scroll-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.fa-card-header{display:flex;align-items:center}.fa-event-cat{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:6px;border:1px solid transparent}.fa-card-event-name{font-size:.9rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.fa-card-meta{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-tertiary);line-height:1}.fa-card-meta svg{flex-shrink:0;opacity:.6}.fa-card-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fa-card-divider{height:1px;background:var(--border-color);margin:2px 0}.fa-card-friend{display:flex;align-items:center;gap:8px}.fa-avatar{flex-shrink:0;width:26px;height:26px;border-radius:50%;overflow:hidden}.fa-avatar img{width:100%;height:100%;object-fit:cover}.fa-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-tertiary)}.fa-card-name{flex:1;font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .15s}.fa-card-name:hover{color:var(--accent)}.fa-status{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:.7rem;flex-shrink:0;padding:2px 8px;border-radius:10px}.fa-going{color:#16a34a;background:#22c55e1f}.fa-maybe{color:#d97706;background:#f59e0b1f}.fa-scroll-arrow{position:absolute;top:50%;transform:translateY(-60%);z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background .15s,color .15s,border-color .15s;padding:0;font-family:inherit}.fa-scroll-arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.fa-scroll-arrow-left{left:-8px}.fa-scroll-arrow-right{right:-8px}@media(hover:none){.fa-scroll-arrow{display:none}}@media(max-width:480px){.fa-scroll-card{flex:0 0 230px;min-width:230px;padding:12px 14px}.fa-card-event-name{font-size:.85rem}}.leaderboard-controls{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.sort-dropdown{display:flex;align-items:center;gap:var(--space-2);padding:.5rem .75rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;position:relative;font-size:.85rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.sort-dropdown:hover{border-color:var(--primary-dark)}.sort-label{color:var(--text-tertiary)}.sort-value{display:flex;align-items:center;gap:.3rem;font-weight:600;color:var(--text-primary)}.sort-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;z-index:10;min-width:180px}.sort-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:.6rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;text-align:left;transition:var(--transition-fast)}.sort-menu-item:hover{background:var(--surface-2);color:var(--text-primary)}.sort-menu-item.active{color:var(--primary-color);font-weight:600}.leaderboard-podium{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.podium-card{flex:1;max-width:220px;display:flex;flex-direction:column;align-items:center;padding:var(--space-5) .75rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-base);text-align:center}.podium-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-dark)}.podium-1{border-color:#fbbf24;background:linear-gradient(180deg,rgba(251,191,36,.08) 0%,var(--surface-1) 100%)}.podium-2{border-color:#94a3b8;background:linear-gradient(180deg,rgba(148,163,184,.06) 0%,var(--surface-1) 100%)}.podium-3{border-color:#c2855a;background:linear-gradient(180deg,rgba(194,133,90,.06) 0%,var(--surface-1) 100%)}.podium-self{box-shadow:0 0 0 2px var(--primary-color)}.podium-rank{margin-bottom:.5rem}.podium-crown{color:#fbbf24}.podium-number{font-size:1.1rem;font-weight:700;color:var(--text-tertiary)}.podium-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:.5rem}.podium-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:.5rem}.podium-name{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.4rem}.podium-stat-primary{font-size:1.75rem;font-weight:800;color:var(--primary-light);line-height:1}.podium-stat-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.podium-stats-mini{display:flex;gap:var(--space-2);font-size:.7rem;color:var(--text-tertiary)}.podium-stats-mini span{display:flex;align-items:center;gap:.2rem}.leaderboard-list{display:flex;flex-direction:column;gap:.4rem;overflow:hidden}.leaderboard-row{display:flex;align-items:center;gap:var(--space-3);padding:.75rem 1rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.leaderboard-row:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-sm)}.leaderboard-row-self{border-left:3px solid var(--primary-color);background:#14b8a60a}.lb-rank{width:36px;font-weight:700;font-size:.9rem;color:var(--text-tertiary);text-align:center;flex-shrink:0}.rank-crown{color:#fbbf24}.lb-user{display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden}.lb-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.lb-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.lb-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-stats{display:flex;align-items:center;gap:var(--space-3);flex:1;justify-content:flex-end;flex-wrap:wrap}.lb-stat{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.lb-stat-primary{font-weight:600;color:var(--primary-light)}.lb-stat-secondary{color:var(--text-tertiary)}.lb-stat-sub{color:var(--warning-color)}.leaderboard-empty{text-align:center;padding:4rem 1rem;color:var(--text-tertiary)}.leaderboard-empty svg{margin-bottom:var(--space-4)}.leaderboard-empty h3{margin-bottom:.5rem;color:var(--text-secondary)}.leaderboard-empty .btn{margin-top:1rem}@media(max-width:700px){.leaderboard-page{padding:var(--space-4) .75rem}.leaderboard-podium{flex-direction:column;align-items:center}.podium-card{max-width:100%;width:100%;flex-direction:row;gap:var(--space-3);padding:.75rem 1rem;text-align:left;overflow:hidden}.podium-avatar,.podium-avatar-placeholder{width:40px;height:40px;margin-bottom:0;flex-shrink:0}.podium-stat-primary{font-size:1.25rem}.podium-stats-mini{flex-wrap:wrap;gap:.3rem}.podium-name{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row{flex-wrap:wrap;padding:.65rem .75rem;gap:.4rem}.lb-rank{width:28px;font-size:.8rem}.lb-user{min-width:0;flex:1;overflow:hidden}.lb-name{font-size:.82rem}.lb-avatar,.lb-avatar-placeholder{width:28px;height:28px;flex-shrink:0}.lb-stats{width:100%;justify-content:flex-start;padding-left:28px;gap:var(--space-2);margin-top:-.1rem}.lb-stat{font-size:.72rem}.lb-stat-sub,.lb-stat-secondary{display:none}}.shared-list{display:flex;flex-direction:column;gap:var(--space-3)}.share-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition-fast)}.share-card:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-sm)}.share-card-compact{padding:.65rem .75rem}.share-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.share-from{display:flex;align-items:center;gap:var(--space-2)}.share-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.share-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.share-from-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.share-time{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-tertiary)}.share-message{display:flex;align-items:flex-start;gap:.4rem;font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:.75rem;padding:.5rem .75rem;background:var(--surface-2);border-radius:var(--radius-sm)}.share-message svg{flex-shrink:0;margin-top:2px;color:var(--text-tertiary)}.share-video-title{font-weight:600;font-size:.95rem;margin-bottom:.4rem;color:var(--text-primary)}.share-video-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.share-result-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-sm)}.badge-win{background:var(--success-subtle);color:var(--success-color)}.badge-loss{background:#ef444426;color:var(--error-color)}.badge-draw{background:var(--warning-subtle);color:var(--warning-color)}.share-position,.share-mechanic{font-size:.75rem;padding:.2rem .5rem;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary)}.share-video-summary{font-size:.85rem;color:var(--text-tertiary);line-height:1.5}.share-form{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.share-form h3{margin-bottom:var(--space-4);font-size:1.1rem}.share-form-label{display:block;font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;margin-top:.75rem}.share-form-label:first-of-type{margin-top:0}.share-form-select,.share-form-input{width:100%;padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;outline:none;transition:var(--transition-fast)}.share-form-select:focus,.share-form-input:focus{border-color:var(--primary-color)}.share-form .btn{margin-top:1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem}.share-success{margin-top:.75rem;padding:.5rem .75rem;background:#22c55e1a;color:var(--success-color);border-radius:var(--radius-sm);font-size:.85rem;text-align:center}.sent-history-title{font-size:.9rem;color:var(--text-secondary);margin-top:1.5rem;margin-bottom:.75rem}.shared-list-compact{gap:.4rem}.share-watch-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.85rem;border-radius:var(--radius-md)}.share-card-expanded{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--border-accent)}.share-video-player{margin-top:.75rem;border-radius:var(--radius-lg);overflow:hidden;background:#000;animation:fadeIn .25s ease}.share-video-player video{width:100%;max-height:480px;display:block;border-radius:var(--radius-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.share-card{padding:.75rem}.share-video-player video{max-height:300px}}.profile-page{max-width:750px}.profile-error{text-align:center;padding:4rem 1rem;color:var(--text-tertiary)}.profile-error svg{margin-bottom:var(--space-4)}.profile-error h2{margin-bottom:.5rem;color:var(--text-secondary)}.profile-error .btn{margin-top:1.5rem}.profile-header{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);flex-shrink:0}.profile-avatar-placeholder{width:72px;height:72px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border:3px solid var(--border-color);flex-shrink:0}.profile-header-info{flex:1;min-width:0}.profile-name{font-size:1.5rem;margin-bottom:.25rem}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.profile-header-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color)}.profile-header-stat{display:flex;flex-direction:column;align-items:center;min-width:48px}.profile-header-stat-val{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.2}.profile-header-stat-lbl{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:.1rem}.profile-meta-item{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--text-tertiary)}.profile-meta-link{color:var(--primary-color);cursor:pointer;transition:opacity .15s}.profile-meta-link:hover{opacity:.8;text-decoration:underline}.profile-section{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-xs)}.profile-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.1rem;margin-bottom:var(--space-4);color:var(--text-primary)}.profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.profile-section-header .profile-section-title{margin-bottom:0}.profile-section-header .profile-edit-btn{margin-top:0}.profile-info-list{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.profile-info-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem}.profile-info-row+.profile-info-row{border-top:1px solid var(--border-color)}.profile-info-label{font-size:.85rem;color:var(--text-secondary)}.profile-info-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.profile-info-value.accent{color:var(--primary-light)}.profile-info-empty{color:var(--text-tertiary);font-weight:400;font-style:italic}.profile-belt-badge-sm{display:inline-flex;align-items:center;gap:.3rem;font-weight:600}.profile-belt-badge-sm .belt-swatch{width:12px;height:12px}.profile-empty{text-align:center;padding:2rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-tertiary)}.profile-empty .btn{margin-top:1rem}.profile-section-danger{border-color:#ef444440}.social-optout-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.profile-logout-section{text-align:center;border-color:var(--border-color);padding:var(--space-5)}.profile-logout-btn{width:100%;max-width:280px;justify-content:center;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600}.btn-outline-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:transparent;border:1px solid var(--error-color);color:var(--error-color);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;transition:var(--transition-fast)}.btn-outline-danger:hover{background:var(--error-subtle)}.btn-outline-danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.profile-page{padding:var(--space-4) .75rem}.profile-header{flex-direction:column;align-items:center;text-align:center;padding:var(--space-5)}.profile-meta,.profile-header-stats{justify-content:center}}.profile-belt-badge{font-weight:600;color:var(--text-primary)!important;background:color-mix(in srgb,var(--belt-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--belt-color) 40%,transparent);padding:.15rem .6rem;border-radius:12px}.profile-belt-badge svg{color:var(--belt-color)}.profile-edit-btn{margin-top:.5rem;font-size:.8rem;padding:.3rem .75rem;display:inline-flex;align-items:center;gap:.35rem}.profile-edit-section{border-color:var(--primary-color)}.profile-edit-fields{display:flex;flex-direction:column;gap:1.25rem}.profile-field-label{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.belt-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.belt-option{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius-md);background:var(--surface-2);border:2px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.belt-option:hover{border-color:var(--belt-color);background:color-mix(in srgb,var(--belt-color) 10%,var(--surface-2))}.belt-option.selected{border-color:var(--belt-color);background:color-mix(in srgb,var(--belt-color) 18%,var(--surface-2));color:var(--text-primary);font-weight:600}.belt-swatch{width:14px;height:14px;border-radius:3px;background:var(--belt-color);border:1px solid rgba(255,255,255,.15)}.stripe-selector{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.stripe-option{padding:.35rem .7rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1.5px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;letter-spacing:.05em}.stripe-option:hover{border-color:var(--belt-color)}.stripe-option.active{border-color:var(--belt-color);background:color-mix(in srgb,var(--belt-color) 18%,var(--surface-2));color:var(--text-primary);font-weight:600}.profile-input{width:100%;padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-primary);font-size:.9rem}.profile-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-muted)}.profile-edit-actions{display:flex;gap:var(--space-3)}.profile-edit-actions .btn{display:inline-flex;align-items:center;gap:.35rem}.profile-gym-network-section{border:1px solid var(--border-color);border-radius:12px;padding:var(--space-5);background:var(--surface-1)}.gym-network-status{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:10px;border:1px solid var(--border-color);background:var(--bg-primary)}.gym-network-status>svg{flex-shrink:0;margin-top:2px}.gym-network-status strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.gym-network-status p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.gym-network-status .btn{flex-shrink:0;align-self:center;margin-left:auto;white-space:nowrap}.gym-network-approved>svg{color:#22c55e}.gym-network-approved{border-color:#22c55e4d;background:#22c55e0d}.profile-leave-gym-btn{color:var(--text-tertiary)!important;border-color:var(--border-color)!important;font-size:.78rem}.profile-leave-gym-btn:hover:not(:disabled){color:#ef4444!important;border-color:#ef444466!important;background:#ef44440f!important}.gym-network-pending>svg{color:#faad14}.gym-network-pending{border-color:#faad144d;background:#faad140d}.gym-network-denied>svg{color:#ff6b6b}.gym-network-denied{border-color:#ff6b6b4d;background:#ff6b6b0d}.gym-network-available>svg{color:var(--primary-light)}.gym-network-available{border-color:#646cff4d;background:#646cff0d}@media(max-width:768px){.gym-network-status{flex-wrap:wrap}.gym-network-status .btn{width:100%;margin-left:0;margin-top:.75rem;justify-content:center}}.membership-alert{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:.85rem;font-weight:600}.membership-alert-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.membership-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-2)}.membership-row>svg{flex-shrink:0}.membership-active>svg{color:#22c55e}.membership-active{border-color:#22c55e40}.membership-pastdue>svg{color:#f59e0b}.membership-pastdue{border-color:#f59e0b4d}.membership-inactive>svg{color:var(--text-tertiary)}.membership-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.membership-row-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.membership-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:12px;letter-spacing:.02em;text-transform:uppercase}.membership-badge.paid{background:#22c55e1f;color:#22c55e}.membership-badge.unpaid{background:#94a3b81f;color:var(--text-tertiary)}.membership-badge.pastdue{background:#f59e0b1f;color:#f59e0b}.membership-plan-name{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.membership-renew{font-size:.78rem;color:var(--text-tertiary)}.membership-warn{font-size:.78rem;color:var(--text-tertiary);line-height:1.4}.membership-row-actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.btn-ghost-danger{background:transparent;border:1px solid transparent;color:var(--text-tertiary);font-size:.78rem;cursor:pointer;padding:.35rem .6rem;border-radius:var(--radius-sm);transition:all .15s ease;font-family:inherit;font-weight:500}.btn-ghost-danger:hover{color:var(--error-color, #ef4444);border-color:var(--error-color, #ef4444)}.membership-plans{margin-top:var(--space-4)}.membership-plans-title{font-size:.95rem;color:var(--text-primary);margin-bottom:var(--space-3)}.membership-plan-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-2)}.membership-plan-row+.membership-plan-row{margin-top:var(--space-2)}.membership-plan-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.membership-plan-price{font-size:1.15rem;font-weight:700;color:var(--primary-color)}.membership-plan-interval{font-size:.8rem;font-weight:400;color:var(--text-secondary)}.membership-plan-desc{font-size:.82rem;color:var(--text-secondary)}@media(max-width:600px){.membership-row{flex-wrap:wrap}.membership-row-actions{width:100%;justify-content:flex-start}.membership-plan-row{flex-direction:column;align-items:stretch}.membership-plan-row .btn{width:100%;justify-content:center}}.gcal{animation:fadeIn .25s var(--ease-out)}.gcal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.gcal-nav{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.gcal-nav:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.gcal-title{text-align:center}.gcal-title h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.gcal-month-count{display:block;font-size:.7rem;color:var(--text-tertiary);font-weight:400}.gcal-today-btn{display:block;margin:0 auto .75rem;padding:.2rem .85rem;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--primary-light, var(--primary-color));font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.gcal-today-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.gcal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:.25rem}.gcal-weekday{text-align:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:.35rem 0}.gcal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);overflow:hidden;margin-bottom:var(--space-4)}.gcal-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:58px;padding:.3rem .15rem;background:var(--surface-1);border:none;cursor:pointer;transition:all .12s ease;position:relative;gap:.15rem}.gcal-day:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .06))}.gcal-day-num{font-size:.8rem;font-weight:500;color:var(--text-primary);line-height:1;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .12s ease}.gcal-day-outside .gcal-day-num{color:var(--text-tertiary);opacity:.4}.gcal-day-past .gcal-day-num{color:var(--text-tertiary)}.gcal-day-today .gcal-day-num{background:var(--primary-color);color:#fff;font-weight:700}.gcal-day-selected{background:#646cff14!important}.gcal-day-selected .gcal-day-num{outline:2px solid var(--primary-color);outline-offset:1px}.gcal-day-today.gcal-day-selected .gcal-day-num{outline:2px solid var(--primary-light, var(--primary-color));outline-offset:2px}.gcal-day-has-events{background:#646cff08}.gcal-dots{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:auto;width:100%;padding:0 3px}.gcal-dot{width:100%;height:4px;border-radius:2px;flex-shrink:0}.gcal-dot-more{font-size:.5rem;color:var(--text-tertiary);font-weight:700;line-height:1}.gcal-detail{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);overflow:hidden}.gcal-detail-header{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:var(--bg-tertiary, rgba(255, 255, 255, .04));border-bottom:1px solid var(--border-color);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.gcal-detail-header svg{color:var(--primary-color);flex-shrink:0}.gcal-detail-empty{padding:var(--space-8) var(--space-4);text-align:center}.gcal-detail-empty p{margin:0;font-size:.82rem;color:var(--text-tertiary)}.gcal-detail-list{display:flex;flex-direction:column}.gcal-event{display:flex;gap:0;border-bottom:1px solid var(--border-color);transition:background .12s ease}.gcal-event:last-child{border-bottom:none}.gcal-event:hover{background:#ffffff05}.gcal-event-past{opacity:.45}.gcal-event-accent{width:3px;flex-shrink:0}.gcal-event-content{flex:1;padding:.75rem .85rem;min-width:0}.gcal-event-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:.25rem}.gcal-event-cat{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:8px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.gcal-event-time{font-size:.72rem;color:var(--text-tertiary);font-weight:500}.gcal-event-title{margin:0 0 .2rem;font-size:.92rem;font-weight:700;color:var(--text-primary)}.gcal-event-desc{font-size:.78rem;color:var(--text-secondary);margin:0 0 .35rem;line-height:1.4}.gcal-event-location{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;color:var(--text-tertiary);margin-bottom:.4rem}.gcal-event-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:.35rem}.gcal-event-counts{display:flex;gap:.6rem;font-size:.72rem}.gcal-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.gcal-delete-btn:hover{background:var(--error-subtle);border-color:var(--error-color);color:var(--error-color)}.gcal-delete-btn:disabled{opacity:.4;cursor:not-allowed}.gcal-rsvp-btns{display:flex;gap:.35rem;margin-top:.5rem}.gcal-event-title-btn{all:unset;cursor:pointer;color:inherit;font:inherit;transition:color var(--transition-fast)}.gcal-event-title-btn:hover{color:var(--primary-color)}.gcal-view-attendees{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--primary-color);font-size:.7rem;font-weight:600;cursor:pointer;padding:.2rem 0;transition:opacity var(--transition-fast);font-family:inherit}.gcal-view-attendees:hover{opacity:.8;text-decoration:underline}@media(max-width:768px){.gcal-day{min-height:46px;padding:.2rem .1rem}.gcal-day-num{font-size:.72rem;width:22px;height:22px}.gcal-dot{height:3px}.gcal-title h3{font-size:.95rem}.gcal-event-content{padding:.6rem .7rem}.gcal-rsvp-btns{flex-wrap:wrap}.rsvp-btn{flex:1;justify-content:center;min-width:0}}@media(max-width:380px){.gcal-day{min-height:40px}.gcal-day-num{font-size:.65rem;width:20px;height:20px}.gcal-weekday{font-size:.55rem}}.cse-editor{border:1px solid var(--border, #333);border-radius:10px;overflow:hidden;background:var(--bg-card, #1a1a2e)}.cse-header{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--text-secondary, #aaa);border-bottom:1px solid var(--border, #333);background:var(--bg-elevated, #16162a)}.cse-loading{padding:2rem;text-align:center;color:var(--text-tertiary, #666);font-size:.85rem}.cse-days{display:flex;flex-direction:column}.cse-day{border-bottom:1px solid var(--border, #222)}.cse-day:last-child{border-bottom:none}.cse-day-header{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff05}.cse-day-name{font-size:.85rem;font-weight:700;color:var(--text-primary, #e0e0e0);min-width:36px}.cse-day-count{font-size:.72rem;color:var(--text-tertiary, #666);flex:1}.cse-add-btn{background:none;border:1px solid var(--border, #333);border-radius:6px;padding:3px 6px;color:var(--text-secondary, #888);cursor:pointer;display:flex;align-items:center;transition:all .15s}.cse-add-btn:hover{border-color:var(--accent, #6c5ce7);color:var(--accent, #6c5ce7)}.cse-class-list{padding:0 14px 8px;display:flex;flex-direction:column;gap:4px}.cse-class-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff08;transition:background .15s}.cse-class-row:hover{background:#ffffff0f}.cse-clock{color:var(--text-tertiary, #666);flex-shrink:0}.cse-time{font-size:.78rem;color:var(--text-secondary, #aaa);white-space:nowrap;min-width:130px}.cse-name{font-size:.85rem;font-weight:500;color:var(--text-primary, #e0e0e0);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cse-type-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;color:#fff;white-space:nowrap}.cse-del-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary, #666);border-radius:4px;display:flex;align-items:center;transition:all .15s}.cse-del-btn:hover{color:var(--error-color, #ef4444);background:#ef44441a}.cse-del-btn:disabled{opacity:.4;cursor:not-allowed}.cse-empty{padding:4px 14px 8px;font-size:.75rem;color:var(--text-muted, #555);font-style:italic}.cse-add-form{padding:8px 14px 12px;display:flex;flex-direction:column;gap:6px;background:#646cff0a;border-top:1px solid rgba(100,108,255,.15)}.cse-form-row{display:flex;align-items:center;gap:6px}.cse-select{background:var(--bg-input, #0d0d1a);border:1px solid var(--border, #333);border-radius:6px;padding:5px 6px;color:var(--text-primary, #e0e0e0);font-size:.8rem;cursor:pointer;min-width:100px}.cse-select:focus{outline:none;border-color:var(--accent, #6c5ce7)}.cse-dash{color:var(--text-secondary, #888);font-size:.85rem}.cse-input{flex:1;background:var(--bg-input, #0d0d1a);border:1px solid var(--border, #333);border-radius:6px;padding:5px 8px;color:var(--text-primary, #e0e0e0);font-size:.8rem;font-family:inherit}.cse-input:focus{outline:none;border-color:var(--accent, #6c5ce7)}.cse-input::placeholder{color:var(--text-muted, #555)}.cse-type-sel{min-width:110px}.cse-form-actions{display:flex;gap:6px;margin-top:2px}@media(max-width:500px){.cse-class-row{flex-wrap:wrap;gap:4px}.cse-time{min-width:auto;font-size:.72rem}.cse-form-row{flex-wrap:wrap}.cse-select{min-width:80px;font-size:.75rem}.cse-input{font-size:.75rem}}.bh-editor{border:1px solid var(--border, #333);border-radius:10px;overflow:hidden;background:var(--bg-card, #1a1a2e)}.bh-header{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--text-secondary, #aaa);border-bottom:1px solid var(--border, #333);background:var(--bg-elevated, #16162a)}.bh-grid{display:flex;flex-direction:column}.bh-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border, #222);transition:background .15s}.bh-row:last-child{border-bottom:none}.bh-row:hover{background:#ffffff05}.bh-row-closed{opacity:.5}.bh-toggle{background:none;border:none;cursor:pointer;color:var(--text-secondary, #888);padding:0;display:flex;align-items:center;transition:color .15s}.bh-toggle-on,.bh-toggle:hover{color:var(--accent, #6c5ce7)}.bh-day{font-size:.85rem;font-weight:600;min-width:36px;color:var(--text-primary, #e0e0e0)}.bh-times{display:flex;align-items:center;gap:6px;margin-left:auto}.bh-select{background:var(--bg-input, #0d0d1a);border:1px solid var(--border, #333);border-radius:6px;padding:4px 6px;color:var(--text-primary, #e0e0e0);font-size:.8rem;cursor:pointer;min-width:100px}.bh-select:focus{outline:none;border-color:var(--accent, #6c5ce7)}.bh-dash{color:var(--text-secondary, #888);font-size:.85rem}.bh-closed-label{margin-left:auto;font-size:.8rem;color:var(--text-muted, #666);font-style:italic}@media(max-width:500px){.bh-row{padding:6px 10px;gap:6px}.bh-select{min-width:80px;font-size:.75rem;padding:3px 4px}.bh-day{font-size:.78rem;min-width:30px}}.mdm-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:mdmFadeIn .2s ease-out}@keyframes mdmFadeIn{0%{opacity:0}to{opacity:1}}.mdm-modal{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:20px;box-shadow:0 24px 80px #00000080;animation:mdmSlideUp .3s ease-out}@keyframes mdmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mdm-close{position:absolute;top:.75rem;right:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #0f1117);color:var(--text-secondary);cursor:pointer;transition:all .15s}.mdm-close:hover{background:var(--border-color);color:var(--text-primary)}.mdm-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:var(--text-secondary);font-size:.875rem}.mdm-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mdm-error{padding:2rem;text-align:center;color:#ff6b6b;font-size:.9rem}.mdm-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 0}.mdm-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #2a2a4a);flex-shrink:0}.mdm-avatar-ph{width:56px;height:56px;border-radius:50%;background:var(--bg-primary, #0f1117);border:2px solid var(--border-color, #2a2a4a);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.mdm-header-info{min-width:0}.mdm-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdm-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.78rem;color:var(--text-tertiary)}.mdm-belt{display:inline-flex;align-items:center;gap:4px;color:var(--belt-color, #888);font-weight:600}.mdm-joined{display:inline-flex;align-items:center;gap:4px}.mdm-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:1.25rem 1.5rem}.mdm-stat-card{background:var(--bg-primary, #0f1117);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;padding:.75rem;text-align:center}.mdm-stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.2}.mdm-stat-value.mdm-stat-text{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdm-stat-label{font-size:.7rem;color:var(--text-tertiary);margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:3px}.mdm-section{padding:0 1.5rem 1.25rem}.mdm-section-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.mdm-breakdown{display:flex;flex-direction:column;gap:.4rem}.mdm-breakdown-row{display:flex;align-items:center;gap:.5rem}.mdm-breakdown-name{font-size:.8rem;font-weight:600;color:var(--text-primary);min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdm-breakdown-bar-wrap{flex:1;height:8px;background:var(--bg-primary, #0f1117);border-radius:4px;overflow:hidden}.mdm-breakdown-bar{height:100%;background:linear-gradient(90deg,var(--primary-light, #818cf8),var(--primary, #6366f1));border-radius:4px;min-width:4px;transition:width .4s ease-out}.mdm-breakdown-count{font-size:.75rem;font-weight:700;color:var(--text-secondary);min-width:24px;text-align:right}.mdm-events-list{display:flex;flex-direction:column;gap:.35rem}.mdm-event-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:var(--bg-primary, #0f1117);border-radius:8px;border:1px solid var(--border-color, #2a2a4a)}.mdm-event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mdm-event-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mdm-event-title{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdm-event-date{font-size:.7rem;color:var(--text-tertiary)}.mdm-rsvp-badge{font-size:.68rem;font-weight:600;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px;white-space:nowrap}.mdm-rsvp-attending{color:#10b981;background:#10b9811a}.mdm-rsvp-tentative{color:#f59e0b;background:#f59e0b1a}.mdm-rsvp-not_attending{color:#94a3b8;background:#94a3b814}.mdm-history-list{display:flex;flex-direction:column;gap:.25rem;max-height:250px;overflow-y:auto}.mdm-history-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--border-color, #2a2a4a);font-size:.78rem}.mdm-history-row:last-child{border-bottom:none}.mdm-history-date{color:var(--text-tertiary);min-width:55px;font-variant-numeric:tabular-nums}.mdm-history-class{flex:1;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdm-history-type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:4px;border:1px solid;white-space:nowrap}.mdm-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;color:var(--text-tertiary);text-align:center}.mdm-empty p{font-size:.85rem;margin:0}.mdm-modal::-webkit-scrollbar,.mdm-history-list::-webkit-scrollbar{width:4px}.mdm-modal::-webkit-scrollbar-track,.mdm-history-list::-webkit-scrollbar-track{background:transparent}.mdm-modal::-webkit-scrollbar-thumb,.mdm-history-list::-webkit-scrollbar-thumb{background:var(--border-color, #2a2a4a);border-radius:2px}.gym-member-page{max-width:800px}.gym-section{animation:fadeIn .2s var(--ease-out)}.gym-card-list{display:flex;flex-direction:column;gap:var(--space-3)}.gym-leaderboard{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.gym-lb-header{display:grid;grid-template-columns:40px 1fr 40px 40px 50px 60px;align-items:center;padding:.6rem .85rem;background:var(--surface-2);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.gym-lb-row{display:grid;grid-template-columns:40px 1fr 40px 40px 50px 60px;align-items:center;padding:.65rem .85rem;border-top:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.gym-lb-row:hover{background:var(--surface-2)}.gym-lb-me{background:#646cff0f;border-left:3px solid var(--primary-light)}.gym-lb-rank{display:flex;align-items:center;justify-content:center}.rank-gold{color:#faad14}.rank-silver{color:#a0a0a0}.rank-bronze{color:#cd7f32}.rank-num{font-size:.8rem;font-weight:600;color:var(--text-tertiary)}.gym-lb-name{display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden}.gym-lb-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:.9rem}.gym-lb-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.gym-lb-avatar-ph{width:26px;height:26px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.gym-lb-belt{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.gym-lb-stat{text-align:center;font-size:.85rem;font-weight:500}.gym-lb-win{color:#22c55e}.gym-lb-loss{color:var(--error-color)}.gym-lb-rate{color:var(--primary-light);font-weight:700}.gym-member-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.gym-mem-info{display:flex;align-items:center;gap:var(--space-3);min-width:0}.gym-mem-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.gym-mem-avatar-ph{width:40px;height:40px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.gym-mem-info strong{display:block;font-size:.95rem}.gym-mem-belt{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500}.gym-mem-date{display:block;font-size:.75rem;color:var(--text-tertiary)}.gym-mem-action{display:flex;align-items:center;gap:.3rem;flex-shrink:0;font-size:.8rem;padding:.35rem .7rem}.gym-mem-status{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;flex-shrink:0;padding:.3rem .6rem;border-radius:var(--radius-sm)}.gym-mem-pending{color:#faad14;background:#faad141a}.gym-mem-friends{color:#22c55e;background:#22c55e1a}.gym-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.gym-lib-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .2s}.gym-lib-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.gym-lib-thumb{position:relative;width:100%;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}.gym-lib-thumb img{width:100%;height:100%;object-fit:cover}.gym-lib-thumb-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.gym-lib-tag{position:absolute;top:6px;right:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;border-radius:4px}.tag-win{background:#22c55ed9;color:#fff}.tag-loss{background:#ef4444d9;color:#fff}.gym-lib-info{padding:.75rem;display:flex;flex-direction:column;gap:.2rem}.gym-lib-info strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gym-lib-pos{font-size:.8rem;color:var(--text-secondary)}.gym-lib-date{font-size:.75rem;color:var(--text-tertiary)}.gym-collection-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-4)}.gym-collection-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;border-radius:20px;border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all .15s}.gym-collection-pill:hover{border-color:var(--primary-color);color:var(--text-primary)}.gym-collection-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.gym-lib-collections{display:flex;flex-wrap:wrap;gap:.25rem}.gym-lib-collection-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;padding:.1rem .4rem;border-radius:4px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-color)}@media(max-width:768px){.gym-lb-header,.gym-lb-row{grid-template-columns:32px 1fr 36px 36px 46px}.gym-lb-hide-m{display:none!important}.gym-lb-stat{font-size:.8rem}.gym-library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.gym-event-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-4)}.gym-event-pill{padding:.35rem .75rem;border-radius:20px;border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.gym-event-pill:hover{border-color:var(--primary-color);color:var(--text-primary)}.gym-event-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.gym-event-pill.pill-promotion.active{background:#f59e0b;border-color:#f59e0b}.gym-event-pill.pill-competition.active{background:var(--error-color);border-color:var(--error-color)}.gym-event-pill.pill-seminar.active{background:#8b5cf6;border-color:#8b5cf6}.gym-event-pill.pill-social.active{background:#3b82f6;border-color:#3b82f6}.gym-event-list{display:flex;flex-direction:column;gap:var(--space-3)}.gym-event-card{display:flex;gap:var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);padding:var(--space-4);transition:border-color .15s ease}.gym-event-card:hover{border-color:var(--primary-color)}.gym-event-past{opacity:.5}.gym-event-date-col{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:.5rem;background:var(--bg-tertiary, rgba(255,255,255,.04));border-radius:var(--radius-md, 8px);flex-shrink:0}.gym-event-month{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--primary-color);letter-spacing:.05em}.gym-event-day{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.1}.gym-event-time{font-size:.65rem;color:var(--text-tertiary);margin-top:.15rem}.gym-event-body{flex:1;min-width:0}.gym-event-top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:.3rem}.gym-event-top h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.gym-event-cat{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:10px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cat-promotion{background:var(--warning-subtle);color:#f59e0b}.cat-competition{background:#ef444426;color:var(--error-color)}.cat-seminar{background:#8b5cf626;color:#8b5cf6}.cat-social{background:#3b82f626;color:#3b82f6}.cat-other{background:#94a3b826;color:#94a3b8}.gym-event-desc{font-size:.82rem;color:var(--text-secondary);margin:.25rem 0 .4rem;line-height:1.4}.gym-event-location{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-tertiary);margin-bottom:.5rem}.gym-event-rsvp-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:.5rem;flex-wrap:wrap}.gym-event-counts{display:flex;gap:var(--space-3);font-size:.75rem}.rsvp-count{display:inline-flex;align-items:center;gap:.2rem;color:var(--text-tertiary)}.rsvp-count.rsvp-yes svg{color:#22c55e}.rsvp-count.rsvp-maybe svg{color:#f59e0b}.rsvp-count.rsvp-no svg{color:var(--error-color)}.gym-event-rsvp-btns{display:flex;gap:.35rem}.rsvp-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.rsvp-btn:hover{border-color:var(--text-tertiary)}.rsvp-btn:disabled{opacity:.5;cursor:not-allowed}.rsvp-btn-yes.active{background:var(--success-subtle);border-color:#22c55e;color:#22c55e}.rsvp-btn-maybe.active{background:var(--warning-subtle);border-color:#f59e0b;color:#f59e0b}.rsvp-btn-no.active{background:#ef444426;border-color:var(--error-color);color:var(--error-color)}.gym-events-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.gym-events-header h3{display:flex;align-items:center;gap:.4rem;margin:0;font-size:1.05rem}.gym-event-form{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:.6rem}.gym-event-form-row{display:flex;gap:var(--space-2)}.gym-event-input,.gym-event-select,.gym-event-textarea{flex:1;padding:.5rem .75rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color);background:var(--bg-primary, #0f1117);color:var(--text-primary);font-size:.85rem;font-family:inherit}.gym-event-textarea{resize:vertical;min-height:60px}.gym-event-input:focus,.gym-event-select:focus,.gym-event-textarea:focus{outline:none;border-color:var(--primary-color)}@media(max-width:768px){.gym-event-card{padding:.75rem;gap:var(--space-3)}.gym-event-date-col{min-width:44px;padding:.35rem}.gym-event-day{font-size:1.25rem}.gym-event-form-row{flex-direction:column}.gym-event-rsvp-row{flex-direction:column;align-items:flex-start}.gym-event-rsvp-btns{width:100%}.rsvp-btn{flex:1;justify-content:center}}.gym-attend-row{transition:background var(--transition-fast)}.gym-attend-row:hover{background:var(--surface-2)}.gym-attend-expanded{background:#646cff0f!important}.gym-col-fav{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.78rem}.gym-attend-detail{padding:.5rem .85rem .75rem;background:var(--surface-2);border-top:1px solid var(--border-color);animation:fadeIn .2s var(--ease-out)}.gym-attend-detail-empty{font-size:.82rem;color:var(--text-tertiary);text-align:center;padding:.5rem}.gym-attend-detail-list{display:flex;flex-direction:column;gap:.25rem}.gym-attend-detail-row{display:flex;align-items:center;gap:var(--space-3);padding:.35rem .5rem;border-radius:var(--radius-sm);font-size:.8rem}.gym-attend-detail-row:hover{background:#ffffff08}.gym-attend-date{min-width:100px;color:var(--text-secondary);font-size:.78rem}.gym-attend-class{flex:1;font-weight:500;color:var(--text-primary)}.gym-attend-type{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:3px;background:var(--surface-1);color:var(--text-tertiary);border:1px solid var(--border-color)}.gym-attend-detail-more{font-size:.78rem;color:var(--text-tertiary);text-align:center;padding:.4rem;font-style:italic}.gym-qr-poster{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);text-align:center}.gym-qr-code{padding:var(--space-4);background:#fff;border-radius:var(--radius-md);display:inline-flex}.gym-qr-label{font-size:.88rem;font-weight:500;color:var(--text-secondary);margin:0}.gym-qr-url{font-size:.75rem;color:var(--text-tertiary);margin:0;word-break:break-all}.gym-qr-download{margin-top:var(--space-2)}.gym-tz-select{width:100%;padding:.55rem .75rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border-color);background:var(--bg-primary, #0f1117);color:var(--text-primary);font-size:.85rem;font-family:inherit;cursor:pointer}.gym-tz-select:focus{outline:none;border-color:var(--primary-color)}@media(max-width:768px){.gym-col-fav{display:none!important}.gym-attend-detail-row{font-size:.75rem;gap:var(--space-2)}.gym-attend-date{min-width:80px;font-size:.72rem}}.gym-dash-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.gym-dash-section:first-child{margin-top:var(--space-4);padding-top:0;border-top:none}.gym-dash-heading{display:flex;align-items:center;gap:var(--space-2);font-size:.95rem;font-weight:700;color:var(--text-secondary);margin:0 0 var(--space-4) 0}.gym-dash-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--error-color);color:#fff;font-size:.7rem;font-weight:700;margin-left:auto}.gym-dash-empty{font-size:.85rem;color:var(--text-tertiary);text-align:center;padding:var(--space-6) var(--space-4);line-height:1.5}.gym-dash-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--primary-muted);color:var(--primary-light);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.gym-dash-notice:hover{opacity:.85}.gym-member-toggle{display:flex;gap:0;margin-bottom:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;background:var(--bg-primary)}.gym-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.6rem 1rem;border:none;background:transparent;color:var(--text-tertiary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.gym-toggle-btn:first-child{border-right:1px solid var(--border-color)}.gym-toggle-btn:hover{color:var(--text-secondary);background:var(--surface-1)}.gym-toggle-btn.active{background:var(--surface-1);color:var(--text-primary);font-weight:700}.gym-toggle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--error-color);color:#fff;font-size:.65rem;font-weight:700;line-height:1}.gym-toggle-badge-warn{background:#e67e22}@media(max-width:768px){.gym-toggle-btn{padding:.5rem;font-size:.75rem}}.gym-schedule-week{display:flex;flex-direction:column;gap:var(--space-4)}.gym-schedule-day{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.gym-schedule-day.gym-schedule-today{border-color:var(--primary-color);box-shadow:0 0 0 1px #6366f133}.gym-schedule-day-name{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.95rem;font-weight:700;color:var(--text-primary);background:var(--surface-2);border-bottom:1px solid var(--border-color);margin:0}.gym-schedule-today-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:var(--primary-color);color:#fff}.gym-schedule-classes{display:flex;flex-direction:column}.gym-schedule-class{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.gym-schedule-class:last-child{border-bottom:none}.gym-schedule-time{font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;min-width:130px}.gym-schedule-name{flex:1;font-size:.92rem;font-weight:600;color:var(--text-primary)}.gym-schedule-type{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-tertiary);white-space:nowrap}.gym-schedule-type-gi{background:#3b82f61f;color:#3b82f6}.gym-schedule-type-nogi{background:#ef44441f;color:#ef4444}.gym-schedule-type-open_mat{background:#10b9811f;color:#10b981}.gym-schedule-type-wrestling{background:#f59e0b1f;color:#f59e0b}.gym-schedule-type-judo{background:#a855f71f;color:#a855f7}@media(max-width:500px){.gym-schedule-class{flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.gym-schedule-time{min-width:auto;width:100%}}.gym-billing-section{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.gym-billing-heading{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.gym-billing-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.gym-billing-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.gym-billing-check{color:var(--success, #28a745)}.gym-billing-connected{color:var(--success, #28a745);font-weight:600}.gym-billing-warning{font-size:.75rem;padding:2px 8px;border-radius:8px;background:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404)}.gym-billing-warning .btn-link{font-size:.75rem;color:inherit;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.gym-billing-charges-warning{display:flex;gap:.75rem;padding:1rem;margin:.75rem 0 1rem;border-radius:var(--radius-md, 8px);background:#ff980014;border:1px solid rgba(255,152,0,.25)}.gym-billing-charges-warning-icon{font-size:1.3rem;flex-shrink:0}.gym-billing-charges-warning-content{font-size:.82rem;line-height:1.5}.gym-billing-charges-warning-content strong{display:block;margin-bottom:.25rem;color:var(--warning-text, #ff9800)}.gym-billing-charges-warning-content p{margin:0 0 .25rem;color:var(--text-secondary)}.gym-billing-requirements{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.gym-billing-toggle{margin-bottom:1.5rem}.gym-billing-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.gym-billing-hint{color:var(--text-tertiary);font-size:.85rem;margin-top:.25rem;line-height:1.4}.gym-billing-plans{margin-top:1rem}.gym-billing-plans-heading{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.gym-billing-plan-form{background:var(--surface-2, var(--surface-1));border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.gym-billing-plan-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-lg, 12px);background:var(--surface-1);border:1px solid var(--border-color)}.gym-billing-plan-info{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem}.gym-billing-plan-price{color:var(--text-secondary);font-size:.9rem}.gym-billing-plan-desc{color:var(--text-tertiary);font-size:.85rem}.gym-billing-plan-badge{font-size:.75rem;padding:2px 8px;border-radius:8px;font-weight:600}.gym-billing-plan-badge.active{background:var(--success-bg, #d4edda);color:var(--success, #28a745)}.gym-billing-plan-badge.inactive{background:var(--danger-bg, #f8d7da);color:var(--danger, #dc3545)}.gym-billing-plan-actions{display:flex;gap:.4rem;flex-shrink:0}@media(max-width:600px){.gym-billing-plan-card{flex-direction:column;align-items:flex-start;gap:.5rem}.gym-billing-plan-info{flex-direction:column;align-items:flex-start}}.gym-lockout-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg, 12px);background:var(--danger-bg, #f8d7da);border:1px solid var(--danger, #dc3545);color:var(--danger, #dc3545);font-size:.9rem;font-weight:500}.gym-lockout-banner span{flex:1}@media(max-width:600px){.gym-lockout-banner{flex-direction:column;text-align:center;font-size:.85rem}}.gym-mem-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}@media(max-width:500px){.gym-mem-actions{flex-direction:column;gap:.25rem}}.gym-revenue-chart{display:flex;align-items:flex-end;gap:6px;min-height:180px;padding:1.5rem 0 .5rem;overflow-x:auto;overflow-y:visible}.gym-revenue-chart-left .gym-revenue-bar-wrap{flex:0 0 auto;min-width:44px;max-width:64px}.gym-revenue-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:32px;flex:1}.gym-revenue-bar{width:100%;max-width:48px;min-height:4px;background:linear-gradient(180deg,var(--primary-light, #646cff) 0%,var(--primary, #535bf2) 100%);border-radius:4px 4px 0 0;transition:height .3s var(--ease-out, ease)}.gym-revenue-amount{font-size:.65rem;font-weight:600;color:var(--text-secondary)}.gym-revenue-label{font-size:.65rem;color:var(--text-tertiary)}.gym-prospect-status{font-size:.7rem;font-weight:600;padding:1px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:3px}.gym-prospect-trial{background:#3b82f61f;color:#3b82f6}.gym-prospect-converted{background:var(--success-bg, #d4edda);color:var(--success, #28a745)}.gym-prospect-lost{background:var(--surface-2, rgba(255,255,255,.05));color:var(--text-tertiary)}.gym-waiver-editor{width:100%;min-height:220px;padding:var(--space-3);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.6;background:var(--surface-1, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);color:var(--text-primary);resize:vertical}.gym-waiver-editor:focus{outline:none;border-color:var(--primary, #535bf2);box-shadow:0 0 0 2px #535bf226}.gym-waiver-gate{display:flex;justify-content:center;padding:1.5rem 0}.gym-waiver-gate-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;max-width:640px;width:100%;text-align:center}.gym-waiver-gate-icon{color:var(--primary);margin-bottom:.75rem}.gym-waiver-gate-card h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.gym-waiver-gate-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.gym-waiver-gate-content{background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;max-height:320px;overflow-y:auto;margin-bottom:1.5rem;text-align:left}.gym-waiver-gate-text{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.88rem;line-height:1.6;color:var(--text-primary);margin:0}.gym-waiver-gate-btn{font-size:1rem;padding:.75rem 2rem;display:inline-flex;align-items:center;gap:.5rem}@media(max-width:768px){.gym-waiver-gate-card{padding:1.25rem}.gym-waiver-gate-content{max-height:250px}}.gym-admin-page{max-width:850px}.gym-admin-section{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.gym-app-list,.gym-member-list{display:flex;flex-direction:column;gap:var(--space-3)}.gym-app-card,.gym-member-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s}.gym-app-card:hover,.gym-member-card:hover{border-color:var(--primary-color)}.gym-app-info{display:flex;align-items:center;gap:var(--space-3);min-width:0}.gym-app-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.gym-app-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.gym-app-info strong{display:block;color:var(--text-primary);font-size:.9rem}.gym-app-belt{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;margin-left:.4rem}.gym-app-date{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.15rem}.gym-app-actions{display:flex;gap:var(--space-2);flex-shrink:0}.gym-app-actions .btn-success{background:#22c55e;color:#fff;border:none;padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:background .2s}.gym-app-actions .btn-success:hover{background:#16a34a}.gym-app-actions .btn-success:disabled{opacity:.5;cursor:not-allowed}.gym-app-actions .btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s}.gym-app-actions .btn-outline:hover{border-color:var(--primary-color);color:var(--primary-light)}.gym-app-actions .btn-outline-danger{background:transparent;color:var(--error-color);border:1px solid rgba(239,68,68,.3);padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:background .2s}.gym-app-actions .btn-outline-danger:hover{background:var(--error-subtle)}.gym-app-actions .btn-outline-danger:disabled{opacity:.5;cursor:not-allowed}.gym-analytics-summary{display:flex;gap:var(--space-4);margin-bottom:1.25rem}.gym-analytics-stat{flex:1;text-align:center;padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border-color)}.gym-analytics-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.gym-analytics-label{display:block;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.gym-analytics-table{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.gym-analytics-row{display:grid;grid-template-columns:1fr 70px 50px 50px 65px 65px;align-items:center;padding:.65rem .85rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.gym-attendance-table .gym-analytics-row{grid-template-columns:1fr 65px 55px 70px}.gym-billing-table .gym-analytics-row{grid-template-columns:1fr 70px 65px 60px 65px}.metrics-top-table .gym-analytics-row{grid-template-columns:1fr 80px}.gym-analytics-row:last-child{border-bottom:none}.gym-analytics-row:not(.gym-analytics-header):hover{background:var(--surface-2)}.gym-analytics-header{background:var(--surface-2);font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;cursor:default}.gym-col-name{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:500;color:var(--text-primary);min-width:0;overflow:hidden}.gym-col-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gym-col-stat{text-align:center;font-size:.85rem;color:var(--text-secondary)}.gym-col-win{color:#22c55e;font-weight:600}.gym-col-loss{color:var(--error-color);font-weight:600}.gym-col-rate{color:var(--primary-light);font-weight:600}.gym-analytics-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.gym-analytics-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0}.gym-analytics-belt{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.gym-admin-layout{display:flex;height:calc(100vh - 60px);max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.gym-sidebar{width:220px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow-y:auto;transition:width .2s ease;z-index:10}.sidebar-collapsed .gym-sidebar{width:56px}.gym-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem .75rem .5rem;gap:.5rem;border-bottom:1px solid var(--border-color);min-height:48px}.gym-sidebar-gym-name{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gym-sidebar-collapse-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;flex-shrink:0;transition:color .15s,background .15s}.gym-sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--surface-2)}.sidebar-collapsed .gym-sidebar-header{justify-content:center;padding:1rem .5rem .5rem}.gym-sidebar-nav{padding:.5rem 0;flex:1}.gym-sidebar-group{margin-bottom:.25rem}.gym-sidebar-group-label{padding:.5rem 1rem .2rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.gym-sidebar-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem 1rem;background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left;position:relative;border-left:3px solid transparent}.gym-sidebar-item:hover{background:var(--surface-2);color:var(--text-primary)}.gym-sidebar-item.active{background:#646cff14;color:var(--primary-light);border-left-color:var(--primary-color);font-weight:600}.gym-sidebar-item svg{flex-shrink:0}.sidebar-collapsed .gym-sidebar-item{justify-content:center;padding:.6rem;border-left-width:2px}.sidebar-collapsed .gym-sidebar-item span{display:none}.gym-sidebar-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--error-color);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-collapsed .gym-sidebar-badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;font-size:.55rem;padding:0 3px;margin-left:0}.gym-sidebar-mobile-toggle{display:none;position:fixed;bottom:5rem;right:1rem;z-index:100;width:52px;height:52px;border-radius:50%;background:var(--primary-color, #535bf2);color:#fff;border:none;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 20px #535bf266}.gym-sidebar-overlay{display:none}@media(max-width:768px){.gym-admin-layout{flex-direction:column;height:auto;min-height:calc(100vh - 60px);overflow:visible}.gym-admin-main{height:auto;overflow-y:visible}.gym-sidebar{position:fixed;top:0;left:-280px;width:270px;height:100vh;height:100dvh;z-index:1000;transition:left .25s ease;box-shadow:none;background:var(--surface-1, #1e1e2e);overflow-y:auto;-webkit-overflow-scrolling:touch}.gym-sidebar.gym-sidebar-open{left:0;box-shadow:4px 0 24px #00000080}.gym-sidebar-mobile-toggle{display:flex}.gym-sidebar-mobile-toggle:active{transform:scale(.92)}.gym-sidebar-overlay{display:block;position:fixed;inset:0;background:#0009;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gym-sidebar-collapse-btn{display:none}.gym-sidebar-header{position:sticky;top:0;background:var(--surface-1, #1e1e2e);z-index:1;padding:1rem .75rem .75rem}.sidebar-collapsed .gym-sidebar{width:270px}.sidebar-collapsed .gym-sidebar-item{justify-content:flex-start;padding:.55rem 1rem;border-left-width:3px}.sidebar-collapsed .gym-sidebar-item span{display:inline}.sidebar-collapsed .gym-sidebar-badge{position:static;min-width:18px;height:18px;font-size:.65rem;padding:0 5px;margin-left:auto}}.gym-admin-main{flex:1;min-width:0;padding:1.5rem 2rem;overflow-y:auto;height:100%}.gym-admin-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.gym-admin-main-header h2{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.gym-admin-main-meta{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-tertiary)}@media(max-width:768px){.gym-admin-main{padding:1rem}.gym-admin-main-header h2{font-size:1.1rem}}.gym-dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.25rem}.gym-dash-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.gym-dash-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gym-dash-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gym-dash-card-blue{background:#3b82f61f;color:#3b82f6}.gym-dash-card-green{background:#22c55e1f;color:#22c55e}.gym-dash-card-orange{background:#f59e0b1f;color:#f59e0b}.gym-dash-card-purple{background:#8b5cf61f;color:#8b5cf6}.gym-dash-card-gray{background:var(--surface-2);color:var(--text-tertiary)}.gym-dash-card-body{display:flex;flex-direction:column}.gym-dash-card-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1.1}.gym-dash-card-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:.1rem}.gym-dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.gym-dash-link{background:none;border:none;color:var(--primary-light);font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit}.gym-dash-link:hover{text-decoration:underline}.gym-dash-view-all{text-align:center;color:var(--primary-light);font-size:.85rem;font-weight:500;cursor:pointer;margin-top:.5rem;padding:.4rem}.gym-dash-view-all:hover{text-decoration:underline}.gym-search-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.75rem;transition:border-color .15s;overflow:hidden;min-width:0}.gym-search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-subtle)}.gym-search-bar svg{color:var(--text-tertiary);flex-shrink:0}.gym-search-bar input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:inherit}.gym-search-bar input::placeholder{color:var(--text-tertiary)}.gym-accordion{border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:.75rem;overflow:hidden;background:var(--surface-1);transition:border-color .15s}.gym-accordion-open{border-color:var(--border-color)}.gym-accordion-danger{border-color:#ef44444d}.gym-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s}.gym-accordion-header:hover{background:var(--surface-2)}.gym-accordion-danger .gym-accordion-header{color:var(--error-color, #ef4444)}.gym-accordion-title{display:flex;align-items:center;gap:.5rem}.gym-accordion-body{padding:0 1rem 1rem;animation:fadeIn .2s ease}.gym-settings-page{display:flex;flex-direction:column;gap:0}.gym-settings-save-bar{display:flex;align-items:center;gap:var(--space-3);padding:.75rem 1rem;margin-bottom:.75rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:sticky;top:0;z-index:5}@media(max-width:768px){.gym-dash-cards{grid-template-columns:repeat(2,1fr)}.gym-analytics-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.gym-analytics-row{padding:.55rem .6rem;min-width:0}.gym-analytics-header{font-size:.68rem;letter-spacing:.02em}.gym-analytics-header .gym-col-stat{font-size:.68rem;white-space:nowrap}.gym-col-stat{font-size:.78rem}.gym-col-name{font-size:.8rem}.gym-attendance-table .gym-analytics-row{grid-template-columns:1fr 56px 52px 62px}.gym-billing-table .gym-analytics-row{grid-template-columns:1fr 58px 56px 52px 58px}}@media(max-width:420px){.gym-attendance-table .gym-analytics-row{grid-template-columns:1fr 48px 44px 56px;font-size:.72rem}.gym-attendance-table .gym-analytics-header .gym-col-stat{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gym-billing-table .gym-analytics-row{grid-template-columns:1fr 50px 48px 48px 50px;font-size:.72rem}}.gym-billing-table .gym-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-rev-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.owner-rev-card{background:var(--surface-1, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:var(--radius-lg, 12px);padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.owner-rev-card svg{color:var(--text-tertiary)}.owner-rev-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.owner-rev-card-label{font-size:.78rem;color:var(--text-tertiary)}.owner-rev-card-sub{font-size:.7rem;color:var(--text-muted, #666)}.owner-rev-primary{border-color:var(--primary, #535bf2);background:linear-gradient(135deg,rgba(83,91,242,.08) 0%,var(--surface-1, #1e1e2e) 100%)}.owner-rev-primary svg{color:var(--primary-light, #646cff)}.owner-rev-clickable{cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.owner-rev-clickable:hover{border-color:var(--primary-light, #646cff);background:var(--surface-2, rgba(255,255,255,.04));transform:translateY(-1px)}.owner-rev-expanded{border-color:var(--primary-light, #646cff)!important;background:linear-gradient(135deg,rgba(83,91,242,.06) 0%,var(--surface-1, #1e1e2e) 100%)!important}.owner-rev-chevron{display:inline-block;transition:transform .2s;vertical-align:middle;margin-left:2px}.owner-rev-chevron.open{transform:rotate(180deg)}.owner-rev-breakdown{margin-top:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background:var(--surface-1, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);animation:revBreakdownSlide .2s ease}@keyframes revBreakdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.owner-rev-breakdown h4{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;margin:0 0 var(--space-3) 0;color:var(--text-primary)}.owner-rev-breakdown h4 svg{color:var(--primary-light, #646cff)}.owner-rev-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.owner-rev-breakdown-item{padding:var(--space-3);background:var(--surface-2, rgba(255,255,255,.03));border-radius:var(--radius-sm, 6px);border:1px solid var(--border-color, #333)}.owner-rev-breakdown-total{border-color:var(--primary-light, #646cff);background:#535bf20f}.owner-rev-breakdown-label{font-size:.75rem;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.owner-rev-breakdown-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.owner-rev-breakdown-desc{font-size:.72rem;color:var(--text-tertiary);margin-top:4px;line-height:1.3}@media(max-width:768px){.owner-rev-summary{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.owner-rev-card{padding:var(--space-3)}.owner-rev-card-value{font-size:1.2rem}.owner-rev-breakdown-grid{grid-template-columns:1fr}}@media(max-width:500px){.owner-rev-summary{grid-template-columns:1fr 1fr}}.gym-revenue-chart-left{justify-content:flex-start}.gym-settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.gym-settings-field{display:flex;flex-direction:column;gap:.35rem}.gym-settings-field label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.gym-settings-field input[type=text],.gym-settings-field textarea,.gym-settings-field select{width:100%;padding:.6rem .85rem;font-size:.9rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary, #121212);border:1px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);outline:none;transition:border-color .15s,box-shadow .15s}.gym-settings-field input[type=text]:focus,.gym-settings-field textarea:focus,.gym-settings-field select:focus{border-color:var(--primary, #535bf2);box-shadow:0 0 0 3px var(--primary-subtle, rgba(83, 91, 242, .15))}.gym-settings-field textarea{resize:vertical;min-height:80px;line-height:1.5}.gym-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.gym-settings-row{grid-template-columns:1fr}}.gym-settings-preview{max-width:80px;max-height:80px;border-radius:var(--radius-md, 8px);object-fit:cover;border:1px solid var(--border-color, #333);margin-top:.35rem}.gym-settings-preview-wide{max-width:200px;max-height:100px}.gym-settings-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color, #333)}.gym-tz-select{width:100%;padding:.6rem .85rem;font-size:.9rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary, #121212);border:1px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);outline:none;transition:border-color .15s;cursor:pointer}.gym-tz-select:focus{border-color:var(--primary, #535bf2);box-shadow:0 0 0 3px var(--primary-subtle, rgba(83, 91, 242, .15))}.gym-export-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color, #333);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease}.gym-export-btn:hover{color:var(--primary-light, #63b3ed);border-color:var(--primary-light, #63b3ed);background:#63b3ed14}.gym-export-btn:active{transform:scale(.96)}.gym-export-btn svg{flex-shrink:0}.metrics-date-picker{margin-bottom:1.25rem}.metrics-preset-pills{display:flex;gap:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary)}.metrics-pill{flex:1;display:flex;align-items:center;justify-content:center;padding:.55rem .75rem;border:none;border-right:1px solid var(--border-color);background:transparent;color:var(--text-tertiary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.metrics-pill:last-child{border-right:none}.metrics-pill:hover{color:var(--text-secondary);background:var(--surface-1)}.metrics-pill.active{background:var(--surface-1);color:var(--primary, #535bf2);font-weight:700;box-shadow:inset 0 -2px 0 var(--primary, #535bf2)}.metrics-custom-range{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.metrics-date-input{padding:.45rem .6rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.82rem;font-family:inherit}.metrics-date-input:focus{border-color:var(--primary, #535bf2);outline:none;box-shadow:0 0 0 3px var(--primary-subtle, rgba(83, 91, 242, .15))}.metrics-date-sep{color:var(--text-tertiary);font-size:.8rem}.metrics-cards{grid-template-columns:repeat(4,1fr)}.metrics-cards .gym-dash-card{cursor:pointer;transition:all .2s ease;border:2px solid var(--border-color)}.metrics-cards .gym-dash-card.metrics-card-active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color),0 4px 12px #0000001a}.metrics-secondary{margin-bottom:1.5rem}.metrics-chart-container{overflow-x:auto;overflow-y:visible;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.metrics-chart{width:100%;min-height:0}.metrics-chart-bars{display:flex;align-items:flex-end;gap:3px;height:180px;padding-bottom:48px;position:relative}.metrics-chart-fit .metrics-chart-bars{gap:6px}.metrics-chart-col{flex:1 1 0;min-width:14px;max-width:60px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;height:100%;justify-content:flex-end}.metrics-chart-amount{font-size:.6rem;font-weight:600;color:var(--text-secondary);line-height:1;min-height:12px}.metrics-chart-bar{width:100%;max-width:44px;min-height:2px;background:linear-gradient(180deg,var(--primary-light, #646cff) 0%,var(--primary, #535bf2) 100%);border-radius:3px 3px 0 0;transition:height .3s ease,opacity .15s ease;opacity:.85}.metrics-chart-col:hover .metrics-chart-bar{opacity:1}.metrics-chart-label{position:absolute;bottom:-44px;left:50%;transform:translate(-50%) rotate(-45deg);transform-origin:top center;font-size:.62rem;color:var(--text-tertiary);white-space:nowrap;pointer-events:none}.metrics-chart-label-hidden{visibility:hidden}.metrics-bar-list{display:flex;flex-direction:column;gap:.6rem}.metrics-bar-item{padding:0}.metrics-bar-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.metrics-bar-label{font-size:.82rem;font-weight:600;color:var(--text-primary)}.metrics-bar-value{font-size:.72rem;color:var(--text-tertiary)}.metrics-bar-track{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.metrics-bar-fill{height:100%;background:var(--primary, #535bf2);border-radius:4px;transition:width .4s ease}.metrics-rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--surface-2);color:var(--text-tertiary);font-size:.65rem;font-weight:700;flex-shrink:0;margin-right:.35rem}.metrics-funnel{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 0}.metrics-funnel-step{text-align:center;padding:1rem 1.5rem;border-radius:var(--radius-lg);min-width:90px}.metrics-funnel-trial{background:#3b82f61a;border:1px solid rgba(59,130,246,.25)}.metrics-funnel-converted{background:#22c55e1a;border:1px solid rgba(34,197,94,.25)}.metrics-funnel-lost{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.metrics-funnel-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:block}.metrics-funnel-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.metrics-funnel-arrow{color:var(--text-tertiary);flex-shrink:0}.metrics-funnel-arrow-up{color:var(--success, #22c55e)}.metrics-funnel-arrow-down{color:var(--danger, #ef4444)}.metrics-conversion-rate{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.5rem;font-size:.82rem;font-weight:600;color:var(--success, #22c55e)}@media(max-width:768px){.metrics-cards{grid-template-columns:repeat(2,1fr)}.metrics-preset-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.metrics-preset-pills::-webkit-scrollbar{display:none}.metrics-pill{flex:0 0 auto;padding:.5rem .85rem;font-size:.75rem}.metrics-chart-bars{height:140px;gap:2px;padding-bottom:42px}.metrics-chart-col{min-width:10px}.metrics-chart-fit .metrics-chart-bars{gap:4px}.metrics-chart-amount{font-size:.55rem}.metrics-chart-label{font-size:.55rem;bottom:-38px}.metrics-funnel{flex-direction:column;gap:.5rem}.metrics-funnel-step{width:100%;padding:.75rem;display:flex;align-items:center;justify-content:space-between;text-align:left}.metrics-funnel-value{font-size:1.2rem}.metrics-funnel-arrow{display:none}.metrics-custom-range{flex-direction:column;align-items:stretch}.metrics-date-sep{text-align:center}.metrics-secondary{flex-wrap:wrap}.metrics-secondary .gym-analytics-stat{flex:1 1 45%}.metrics-top-table .gym-analytics-row{grid-template-columns:1fr 65px;padding:.5rem .65rem}}.find-gym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.find-gym-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all .2s ease;box-shadow:var(--shadow-xs)}.find-gym-card:hover{border-color:var(--border-accent);box-shadow:0 6px 20px #0000000f;transform:translateY(-2px)}.find-gym-card.fg-joined{border-color:#22c55e4d}.fg-card-avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;overflow:hidden;flex-shrink:0}.fg-card-avatar img{width:100%;height:100%;object-fit:cover}.fg-card-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:2px solid var(--border-accent);border-radius:14px}.fg-card-body{flex:1;min-width:0}.fg-card-name{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1) 0}.fg-card-location{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.fg-card-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-3) 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fg-card-hours{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-tertiary);margin-bottom:var(--space-2)}.fg-card-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-1)}.fg-card-stat{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-tertiary);font-weight:600}.fg-card-action{display:flex}.fg-btn-joined{display:flex;align-items:center;gap:4px;background:#22c55e1a!important;color:#22c55e!important;border-color:#22c55e4d!important;cursor:default!important}.fg-btn-pending{display:flex;align-items:center;gap:4px;background:#f59e0b1a!important;color:#f59e0b!important;border-color:#f59e0b4d!important;cursor:default!important}.fg-btn-disabled{display:flex;align-items:center;gap:4px;background:var(--surface-1)!important;color:var(--text-tertiary)!important;border-color:var(--border-color)!important;cursor:not-allowed!important;font-size:.78rem}.fg-spin{animation:spin 1s linear infinite}@media(max-width:768px){.find-gym-grid{grid-template-columns:1fr}.find-gym-header h1{font-size:1.25rem}}.gym-apply-page{max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-4);animation:slideUp .4s var(--ease-out)}.gym-apply-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8)}.gym-apply-header h1{display:flex;align-items:center;gap:var(--space-2);font-size:1.6rem;margin-bottom:var(--space-1)}.gym-apply-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.gym-apply-back{background:var(--surface-1);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all var(--transition-base);margin-top:4px}.gym-apply-back:hover{background:var(--surface-2);color:var(--text-primary)}.gym-apply-form{display:flex;flex-direction:column;gap:var(--space-8)}.gym-apply-section h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.gym-apply-field{margin-bottom:var(--space-4)}.gym-apply-field label{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.gym-apply-field input,.gym-apply-field textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-base)}.gym-apply-field input:focus,.gym-apply-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.gym-apply-field textarea{resize:vertical;min-height:100px;font-family:inherit}.gym-apply-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:768px){.gym-apply-row{grid-template-columns:1fr}}.gym-apply-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.gym-apply-submit{display:flex;align-items:center;gap:6px;min-width:180px;justify-content:center}.gym-apply-disclaimer{font-size:.82rem;color:var(--text-tertiary);line-height:1.6;text-align:center}.gym-apply-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.9rem}.gym-apply-status-card{background:var(--surface-1);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.gym-apply-status-card h2{font-size:1.5rem;margin:0}.gym-apply-status-card p{color:var(--text-secondary);line-height:1.6;max-width:480px}.gym-apply-status-icon{color:var(--text-tertiary)}.gym-apply-status-pending{border-color:#faad144d}.gym-apply-status-pending .gym-apply-status-icon{color:#faad14}.gym-apply-status-approved{border-color:#10b9814d}.gym-apply-approved-icon,.gym-apply-active-icon{color:var(--success-color)!important}.gym-apply-status-denied{border-color:#ef44444d}.gym-apply-denied-icon{color:#ef4444!important}.gym-apply-status-meta{font-size:.85rem;color:var(--text-tertiary)}.gym-apply-checkout-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-6);background:#6366f10f;border-radius:var(--radius-lg);width:100%;max-width:400px}.gym-apply-price{display:flex;align-items:baseline;gap:4px}.gym-apply-price-amount{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.gym-apply-price-period{font-size:1rem;color:var(--text-tertiary)}.gym-apply-checkout-btn{display:flex;align-items:center;gap:8px;padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;width:100%;justify-content:center}.gym-apply-checkout-note{font-size:.8rem;color:var(--text-tertiary)}.gym-apply-code-section{width:100%;max-width:400px;text-align:left;margin:var(--space-4) 0}.gym-apply-code-section label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.gym-apply-code-row{display:flex;align-items:center;gap:var(--space-2)}.gym-apply-code{background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-mono, monospace);font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:var(--primary-color);flex:1}.gym-apply-code-hint{font-size:.8rem;color:var(--text-tertiary);margin-top:var(--space-2)}.gym-apply-denied-reason{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:.9rem;color:var(--text-secondary);text-align:left;width:100%;max-width:480px}.gym-apply-cancel-btn{margin-top:var(--space-6);display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary);border-color:var(--border-color);font-size:.82rem;opacity:.8;transition:all .2s}.gym-apply-cancel-btn:hover{color:#ef4444;border-color:#ef4444;opacity:1}.gym-apply-cancel-confirm{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);background:#f59e0b0f;border:1px solid rgba(245,158,11,.25);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;font-size:.85rem;color:var(--text-secondary)}.gym-apply-cancel-confirm svg{color:#f59e0b;flex-shrink:0}.gym-apply-cancel-danger{background:#ef44440f;border-color:#ef444440}.gym-apply-cancel-danger svg{color:#ef4444}.gym-apply-cancel-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.btn-danger{background:#ef4444;color:#fff;border:none;cursor:pointer;border-radius:var(--radius-md);padding:6px 16px;font-weight:600;font-size:.82rem;transition:all .2s}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gym-tier-card{background:var(--surface-1);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideUp .4s var(--ease-out)}.gym-tier-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#10b9811f,#05966914);color:#10b981;margin-bottom:var(--space-6)}.gym-tier-price{display:flex;align-items:baseline;gap:4px;margin-bottom:var(--space-6)}.gym-tier-amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.gym-tier-period{font-size:1.1rem;color:var(--text-tertiary);font-weight:500}.gym-tier-features{list-style:none;padding:0;margin:0 0 var(--space-8);text-align:left;width:100%;max-width:400px}.gym-tier-features li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:.92rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.gym-tier-features li:last-child{border-bottom:none}.gym-tier-features li svg{flex-shrink:0;color:#10b981}.gym-tier-cta{display:inline-flex;align-items:center;gap:8px;font-size:1.05rem;padding:14px 36px;border-radius:var(--radius-lg);font-weight:700;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;cursor:pointer;transition:all .2s;margin-bottom:var(--space-4)}.gym-tier-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b9814d}.gym-tier-note{font-size:.8rem;color:var(--text-tertiary);max-width:400px;line-height:1.5}@media(max-width:500px){.gym-tier-card{padding:var(--space-6) var(--space-4)}.gym-tier-amount{font-size:2.4rem}.gym-tier-cta{width:100%;justify-content:center}}.checkin-page{max-width:560px;margin:0 auto;padding:var(--space-8) var(--space-4);animation:slideUp .4s var(--ease-out)}.checkin-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.checkin-header svg{color:var(--primary-light)}.checkin-header h1{margin:0;font-size:1.4rem}.checkin-subtitle{margin:0;font-size:.85rem;color:var(--text-tertiary)}.checkin-loading{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-tertiary)}.checkin-loading-icon{animation:pulse 1.5s ease-in-out infinite;opacity:.5;margin-bottom:var(--space-3)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.checkin-error{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-tertiary)}.checkin-error svg{opacity:.4;margin-bottom:var(--space-3)}.checkin-scanner-wrap{text-align:center;margin-bottom:var(--space-6)}.checkin-qr-reader{width:100%;max-width:400px;margin:0 auto var(--space-4);border-radius:var(--radius-lg, 12px);overflow:hidden;background:#000}.checkin-qr-reader video{border-radius:var(--radius-lg, 12px)}.checkin-scanner-hint{font-size:.85rem;color:var(--text-tertiary);margin:0}.checkin-camera-error{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-tertiary)}.checkin-camera-error svg{color:#ef4444;opacity:.7;margin-bottom:var(--space-3)}.checkin-camera-error p{font-size:.9rem;margin-bottom:var(--space-4);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}.checkin-scan-error{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-tertiary)}.checkin-scan-error svg{color:#ef4444;opacity:.7;margin-bottom:var(--space-3)}.checkin-scan-error h2{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:1.15rem}.checkin-scan-error p{font-size:.9rem;margin-bottom:var(--space-4);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}.checkin-empty,.checkin-all-done{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-tertiary)}.checkin-empty svg,.checkin-all-done svg{opacity:.4;margin-bottom:var(--space-3)}.checkin-empty h2,.checkin-all-done h2{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:1.15rem}.checkin-empty p,.checkin-all-done p{font-size:.875rem;max-width:320px;margin:0 auto;line-height:1.5}.checkin-done-icon{color:#22c55e;opacity:1!important}.checkin-success{text-align:center;padding:var(--space-8) var(--space-6);margin-bottom:var(--space-6);background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-lg, 12px);animation:successPop .5s var(--ease-spring)}@keyframes successPop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.checkin-success-icon{color:#22c55e;margin-bottom:var(--space-2)}.checkin-success h2{color:#22c55e;margin-bottom:var(--space-3);font-size:1.25rem}.checkin-success-classes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.checkin-success-class{display:inline-block;padding:.3rem .75rem;border-radius:20px;background:#22c55e26;color:#22c55e;font-size:.85rem;font-weight:600}.checkin-already-note{margin-top:var(--space-3);font-size:.8rem;color:var(--text-tertiary)}.checkin-class-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.checkin-class-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:2px solid var(--border-color);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit;color:inherit}.checkin-class-card:hover:not(:disabled){border-color:var(--primary-color);background:var(--surface-2)}.checkin-class-card.selected{border-color:var(--primary-light);background:#646cff14}.checkin-class-card.suggested:not(.selected){border-color:#22c55e66;box-shadow:0 0 0 1px #22c55e26}.checkin-class-card.checked-in{opacity:.6;cursor:default;border-color:#22c55e4d;background:#22c55e0d}.checkin-card-check{flex-shrink:0;width:28px;display:flex;align-items:center;justify-content:center}.checkin-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s}.checkin-checkbox.checked{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.checkin-check-done{color:#22c55e}.checkin-card-info{flex:1;min-width:0}.checkin-card-top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:.2rem}.checkin-card-top strong{font-size:.95rem}.checkin-card-type{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;color:#fff}.checkin-card-time{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary)}.checkin-badge-live{display:inline-flex;align-items:center;padding:1px 6px;border-radius:10px;font-size:.6rem;font-weight:700;text-transform:uppercase;background:#22c55e26;color:#22c55e;letter-spacing:.03em}.checkin-badge-soon{display:inline-flex;align-items:center;padding:1px 6px;border-radius:10px;font-size:.6rem;font-weight:700;text-transform:uppercase;background:#faad1426;color:#faad14;letter-spacing:.03em}.checkin-submit-btn{display:block;width:100%;padding:var(--space-4);border:none;border-radius:var(--radius-lg, 12px);background:var(--primary-gradient);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.checkin-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #646cff4d}.checkin-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.checkin-page{padding:var(--space-4) .75rem}.checkin-header h1{font-size:1.2rem}.checkin-class-card{padding:var(--space-3)}}.checkin-waiver-content{max-height:55vh;overflow-y:auto;padding:var(--space-4);margin-bottom:var(--space-4);background:var(--surface-1, #1e1e2e);border:1px solid var(--border-color, #333);border-radius:var(--radius-lg, 12px)}.checkin-waiver-text{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.88rem;line-height:1.7;color:var(--text-primary)}.checkin-waiver-actions{display:flex;flex-direction:column;gap:0}.upload-toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;width:calc(100vw - 2rem)}.upload-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:toast-slide-in .3s var(--ease-spring)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-toast-icon{flex-shrink:0;margin-top:2px}.upload-toast-uploading .upload-toast-icon{color:var(--primary-color)}.upload-toast-processing .upload-toast-icon{color:var(--warning-color)}.upload-toast-done .upload-toast-icon{color:var(--success-color)}.upload-toast-error .upload-toast-icon{color:var(--error-color)}.upload-toast-spin{animation:toast-spin 1.5s linear infinite}@keyframes toast-spin{to{transform:rotate(360deg)}}.upload-toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.upload-toast-label{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.upload-toast-progress{width:100%;height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden}.upload-toast-bar{height:100%;border-radius:2px;background:var(--primary-gradient);transition:width var(--transition-base)}.upload-toast-pct,.upload-toast-msg{font-size:.75rem;color:var(--text-secondary)}.upload-toast-err{color:var(--error-color)}.upload-toast-buy-link{display:inline-block;margin-top:.3rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;color:var(--primary-color);background:#14b8a61a;border:1px solid rgba(20,184,166,.3);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all .15s ease}.upload-toast-buy-link:hover{background:#14b8a633;border-color:var(--primary-color)}.upload-toast-reanalysis.upload-toast-processing{border-left:3px solid #a78bfa}.upload-toast-reanalysis.upload-toast-processing .upload-toast-icon{color:#a78bfa}.upload-toast-reanalysis.upload-toast-done{border-left:3px solid #22c55e}.upload-toast-dismiss{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-xs);transition:background var(--transition-fast)}.upload-toast-dismiss:hover{background:#ffffff0f;color:var(--text-primary)}@media(max-width:480px){.upload-toast-container{bottom:var(--space-4);right:var(--space-2);left:var(--space-2);max-width:none;width:auto}}.social-optin-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-8) var(--space-4)}.social-optin-card{max-width:520px;width:100%;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;text-align:center;animation:slideUp .3s ease}.social-optin-icon{color:var(--primary-color);margin-bottom:var(--space-4)}.social-optin-card h2{font-size:1.5rem;margin-bottom:.75rem}.social-optin-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6);font-size:.95rem}.social-optin-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);text-align:left}.social-optin-feature{display:flex;align-items:center;gap:var(--space-3);padding:.75rem 1rem;background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border-color)}.social-optin-feature svg{color:var(--primary-color);flex-shrink:0}.social-optin-feature div{display:flex;flex-direction:column}.social-optin-feature strong{font-size:.9rem;color:var(--text-primary)}.social-optin-feature span{font-size:.8rem;color:var(--text-tertiary)}.social-optin-privacy{font-size:.85rem;color:var(--text-secondary);background:#14b8a60f;border:1px solid var(--primary-muted);border-radius:var(--radius-md);padding:.75rem;margin-bottom:var(--space-6);line-height:1.5}.social-optin-btn{width:100%;padding:.8rem 1.5rem;font-size:1rem}.social-optin-skip{margin-top:.75rem;font-size:.8rem;color:var(--text-tertiary)}@media(max-width:768px){.social-optin-card{padding:var(--space-6)}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:stretch;justify-content:space-around;height:56px;background:var(--surface-1);box-shadow:0 -4px 24px #0000004d;border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-tertiary);text-decoration:none;font-size:.6rem;font-weight:500;transition:color var(--transition-fast);position:relative;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active,.mobile-nav-item.active svg{color:var(--primary-light)}.mobile-nav-label{letter-spacing:.01em;line-height:1}.mobile-nav-icon-wrap{position:relative;display:inline-flex}.mobile-nav-badge{position:absolute;top:-5px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 3px;border-radius:var(--radius-full);background:var(--error-color);color:#fff;font-size:.5rem;font-weight:800;line-height:1;box-shadow:0 0 6px #f8717166;animation:badgePop .3s var(--ease-spring)}.mobile-nav-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:border-color var(--transition-fast)}.mobile-nav-item.active .mobile-nav-avatar{border-color:var(--primary-light)}.mobile-top-bar{position:sticky;top:0;z-index:150;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--space-4);background:var(--surface-1);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.mobile-top-left{display:flex;align-items:center;gap:var(--space-2)}.mobile-top-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;font-size:1.05rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.mobile-top-actions{display:flex;align-items:center;gap:var(--space-1)}.mobile-top-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--text-tertiary);text-decoration:none;transition:all var(--transition-fast);position:relative;background:none;border:none;padding:0;cursor:pointer}.mobile-top-icon:hover,.mobile-top-icon.active{color:var(--primary-light);background:var(--primary-subtle)}.mobile-top-bell{color:var(--text-tertiary)}.mobile-top-badge{position:absolute;top:-2px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-full);background:var(--error-color);color:#fff;font-size:.6rem;font-weight:800;line-height:1;box-shadow:0 0 8px #f8717166;animation:mobileBellPop .4s var(--ease-spring)}@keyframes mobileBellPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.geb-container{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:900;width:100%;max-width:420px;padding:0 var(--space-4);animation:geb-slide-down .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}@keyframes geb-slide-down{0%{opacity:0;transform:translate(-50%) translateY(-24px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.geb-banner{pointer-events:all;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid rgba(20,184,166,.25);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000059,0 0 0 1px #14b8a614,inset 0 1px #ffffff0a;cursor:pointer;transition:all var(--transition-base);font-family:inherit;text-align:left;color:var(--text-primary)}.geb-banner:hover{border-color:#14b8a666;box-shadow:0 12px 40px #0006,0 0 20px #14b8a614}.geb-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--primary-subtle);color:var(--primary-color);flex-shrink:0}.geb-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--error-color);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-1)}.geb-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.geb-title{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geb-subtitle{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;color:var(--primary-color);font-weight:500}.geb-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.geb-close:hover{background:var(--surface-3);color:var(--text-primary)}@media(max-width:768px){.geb-container{top:calc(56px + var(--space-2));max-width:calc(100% - var(--space-4))}}.early-access-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.early-access-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,var(--primary-subtle) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,var(--accent-subtle) 0%,transparent 50%),var(--bg-primary)}.early-access-card{position:relative;max-width:420px;width:100%;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);text-align:center;box-shadow:var(--shadow-xl);animation:gateSlideUp .5s var(--ease-out)}@keyframes gateSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.early-access-card.shake{animation:gateShake .4s ease}@keyframes gateShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.early-access-logo{margin-bottom:.75rem}.early-access-title{font-size:1.75rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.early-access-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-gradient);color:#1a1a2e;margin-bottom:var(--space-4)}.early-access-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-6)}.early-access-form{display:flex;flex-direction:column;gap:var(--space-3)}.early-access-input{width:100%;padding:.85rem 1rem;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;text-align:center;letter-spacing:.05em;transition:border-color .2s ease,box-shadow .2s ease}.early-access-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-muted)}.early-access-input::placeholder{color:var(--text-tertiary);letter-spacing:0}.early-access-error{color:var(--error-color);font-size:.8rem;font-weight:500;margin:0}.early-access-btn{width:100%;padding:.85rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 12px #14b8a64d}.early-access-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #14b8a666}.early-access-btn:active:not(:disabled){transform:translateY(0)}.early-access-btn:disabled{opacity:.4;cursor:not-allowed}.early-access-footer{margin-top:1.5rem;color:var(--text-tertiary);font-size:.8rem}.early-access-footer a{color:var(--primary-light);text-decoration:none}.early-access-footer a:hover{text-decoration:underline}.belt-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.belt-modal{position:relative;width:100%;max-width:420px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:20px;padding:2rem 1.75rem;text-align:center;animation:beltModalIn .3s ease-out}@keyframes beltModalIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.belt-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px;transition:color .15s,background .15s}.belt-modal-close:hover{color:var(--text-primary);background:var(--surface-1, rgba(255,255,255,.05))}.belt-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--primary-muted, rgba(99,102,241,.15));color:var(--primary-light, #818cf8);margin-bottom:1rem}.belt-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.belt-modal-subtitle{font-size:.85rem;color:var(--text-tertiary);line-height:1.5;margin:0 0 1.5rem}.belt-modal-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.belt-modal-option{display:flex;align-items:center;gap:8px;padding:.55rem 1rem;border-radius:10px;border:2px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #0f1117);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.belt-modal-option:hover{border-color:var(--belt-color);background:#ffffff08}.belt-modal-option.selected{border-color:var(--belt-color);background:#ffffff0f;color:var(--text-primary);box-shadow:0 0 0 1px var(--belt-color),0 2px 8px #0003}.belt-modal-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--belt-color);border:1px solid rgba(255,255,255,.15);flex-shrink:0}.belt-modal-label{white-space:nowrap}.belt-modal-stripes{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.5rem}.belt-modal-stripe-btn{padding:.35rem .7rem;border-radius:8px;border:1.5px solid var(--border-color, #2a2a4a);background:var(--bg-primary, #0f1117);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;letter-spacing:.05em}.belt-modal-stripe-btn:hover{border-color:var(--belt-color)}.belt-modal-stripe-btn.active{border-color:var(--belt-color);background:#ffffff0f;color:var(--text-primary);font-weight:600;box-shadow:0 0 0 1px var(--belt-color)}.belt-modal-actions{display:flex;flex-direction:column;gap:.5rem;align-items:center}.belt-modal-save{width:100%;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;border-radius:10px}.belt-modal-skip{background:none;border:none;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;padding:.25rem .5rem;font-family:inherit;transition:color .15s}.belt-modal-skip:hover{color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #2dd4bf 100%);--primary-color: #14b8a6;--primary-light: #2dd4bf;--primary-dark: #0d9488;--primary-subtle: rgba(20, 184, 166, .08);--primary-muted: rgba(20, 184, 166, .15);--accent-gradient: linear-gradient(135deg, #d4a843 0%, #e8c468 100%);--accent-color: #d4a843;--accent-light: #e8c468;--accent-subtle: rgba(212, 168, 67, .1);--success-color: #34d399;--success-subtle: rgba(52, 211, 153, .1);--warning-color: #fbbf24;--warning-subtle: rgba(251, 191, 36, .1);--error-color: #f87171;--error-subtle: rgba(248, 113, 113, .1);--bg-primary: #0f1117;--bg-secondary: #171b24;--bg-tertiary: #1e2330;--surface-1: #1c2132;--surface-2: #222839;--surface-3: #2a3044;--text-primary: #f0f0f3;--text-secondary: #a8afc2;--text-tertiary: #6b7280;--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--border-accent: rgba(20, 184, 166, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .45);--shadow-glow: 0 0 24px rgba(20, 184, 166, .15), 0 0 48px rgba(20, 184, 166, .05);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .12s var(--ease-out);--transition-base: .2s var(--ease-out);--transition-slow: .35s var(--ease-out)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-weight:400;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3.2vw,2rem)}h3{font-size:clamp(1.125rem,2.5vw,1.5rem)}h4{font-size:1.25rem}h5{font-size:1.0625rem}h6{font-size:.9375rem}p{color:var(--text-secondary);margin-bottom:var(--space-4)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.navbar{background:var(--surface-1);border-bottom:1px solid var(--border-color);padding:0 var(--space-8);display:flex;justify-content:space-between;align-items:center;height:60px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)}.nav-brand{display:flex;align-items:center}.nav-brand .logo{font-size:1.25rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.025em;display:flex;align-items:center;gap:var(--space-2)}.nav-links{display:flex;gap:var(--space-1);align-items:center}.nav-links a{color:var(--text-tertiary);text-decoration:none;font-weight:500;font-size:.875rem;transition:all var(--transition-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);position:relative;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.nav-links a:hover{color:var(--text-secondary);background:var(--primary-subtle)}.nav-links a.active{color:var(--primary-light);background:var(--primary-muted);font-weight:600}.nav-links a.active:after{display:none}.nav-divider{width:1px;height:20px;background:var(--border-color);margin:0 var(--space-1);flex-shrink:0}.nav-bell{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-left:var(--space-2)}.nav-bell:hover{color:var(--text-primary);background:var(--error-subtle)}.nav-bell-badge{position:absolute;top:-2px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-full);background:var(--error-color);color:#fff;font-size:.6rem;font-weight:800;line-height:1;animation:bellPop .4s var(--ease-spring);box-shadow:0 0 8px #f8717166}@keyframes bellPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:var(--radius-full);background:var(--error-color);color:#fff;font-size:.6rem;font-weight:700;line-height:1;margin-left:var(--space-1);animation:badgePop .3s var(--ease-spring);box-shadow:0 0 6px #f8717159}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.nav-dropdown-trigger .nav-badge{margin-left:.25rem;margin-right:-.15rem}.nav-dropdown-menu .nav-badge{margin-left:auto}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:110;position:relative}.hamburger-badge{position:absolute;top:-2px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--error-color);box-shadow:0 0 6px #f8717180;animation:badgePop .3s var(--ease-spring)}.hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all var(--transition-base)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.app-main{flex:1;padding:var(--space-8);max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}.app-footer{background:var(--surface-1);border-top:1px solid var(--border-color);padding:var(--space-6) var(--space-8);text-align:center;color:var(--text-tertiary);font-size:.8rem;margin-top:auto}.app-footer p{margin:0;color:var(--text-tertiary)}.footer-link{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-light);text-decoration:underline}.btn{padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;letter-spacing:-.01em;line-height:1.4}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 1px 3px #14b8a640}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #14b8a659;filter:brightness(1.08)}.btn-primary:active:not(:disabled){filter:brightness(.95)}.btn-secondary{background:var(--primary-subtle);color:var(--primary-light);border:1px solid var(--border-accent)}.btn-secondary:hover:not(:disabled){background:var(--primary-muted);border-color:var(--primary-color)}.btn-danger{background:var(--error-subtle);color:var(--error-color);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover:not(:disabled){background:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-large{padding:var(--space-3) var(--space-8);font-size:.9375rem;border-radius:var(--radius-lg)}.btn-small{padding:var(--space-1) var(--space-3);font-size:.8rem}input,textarea,select{background:var(--surface-2);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:.9375rem;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #14b8a61f;background:var(--surface-3)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.page-container{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-4);animation:slideUp .4s var(--ease-out);width:100%}.page-container--wide{max-width:1200px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.page-header-left>svg{color:var(--primary-light);flex-shrink:0}.page-header-info{min-width:0}.page-header-info h1{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:clamp(1.4rem,3vw,1.75rem);line-height:1.2}.page-subtitle{color:var(--text-tertiary);font-size:.85rem;margin:.15rem 0 0}.page-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.page-tabs{display:flex;gap:0;margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.page-tabs::-webkit-scrollbar{display:none}.segmented-control{display:flex;gap:var(--space-1);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.2rem;margin-bottom:var(--space-5)}.segmented-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-tertiary);font-size:.8125rem;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.segmented-btn:hover{color:var(--text-secondary);background:var(--surface-2)}.segmented-btn.active{background:var(--surface-2);color:var(--text-primary)}.page-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.875rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:inherit}.page-tab:hover{color:var(--text-secondary);background:#14b8a60a}.page-tab.active{color:var(--primary-light);border-bottom-color:var(--primary-color)}.page-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:10px;background:#78716c1a;color:var(--text-tertiary);font-size:.72rem;font-weight:700}.page-tab.active .page-tab-count{background:var(--primary-subtle);color:var(--primary-light)}.page-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--error-color);color:#fff;font-size:.65rem;font-weight:700;line-height:1}.page-tab.locked-tab{opacity:.5;cursor:not-allowed}.page-tab.locked-tab:hover{color:var(--text-tertiary);background:none}.page-search-wrapper{position:relative;margin-bottom:var(--space-6)}.page-search-bar{display:flex;align-items:center;gap:var(--space-2);padding:.65rem .85rem;background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.page-search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-subtle)}.page-search-bar>svg{color:var(--text-tertiary);flex-shrink:0}.page-search-bar input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;outline:none;padding:0;box-shadow:none}.page-search-bar input::placeholder{color:var(--text-tertiary)}.page-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.2rem;border-radius:50%;transition:var(--transition-fast)}.page-search-clear:hover{background:var(--surface-2);color:var(--text-primary)}.page-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-tertiary)}.page-empty>svg{opacity:.4;margin-bottom:var(--space-4)}.page-empty h3{color:var(--text-secondary);margin:0 0 var(--space-2) 0;font-size:1.1rem}.page-empty p{font-size:.875rem;max-width:320px;margin:0 auto;line-height:1.5;color:var(--text-tertiary)}.page-empty .btn{margin-top:var(--space-4)}.page-card-list{display:flex;flex-direction:column;gap:var(--space-2)}.page-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.page-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.admin-badge{display:inline-flex;align-items:center;margin-left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--primary-muted);color:var(--primary-light)}@media(max-width:768px){.page-container{padding:var(--space-4) .75rem}.page-header{gap:var(--space-2)}.page-header-info h1{font-size:1.25rem}.page-tab{flex:1;justify-content:center;padding:var(--space-2) var(--space-1);font-size:.78rem;gap:.3rem;min-width:0}.page-tab>svg{display:none}.page-tab-count{min-width:1.2rem;height:1.2rem;font-size:.65rem;padding:0 .25rem}.page-card{padding:var(--space-2) var(--space-3)}}.tag{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-weight:600;font-size:.75rem;padding:var(--space-1) var(--space-2);background:var(--primary-subtle);color:var(--primary-light);border:1px solid var(--border-accent)}.small-tag{display:inline-block;border-radius:var(--radius-xs);font-weight:500;font-size:.7rem;padding:2px var(--space-2);background:var(--surface-2);color:var(--text-tertiary);border:1px solid var(--border-color)}.type-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#a78bfa1a;color:#c4b5fd;border:1px solid rgba(167,139,250,.15)}.difficulty-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.difficulty-beginner{background:#34d3991a;color:#6ee7b7;border:1px solid rgba(52,211,153,.15)}.difficulty-intermediate{background:#fbbf241a;color:#fcd34d;border:1px solid rgba(251,191,36,.15)}.difficulty-advanced{background:#f871711a;color:#fca5a5;border:1px solid rgba(248,113,113,.15)}.source-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;letter-spacing:.03em}.source-ai{background:var(--primary-subtle);color:#5eead4;border:1px solid var(--border-accent)}.source-ai-whisper{background:var(--success-subtle);color:#6ee7b7;border:1px solid rgba(52,211,153,.15)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.loading{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-tertiary);font-size:1rem}.error{text-align:center;padding:var(--space-8);color:var(--error-color)}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:60px;left:0;right:0;background:var(--surface-1);flex-direction:column;padding:var(--space-6);gap:var(--space-1);border-bottom:1px solid var(--border-color);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-slow);box-shadow:var(--shadow-lg)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.nav-links a.active:after{display:none}.nav-links a.active{background:var(--primary-muted)}.nav-divider{width:100%;height:1px;margin:var(--space-1) 0}.app-main{padding:var(--space-4)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.install-pwa-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-gradient);color:#1a1a2e;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:0 2px 8px #d4a84340}.install-pwa-btn:hover{filter:brightness(1.1);box-shadow:0 4px 16px #d4a84359}.install-pwa-btn:active{filter:brightness(.95)}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #d4a84326}50%{box-shadow:0 0 15px #d4a8434d}}.install-pwa-wrapper{position:relative}.install-instructions{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);min-width:250px;box-shadow:var(--shadow-lg);z-index:1000;animation:fadeIn .2s var(--ease-out)}.install-instructions p{margin-bottom:.5rem;color:var(--text-primary);font-size:.875rem}.install-instructions ol{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.8rem;line-height:1.6}.install-instructions ol li{margin-bottom:.25rem}.close-instructions{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1rem;padding:.25rem}.close-instructions:hover{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nav-user{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;padding-left:var(--space-4);border-left:1px solid var(--border-color)}.nav-user-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.nav-user-link:hover{background:var(--primary-subtle)}.nav-user-link:hover .nav-user-name{color:var(--primary-light)}.nav-user-link:hover .nav-avatar{border-color:var(--primary-light)}.nav-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.nav-user-name{color:var(--text-secondary);font-size:.85rem;font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.nav-admin-badge{display:inline-flex;align-items:center;gap:.2rem;margin-left:var(--space-2);padding:2px var(--space-2);background:var(--accent-gradient);color:#1a1a2e;font-size:.6rem;font-weight:700;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;white-space:nowrap}.btn-logout{background:none;border:1px solid var(--border-color);color:var(--text-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.btn-logout:hover{color:var(--error-color);border-color:var(--error-color);background:var(--error-subtle)}@media(max-width:768px){.nav-user{margin-left:0;padding-left:0;padding-top:var(--space-2);border-left:none;border-top:1px solid var(--border-color);justify-content:center}}.nav-subscribe{font-weight:600!important;display:inline-flex!important;align-items:center;gap:var(--space-2);font-size:.875rem!important;line-height:1}.nav-subscribe.active{color:var(--accent-light)!important;-webkit-text-fill-color:unset!important;background:var(--accent-subtle)!important}.nav-subscribe.active svg{color:var(--accent-color)}.app--mobile .navbar,.app--mobile .app-footer{display:none}.app-main--mobile{padding:var(--space-4);padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + var(--space-4))}