:root{--landing-accent: #f97316;--landing-accent-hover: #ea580c;--landing-bg-dark: #0b0f19;--landing-card-bg: #111827;--landing-card-border: rgba(55, 65, 81, .7);--landing-text-muted: #9ca3af}.landing-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background-color:var(--landing-bg-dark);color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;scroll-behavior:smooth}.landing-content{max-width:1240px;margin:0 auto;padding:0 24px}@media (max-width: 640px){.landing-content{padding:0 16px}}.landing-section{padding:96px 0;position:relative}@media (max-width: 768px){.landing-section{padding:56px 0}}.section-header{text-align:center;max-width:760px;margin:0 auto 52px}@media (max-width: 640px){.section-header{margin-bottom:36px}}.section-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:9999px;background:#f973161f;border:1px solid rgba(249,115,22,.28);color:var(--landing-accent);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.section-title{font-size:clamp(1.85rem,5vw,2.5rem);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#fff;margin-bottom:14px;word-break:break-word}.section-subtitle{font-size:clamp(.95rem,3vw,1.15rem);line-height:1.6;color:var(--landing-text-muted);margin:0 auto}.landing-navbar{position:sticky;top:0;z-index:100;height:68px;background:#0b0f19e0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(55,65,81,.5);display:flex;align-items:center;transition:all .2s ease;padding-top:var(--sat)}.landing-navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;flex-shrink:0}.brand-badge{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f9731659;flex-shrink:0}.brand-text span{color:var(--landing-accent)}.landing-nav-links{display:flex;align-items:center;gap:28px}@media (max-width: 900px){.landing-nav-links{display:none}}.nav-anchor{color:var(--landing-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s ease}.nav-anchor:hover{color:#fff}.landing-nav-actions{display:flex;align-items:center;gap:10px}.desktop-only{display:inline-flex!important}.mobile-only-cta{display:none!important}@media (max-width: 900px){.desktop-only{display:none!important}.mobile-only-cta{display:inline-flex!important}}.lang-switch{display:flex;align-items:center;background:#1f2937b3;border:1px solid rgba(55,65,81,.7);border-radius:8px;padding:2px;gap:2px}.lang-btn{background:transparent;border:none;color:var(--landing-text-muted);font-size:.75rem;font-weight:600;padding:4px 7px;border-radius:6px;cursor:pointer;text-transform:uppercase;transition:all .15s ease}.lang-btn.active{background:#374151;color:#fff}.btn-nav-ghost{background:transparent;border:1px solid rgba(55,65,81,.8);color:#e5e7eb;padding:7px 14px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}.btn-nav-ghost:hover{background:#1f2937e6;color:#fff;border-color:#4b5563}.btn-nav-primary{background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid rgba(249,115,22,.4);color:#fff;padding:7px 16px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none;box-shadow:0 2px 10px #f9731640;white-space:nowrap}.btn-nav-primary:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 4px 14px #f9731666}.btn-hamburger{display:none;background:#1f2937cc;border:1px solid rgba(55,65,81,.8);color:#e5e7eb;padding:7px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;transition:all .15s ease}@media (max-width: 900px){.btn-hamburger{display:inline-flex}}.btn-hamburger:hover{background:#374151;color:#fff}.mobile-menu-overlay{position:fixed;right:0;bottom:0;left:0;top:68px;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:99;display:flex;flex-direction:column;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-panel{background:#111827;border-bottom:1px solid rgba(55,65,81,.8);padding:24px 20px 32px;display:flex;flex-direction:column;gap:20px;box-shadow:0 16px 36px #00000080;animation:slideDown .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav-links{display:flex;flex-direction:column;gap:6px}.mobile-nav-link{color:#e5e7eb;text-decoration:none;font-size:1.05rem;font-weight:600;padding:12px 14px;border-radius:10px;transition:all .15s ease}.mobile-nav-link:hover,.mobile-nav-link:active{background:#1f2937;color:#f97316}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid rgba(55,65,81,.5)}.mobile-full-btn{width:100%;justify-content:center;padding:13px 20px}.hero-section{padding:64px 0 52px;text-align:center;position:relative}@media (max-width: 640px){.hero-section{padding:36px 0 40px}}.hero-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(900px,100vw);height:480px;background:radial-gradient(circle at 50% 30%,rgba(249,115,22,.16) 0%,rgba(249,115,22,.03) 50%,transparent 75%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:880px;margin:0 auto}.hero-badge-wrap{display:inline-flex;margin-bottom:20px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#1f2937d9;border:1px solid rgba(249,115,22,.35);border-radius:9999px;padding:6px 16px;font-size:clamp(.75rem,2.8vw,.85rem);font-weight:600;color:#fdba74;box-shadow:0 4px 16px #0000004d}.hero-badge-icon{color:var(--landing-accent);flex-shrink:0}.hero-title{font-size:clamp(2rem,7vw,3.4rem);font-weight:900;line-height:1.14;letter-spacing:-.025em;color:#fff;margin-bottom:20px;word-break:break-word}.hero-title-highlight{background:linear-gradient(135deg,#fff 40%,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1rem,3.2vw,1.25rem);line-height:1.6;color:var(--landing-text-muted);margin-bottom:32px;max-width:720px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}@media (max-width: 640px){.hero-cta-group{flex-direction:column;gap:12px}}.btn-hero-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;text-decoration:none;font-size:1.05rem;font-weight:700;padding:15px 30px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #f9731659;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.15)}@media (max-width: 640px){.btn-hero-primary{width:100%;padding:14px 20px}}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f9731680;background:linear-gradient(135deg,#ea580c,#c2410c)}.btn-hero-secondary{background:#1f2937d9;color:#e5e7eb;text-decoration:none;font-size:1.05rem;font-weight:600;padding:15px 26px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(55,65,81,.9);transition:all .2s ease;cursor:pointer}@media (max-width: 640px){.btn-hero-secondary{width:100%;padding:13px 20px}}.btn-hero-secondary:hover{background:#2d3748f2;color:#fff;border-color:#6b7280;transform:translateY(-2px)}.hero-trust-bar{display:flex;align-items:center;justify-content:center;gap:20px;color:var(--landing-text-muted);font-size:.88rem;flex-wrap:wrap}@media (max-width: 640px){.hero-trust-bar{flex-direction:column;gap:8px;font-size:.82rem}}.hero-trust-item{display:flex;align-items:center;gap:6px}.trust-check{color:#10b981;flex-shrink:0}.demo-preview-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:20px;padding:24px;box-shadow:0 24px 64px -12px #0009;position:relative;overflow:hidden}@media (max-width: 640px){.demo-preview-card{padding:14px 12px;border-radius:16px}}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.demo-sport-tabs{display:flex;align-items:center;background:#1f2937;padding:3px;border-radius:10px;gap:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.demo-sport-tabs::-webkit-scrollbar{display:none}.demo-sport-tab{background:transparent;border:none;color:var(--landing-text-muted);font-size:.85rem;font-weight:600;padding:7px 13px;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.demo-sport-tab:hover{color:#fff}.demo-sport-tab.active{background:#374151;color:#fff;box-shadow:0 2px 6px #0003}.demo-controls{display:flex;align-items:center;gap:8px}@media (max-width: 640px){.demo-controls{width:100%;justify-content:flex-end}}.btn-ctrl{background:#1f2937;border:1px solid #374151;color:#e5e7eb;padding:7px 13px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.btn-ctrl:hover{background:#374151;color:#fff}.btn-ctrl.btn-ctrl-primary{background:var(--landing-accent);border-color:var(--landing-accent);color:#fff}.btn-ctrl.btn-ctrl-primary:hover{background:var(--landing-accent-hover)}@media (max-width: 480px){.ctrl-btn-text{display:none}}.demo-canvas-wrap{width:100%;aspect-ratio:16 / 10;max-height:520px;min-height:220px;background:#0d131f;border-radius:12px;border:1px solid #1f2937;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.demo-svg-court{width:100%;height:100%;display:block}.demo-phase-stepper{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.demo-phase-stepper{flex-direction:column;align-items:stretch;gap:12px}}.demo-steps{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}}.demo-step-btn{background:#1f2937;border:1px solid #374151;color:var(--landing-text-muted);padding:7px 13px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}@media (max-width: 640px){.demo-step-btn{padding:8px 4px;font-size:.75rem;text-align:center}}.demo-step-btn.active{background:#f9731626;border-color:var(--landing-accent);color:var(--landing-accent)}.demo-editor-link{color:var(--landing-accent);font-size:.88rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:gap .15s ease}@media (max-width: 640px){.demo-editor-link{justify-content:center;padding:6px 0}}.demo-editor-link:hover{gap:10px;text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:40px}}.stat-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:16px;padding:22px 18px;transition:transform .2s ease,border-color .2s ease}@media (max-width: 640px){.stat-card{padding:16px 14px;border-radius:12px}}.stat-card:hover{border-color:#f9731666;transform:translateY(-2px)}.stat-value{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:6px;background:linear-gradient(135deg,#fff 60%,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-desc{font-size:clamp(.78rem,2.5vw,.88rem);color:var(--landing-text-muted);line-height:1.4}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr;gap:16px}}.feature-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:16px;padding:30px 24px;transition:all .2s ease;display:flex;flex-direction:column}@media (max-width: 640px){.feature-card{padding:22px 18px;border-radius:14px}}.feature-card:hover{border-color:#f9731680;background:#141c2c;transform:translateY(-3px);box-shadow:0 12px 28px -8px #0006}.feature-icon-box{width:48px;height:48px;border-radius:12px;background:#f973161f;border:1px solid rgba(249,115,22,.25);color:var(--landing-accent);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:10px}.feature-desc{font-size:.92rem;line-height:1.55;color:var(--landing-text-muted)}.sports-showcase-box{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:20px;padding:32px;display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:stretch}@media (max-width: 900px){.sports-showcase-box{display:flex;flex-direction:column;padding:20px 16px;gap:20px;border-radius:16px}}.sports-nav-list{display:flex;flex-direction:column;gap:10px}@media (max-width: 900px){.sports-nav-list{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;width:100%;padding-bottom:4px}.sports-nav-list::-webkit-scrollbar{display:none}}.sport-nav-item{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#1f2937;border:1px solid rgba(55,65,81,.6);border-radius:12px;color:#d1d5db;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}@media (max-width: 900px){.sport-nav-item{flex-shrink:0;padding:10px 16px;font-size:.88rem;border-radius:9999px}}.sport-nav-item:hover{background:#283548;color:#fff}.sport-nav-item.active{background:#f9731624;border-color:var(--landing-accent);color:#fff}@media (max-width: 900px){.sport-nav-item.active{background:var(--landing-accent);color:#fff;box-shadow:0 2px 8px #f9731659}}.sport-preview-panel{background:#0d131f;border:1px solid #1f2937;border-radius:16px;padding:28px;display:flex;flex-direction:column}@media (max-width: 640px){.sport-preview-panel{padding:20px 16px;border-radius:12px}}.sport-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.sport-preview-title{font-size:1.35rem;font-weight:800;color:#fff}.sport-badge{font-size:.78rem;text-transform:uppercase;font-weight:700;color:var(--landing-accent);background:#f9731626;padding:5px 12px;border-radius:6px;border:1px solid rgba(249,115,22,.25);flex-shrink:0}.sport-details-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px;flex:1}.sport-detail-item{display:flex;align-items:flex-start;gap:10px;color:#cbd5e1;font-size:.92rem;line-height:1.45}.sport-detail-check{color:var(--landing-accent);flex-shrink:0;margin-top:2px}.sport-panel-cta{padding:12px 24px;font-size:.95rem;margin-top:auto}@media (max-width: 640px){.sport-panel-cta{width:100%;justify-content:center}}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 900px){.comparison-grid{display:flex;flex-direction:column;gap:16px}}.comparison-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:18px;padding:28px 22px;display:flex;flex-direction:column}@media (max-width: 900px){.comparison-card{padding:22px 18px;border-radius:14px}}.comparison-card.highlight{background:linear-gradient(180deg,#f973161f,#111827 40%);border:2px solid var(--landing-accent);box-shadow:0 12px 36px #f9731633;transform:scale(1.02)}@media (max-width: 900px){.comparison-card.highlight{transform:none;order:-1}}.comparison-title{font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:18px}.comparison-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.comparison-point{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--landing-text-muted);line-height:1.45}.comparison-point.active{color:#f3f4f6}.point-icon-neg{color:#ef4444;flex-shrink:0;margin-top:3px}.point-icon-pos{color:#10b981;flex-shrink:0;margin-top:3px}.pricing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:44px;flex-wrap:wrap}.pricing-toggle{background:#1f2937;border:1px solid #374151;border-radius:9999px;padding:4px;display:inline-flex}.pricing-toggle-btn{background:transparent;border:none;color:var(--landing-text-muted);font-size:.88rem;font-weight:600;padding:8px 18px;border-radius:9999px;cursor:pointer;transition:all .15s ease;min-height:40px}.pricing-toggle-btn.active{background:#374151;color:#fff;box-shadow:0 2px 6px #00000040}.save-pill{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:9999px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}@media (max-width: 1100px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 640px){.pricing-grid{display:flex;flex-direction:column;gap:24px}}.pricing-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:18px;padding:28px 22px;display:flex;flex-direction:column;position:relative;transition:all .2s ease}@media (max-width: 640px){.pricing-card{padding:22px 18px;border-radius:14px}}.pricing-card:hover{border-color:#f9731666;transform:translateY(-3px)}.pricing-card.featured{background:linear-gradient(180deg,#f9731614,#111827 35%);border:2px solid var(--landing-accent);box-shadow:0 12px 36px #f9731633}@media (max-width: 640px){.pricing-card.featured{margin-top:12px}}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 14px;border-radius:9999px;box-shadow:0 4px 12px #f9731666;white-space:nowrap}.pricing-card-header{margin-bottom:20px}.plan-title{font-size:1.35rem;font-weight:800;color:#fff;margin-bottom:6px}.plan-desc{font-size:.86rem;color:var(--landing-text-muted);min-height:40px;line-height:1.4}.plan-price-wrap{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.plan-price-val{font-size:clamp(2rem,5vw,2.5rem);font-weight:900;color:#fff}.plan-period{font-size:.88rem;color:var(--landing-text-muted)}.plan-sub-price{font-size:.8rem;color:#6b7280;min-height:18px}.plan-features{list-style:none;padding:0;margin:20px 0 28px;display:flex;flex-direction:column;gap:11px;flex:1}.plan-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#d1d5db;line-height:1.4}.feature-check{color:#10b981;flex-shrink:0;margin-top:2px}.btn-pricing-cta{width:100%;padding:12px 18px;border-radius:10px;font-size:.92rem;font-weight:700;cursor:pointer;border:1px solid rgba(55,65,81,.8);background:#1f2937;color:#fff;transition:all .15s ease;text-decoration:none;text-align:center;display:block;min-height:46px;display:flex;align-items:center;justify-content:center}.btn-pricing-cta:hover{background:#374151;border-color:#6b7280}.pricing-card.featured .btn-pricing-cta{background:linear-gradient(135deg,#f97316,#ea580c);border-color:var(--landing-accent);box-shadow:0 4px 16px #f973164d}.pricing-card.featured .btn-pricing-cta:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px)}.pricing-roster-hint{text-align:center;font-size:.92rem;color:var(--landing-text-muted);margin-top:32px;padding:14px 18px;background:var(--landing-card-bg);border:1px dashed #374151;border-radius:12px;line-height:1.5}.faq-wrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:14px;overflow:hidden;transition:border-color .15s ease}.faq-item:hover{border-color:#f9731659}.faq-question{width:100%;text-align:left;background:transparent;border:none;color:#fff;padding:18px 22px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}@media (max-width: 640px){.faq-question{padding:16px;font-size:.94rem}}.faq-icon{color:var(--landing-text-muted);transition:transform .2s ease;flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(180deg);color:var(--landing-accent)}.faq-answer{padding:0 22px 18px;font-size:.92rem;line-height:1.6;color:var(--landing-text-muted)}@media (max-width: 640px){.faq-answer{padding:0 16px 16px}}.bottom-cta-box{background:linear-gradient(135deg,#1c2638,#111827);border:1px solid rgba(249,115,22,.35);border-radius:24px;padding:60px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 64px -16px #0009}@media (max-width: 640px){.bottom-cta-box{padding:36px 18px;border-radius:18px}}.bottom-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(circle,rgba(249,115,22,.2) 0%,transparent 70%);pointer-events:none}.bottom-cta-content{position:relative;z-index:1;max-width:680px;margin:0 auto}.bottom-cta-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px;word-break:break-word}.bottom-cta-desc{font-size:clamp(.95rem,3vw,1.15rem);color:var(--landing-text-muted);margin-bottom:28px}.landing-footer{border-top:1px solid rgba(55,65,81,.5);background:#080c14;padding:56px 0 36px;padding-bottom:calc(36px + var(--sab))}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}@media (max-width: 900px){.footer-top{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width: 500px){.footer-top{grid-template-columns:1fr;gap:24px}}.footer-brand{display:flex;flex-direction:column;gap:12px;max-width:320px}.footer-brand-desc{font-size:.88rem;color:var(--landing-text-muted);line-height:1.5}.footer-col-title{font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.footer-link{color:var(--landing-text-muted);font-size:.88rem;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(55,65,81,.3);font-size:.82rem;color:#6b7280;flex-wrap:wrap;gap:16px}@media (max-width: 640px){.footer-bottom{flex-direction:column-reverse;text-align:center;align-items:center;gap:18px}}.demo-annotations{animation:demo-annotations-in .5s ease-out .25s both}@keyframes demo-annotations-in{0%{opacity:0}to{opacity:1}}.workspace-box{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:20px;padding:28px;display:grid;grid-template-columns:260px 1fr;gap:28px}.workspace-tabs{display:flex;flex-direction:column;gap:8px}.workspace-tab{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#1f2937;border:1px solid rgba(55,65,81,.6);border-radius:12px;color:#d1d5db;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.workspace-tab:hover{background:#283548;color:#fff}.workspace-tab.active{background:#f9731624;border-color:var(--landing-accent);color:#fff}.workspace-tab-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#f973161f;color:var(--landing-accent)}.workspace-tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.workspace-tab-title{font-size:.96rem;font-weight:700}.workspace-tab-plan{font-size:.76rem;color:var(--landing-text-muted)}.workspace-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;background:#0d131f;border:1px solid #1f2937;border-radius:16px;padding:28px;min-height:520px}.workspace-copy-title{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:10px}.workspace-copy-desc{color:var(--landing-text-muted);line-height:1.55;margin-bottom:18px}.workspace-points{margin-bottom:22px}.workspace-cta{display:inline-flex;align-items:center;gap:8px;color:var(--landing-accent);font-weight:700;text-decoration:none}.workspace-cta:hover{text-decoration:underline}.workspace-shot{margin:0;justify-self:center;width:100%;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000073,0 0 0 1px #94a3b824;background:#0b0f19}.workspace-shot img{display:block;width:100%;height:auto;animation:workspace-in .35s ease-out}@keyframes workspace-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.workspace-shot.frame-browser{max-width:460px}.frame-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#1a2231;border-bottom:1px solid #263145}.frame-bar span{width:9px;height:9px;border-radius:50%;background:#374151}.frame-bar em{margin-left:10px;font-style:normal;font-size:.72rem;color:#6b7280}.workspace-shot.frame-phone{max-width:260px;border-radius:34px;border:8px solid #1f2937;box-shadow:0 24px 60px #00000080,0 0 0 1px #374151}.workspace-shot.frame-paper{background:#fff;border-radius:6px;box-shadow:0 24px 60px #00000080;transform:rotate(-1.2deg)}@media (max-width: 1080px){.workspace-stage{grid-template-columns:1fr;min-height:0}}@media (max-width: 900px){.workspace-box{display:flex;flex-direction:column;padding:20px 16px;gap:18px;border-radius:16px}.workspace-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tab{flex-shrink:0;padding:8px 12px}.workspace-tab-plan{display:none}.workspace-stage{padding:20px 16px}}:root{--bg-main: #0b0f19;--bg-panel: #111827;--bg-card: #1f2937;--border-color: #374151;--accent-primary: #f97316;--accent-hover: #ea580c;--text-main: #f3f4f6;--text-muted: #9ca3af;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;background-color:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;touch-action:manipulation}.tactical-app-container{display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;position:relative;background:radial-gradient(circle at 50% 20%,#171e2e,#0b0f19 80%)}.tactical-header{height:56px;background:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,var(--sar)) 0 max(16px,var(--sal));padding-top:var(--sat);gap:12px;z-index:20;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px;flex:1;max-width:440px}.title-input{background:#1f2937;border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;color:#fff;font-size:.95rem;font-weight:600;width:100%;min-width:130px;outline:none;transition:border-color .2s}.title-input:focus{border-color:var(--accent-primary)}.court-toggle-group{display:flex;background:#1f2937;padding:3px;border-radius:8px;border:1px solid var(--border-color);flex-shrink:0}.court-toggle-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.court-toggle-btn.active{background:#374151;color:#fff;box-shadow:0 1px 3px #0000004d}.tools-bar{display:flex;align-items:center;gap:4px;background:#1f2937;padding:3px;border-radius:10px;border:1px solid var(--border-color);min-width:0;overflow-x:auto;scrollbar-width:none}.tools-bar::-webkit-scrollbar{display:none}.tool-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tool-btn:hover{background:#ffffff0d;color:#fff}.tool-btn.active{background:#374151;color:#fff;box-shadow:0 1px 4px #0006}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-icon-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1f2937;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.action-icon-btn:hover{background:#374151;color:#fff}.share-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #f9731659;transition:background .2s,transform .1s}.share-btn:hover{background:var(--accent-hover)}.share-btn:active{transform:scale(.97)}.canvas-wrapper{flex:1;width:100%;height:calc(100% - 128px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.tactical-footer{position:relative;background:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);padding-bottom:var(--sab);z-index:20;flex-shrink:0}.timeline-progress-track{width:100%;height:3px;background:#1f2937;position:relative}.timeline-progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#ef4444);transition:width .05s linear}.footer-content{display:flex;align-items:center;justify-content:space-between;padding:8px max(14px,var(--sar)) 8px max(14px,var(--sal));gap:12px;height:64px}.steps-container{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.steps-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px;-webkit-overflow-scrolling:touch}.steps-scroll::-webkit-scrollbar{display:none}.step-pill{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#1f2937;border:1px solid var(--border-color);border-radius:20px;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;min-height:36px}.step-pill.active{background:#2563eb;border-color:#3b82f6;color:#fff;box-shadow:0 2px 8px #2563eb66}.step-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#00000040;border-radius:50%;font-size:.72rem}.step-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.step-action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 11px;background:#1f2937;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.82rem;font-weight:600;min-height:36px;transition:all .2s}.step-action-btn:hover{background:#374151;color:#fff}.step-action-btn.primary{background:#2563eb;border-color:#3b82f6;color:#fff}.step-action-btn.danger:hover{background:#dc2626;border-color:#ef4444;color:#fff}.playback-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.playback-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1f2937;border:1px solid var(--border-color);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.playback-btn:hover:not(:disabled){background:#374151;transform:scale(1.05)}.playback-btn:disabled{opacity:.35;cursor:not-allowed}.playback-btn.play-main{width:48px;height:48px;background:#22c55e;border:none;box-shadow:0 4px 14px #22c55e73}.playback-btn.play-main:hover{background:#16a34a;transform:scale(1.08)}.control-toggle-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#1f2937;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.8rem;font-weight:600;min-height:38px;cursor:pointer;transition:all .2s}.control-toggle-btn.active{background:#374151;border-color:#60a5fa;color:#60a5fa}.speed-btn{padding:7px 10px;background:#1f2937;border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:.84rem;font-weight:700;min-height:38px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content{background:#111827;border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:540px;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 35px -5px #0009;animation:modalPop .2s ease-out}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header-title h3{font-size:1.15rem;font-weight:700;color:#fff}.modal-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.export-card{background:#1f2937;border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.export-card.primary-card{border-color:#f9731666;background:linear-gradient(180deg,#f9731614,#1f2937)}.export-card-info h4{font-size:.98rem;font-weight:700;margin-bottom:4px;color:#fff}.export-card-info p{font-size:.84rem;color:var(--text-muted);line-height:1.35}.btn-modal-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#374151;border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;min-height:42px;transition:all .2s}.btn-modal-action:hover:not(:disabled){background:#4b5563}.btn-modal-action.primary{background:var(--accent-primary);box-shadow:0 2px 8px #f973164d}.btn-modal-action.primary:hover{background:var(--accent-hover)}.btn-modal-action:disabled{opacity:.5;cursor:not-allowed}.btn-group-actions{display:flex;gap:8px;width:100%}.btn-group-actions .btn-modal-action{flex:1}.upload-label{cursor:pointer}.recording-progress-container{width:100%;display:flex;flex-direction:column;gap:6px}.recording-progress-bar{width:100%;height:8px;background:#374151;border-radius:4px;overflow:hidden}.recording-progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#22c55e);transition:width .1s linear}.recording-status{font-size:.8rem;color:var(--accent-primary);font-weight:600;text-align:right}.video-preview-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.video-preview-player{width:100%;max-height:220px;border-radius:8px;background:#000;border:1px solid var(--border-color);outline:none}.video-preview-actions{display:flex;gap:8px;width:100%}.video-preview-actions .download-btn{flex:1}@media (max-width: 1520px){.tool-label{display:none}}@media (max-width: 1440px){.btn-text{display:none}}@media (max-width: 768px){.tactical-header{height:auto;flex-wrap:wrap;padding:8px 10px;gap:8px}.header-left{max-width:100%;width:100%;order:1;display:flex;justify-content:space-between}.title-input{font-size:.88rem;padding:5px 8px}.tools-bar{order:2;overflow-x:auto;width:100%;justify-content:space-around;padding:4px 2px;-webkit-overflow-scrolling:touch}.tool-btn{padding:8px 10px;min-height:38px}.tool-label{display:none}.header-right{order:3;width:100%;justify-content:space-between}.player-header{flex-wrap:nowrap;align-items:center}.player-header .header-right{order:0;width:auto}.btn-text{display:none}.canvas-wrapper{height:calc(100% - 194px)}.toggle-label,.step-action-text{display:none}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;border-radius:20px 20px 0 0;max-height:86dvh}.modal-body{padding:16px;padding-bottom:max(24px,var(--sab))}.btn-modal-action{width:100%;min-height:46px;font-size:.95rem}.btn-group-actions{flex-direction:column}}.lang-switcher{display:flex;background:#1f2937;padding:3px;border-radius:8px;border:1px solid var(--border-color);flex-shrink:0}.lang-btn{padding:5px 8px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .2s}.lang-btn:hover{color:#fff}.lang-btn.active{background:#374151;color:#fff;box-shadow:0 1px 3px #0000004d}.modal-narrow{max-width:420px}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.auth-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:11px 13px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--accent-primary)}.auth-error{color:#f87171;font-size:.85rem}.auth-form .btn-modal-action{margin-top:6px}.auth-sent{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-sent-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22c55e26;color:#4ade80}.centered-view{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 20%,#171e2e,#0b0f19 80%)}.centered-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:380px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:32px 28px}.centered-card h2{font-size:1.25rem}.centered-card p{color:var(--text-muted);font-size:.92rem;line-height:1.5}.spinner{width:30px;height:30px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.account-menu{position:relative;flex-shrink:0}.avatar-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,background .2s}.avatar-btn:hover,.avatar-btn.active{border-color:var(--accent-primary);background:#374151}.avatar-btn img{width:100%;height:100%;object-fit:cover}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:232px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 18px 30px -12px #000000bf;padding:6px;display:flex;flex-direction:column;gap:2px}.account-identity{display:flex;align-items:center;gap:8px;padding:10px 10px 12px;color:var(--text-main);font-size:.86rem;border-bottom:1px solid var(--border-color);word-break:break-all}.account-identity svg{flex-shrink:0;color:var(--text-muted)}.account-stats{display:flex;flex-direction:column;gap:2px;padding:8px 10px}.account-stat,.account-team{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.86rem}.account-team{padding:8px 10px;border-top:1px solid var(--border-color)}.account-stat-label{color:var(--text-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.account-stat-value{font-variant-numeric:tabular-nums;font-weight:600}.account-stat-value.plan{color:var(--accent-primary);text-transform:none}.account-action{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:none;border-top:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:500;cursor:pointer;border-radius:8px;transition:background .15s,color .15s}.account-action:hover{background:var(--bg-card);color:#fff}.action-icon-btn.saved{border-color:#22c55e;color:#4ade80}.paywall-body{color:var(--text-muted);font-size:.94rem;line-height:1.55;margin-bottom:4px}.paywall-offer{background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.paywall-plan{display:flex;align-items:center;gap:7px;color:var(--accent-primary);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.paywall-price{display:flex;align-items:baseline;gap:6px}.paywall-price strong{font-size:2rem;font-variant-numeric:tabular-nums;line-height:1.1}.paywall-price span{color:var(--text-muted);font-size:.9rem}.paywall-yearly{color:var(--text-muted);font-size:.85rem}.paywall-soon{color:var(--text-muted);font-size:.78rem;text-align:center;margin:-4px 0 0}.library-actions{display:flex;gap:10px}.library-actions .btn-modal-action{flex:1}.library-empty{text-align:center;color:var(--text-muted);padding:22px 8px;font-size:.92rem}.library-empty-hint{font-size:.84rem;margin-top:6px;opacity:.8}.library-list{list-style:none;display:flex;flex-direction:column;gap:6px}.library-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:11px 12px}.library-item.current{border-color:var(--accent-primary)}.library-item-info{display:flex;flex-direction:column;gap:3px;min-width:0}.library-item-title{font-weight:600;font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item-meta{color:var(--text-muted);font-size:.78rem}.library-item-actions{display:flex;gap:6px;flex-shrink:0}.seats-meter{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:9px}.seats-meter-head{display:flex;align-items:baseline;justify-content:space-between;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.seats-count{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-main);text-transform:none;letter-spacing:0}.seats-track{height:6px;border-radius:3px;background:#111827;overflow:hidden}.seats-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .3s ease}.seats-fill.full{background:#ef4444}.seats-note{color:var(--text-muted);font-size:.8rem;line-height:1.45}.invite-form{display:grid;grid-template-columns:1fr auto;gap:8px}.invite-form .btn-modal-action{grid-column:1 / -1}.invite-role{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:.9rem;padding:0 10px;cursor:pointer;outline:none}.invite-role:focus{border-color:var(--accent-primary)}.modal-overlay.overlay-stacked{background:#00000073;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:120}.account-billing-line{padding:8px 10px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem}.account-action:disabled{opacity:.5;cursor:default}.interval-toggle{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:3px}.interval-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.interval-btn.active{background:#374151;color:#fff}.interval-hint{font-size:.68rem;font-weight:500;color:var(--accent-primary);text-transform:lowercase}.method-toggle{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:3px}.method-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.method-btn.active{background:#374151;color:#fff}.method-note{color:var(--text-muted);font-size:.8rem;line-height:1.45;margin:-4px 0 0}.invoice-summary{display:flex;flex-direction:column;align-items:center;gap:6px}.invoice-status{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#1f2937;color:var(--text-muted)}.invoice-status.pending{background:#f9731629;color:var(--accent-primary)}.invoice-status.confirmed,.invoice-status.resolved{background:#22c55e29;color:#4ade80}.invoice-status.failed,.invoice-status.expired{background:#ef444429;color:#f87171}.invoice-amount{font-size:.92rem;font-variant-numeric:tabular-nums}.invoice-note{font-size:.8rem!important;opacity:.85}.player-header{justify-content:space-between;gap:12px}.player-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.player-heading h1{font-size:1.05rem;font-weight:700}.player-team{font-size:.78rem;color:var(--text-muted)}.player-play-title{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:center}.player-feed{flex:1;overflow-y:auto;padding:14px max(14px,var(--sal)) max(24px,var(--sab)) max(14px,var(--sar));-webkit-overflow-scrolling:touch}.feed-list{list-style:none;display:flex;flex-direction:column;gap:10px;max-width:640px;margin:0 auto}.feed-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:var(--bg-panel);border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);border-radius:12px;padding:14px 16px;color:var(--text-main);cursor:pointer;transition:border-color .2s,transform .1s}.feed-card:hover{border-color:var(--accent-primary)}.feed-card:active{transform:scale(.995)}.feed-card.watched{border-left-color:var(--border-color);opacity:.72}.feed-card-main{display:flex;flex-direction:column;gap:5px;min-width:0}.feed-card-badges{display:flex;gap:6px}.feed-badge{font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 7px;border-radius:4px}.feed-badge.new{background:var(--accent-primary);color:#fff}.feed-badge.mine{background:#38bdf82e;color:#7dd3fc}.feed-badge.seen{background:#1f2937;color:var(--text-muted)}.feed-card-title{font-size:1.02rem;font-weight:600}.feed-card-note{font-size:.88rem;color:#d1d5db}.feed-card-meta{font-size:.78rem;color:var(--text-muted)}.feed-card-play{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff}.feed-card.watched .feed-card-play{background:#374151}.step-action-btn.assigned{background:var(--accent-primary);color:#fff}.library-item-seen{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--text-muted)}.share-hint{margin-top:6px;font-size:.8rem!important;color:var(--accent-primary)!important}.sport-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:.82rem;font-weight:600;padding:7px 8px;cursor:pointer;outline:none;flex-shrink:0}.sport-select:focus{border-color:var(--accent-primary)}.squad-form{display:grid;grid-template-columns:1fr 64px 96px;gap:8px}.squad-form .btn-modal-action{grid-column:1 / -1}.squad-number,.squad-position{text-align:center}.squad-num{display:inline-block;min-width:26px;margin-right:8px;padding:1px 6px;border-radius:5px;background:var(--bg-card);color:var(--accent-primary);font-variant-numeric:tabular-nums;font-size:.82rem;text-align:center}.squad-invite-btn{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media (max-width: 480px){.squad-form{grid-template-columns:1fr 64px}.squad-position{grid-column:1 / -1;text-align:left}}.admin-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:calc(16px + var(--sat)) 16px calc(32px + var(--sab));background:var(--bg-main);color:var(--text-main);font-size:14px}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.admin-header{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;max-width:1100px;margin:0 auto 16px}.admin-header h1{font-size:20px}.admin-sub,.admin-muted{color:var(--text-muted);font-size:13px}.admin-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.admin-link,.admin-shell a{color:var(--accent-primary);text-decoration:none}.admin-search{display:flex;gap:8px;max-width:1100px;margin:0 auto 16px}.admin-search input{flex:1;min-width:0}.admin-shell input,.admin-shell select{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-main);font-size:14px}.admin-shell button{padding:8px 14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-main);font-size:14px;cursor:pointer}.admin-shell button:hover:not(:disabled){border-color:var(--accent-primary)}.admin-shell button:disabled{opacity:.5;cursor:not-allowed}.admin-search button,.admin-action>button{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.admin-danger{color:#fca5a5}.admin-panel{max-width:1100px;margin:0 auto 16px;padding:16px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-panel)}.admin-panel h2{font-size:16px;margin-bottom:12px}.admin-panel h3{font-size:14px;margin:20px 0 8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.admin-alert{max-width:1100px;margin:0 auto 12px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color)}.admin-alert-error{border-color:#b91c1c;background:#b91c1c26}.admin-alert-ok{border-color:#15803d;background:#15803d26}.admin-hit{padding:12px 0;border-bottom:1px solid var(--border-color)}.admin-hit-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-org-list{list-style:none;margin-top:8px}.admin-org-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 0}.admin-org-list button{padding:4px 10px;font-size:13px}.admin-org-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}.admin-chips{display:flex;flex-wrap:wrap;gap:6px}.admin-chip{padding:3px 9px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-card);font-size:12px}.admin-chip.plan-team,.admin-chip.plan-club,.admin-chip.plan-pro{border-color:var(--accent-primary);color:var(--accent-primary)}.admin-chip.warn{border-color:#d97706;color:#fbbf24}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}.admin-stat{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card)}.admin-stat span{color:var(--text-muted);font-size:12px}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.admin-action{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card)}.admin-action label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.admin-presets{display:flex;gap:6px}.admin-presets button{padding:4px 10px;font-size:12px}.admin-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.admin-table{width:100%;border-collapse:collapse;font-size:13px;display:block;overflow-x:auto}.admin-table th,.admin-table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.admin-table th{color:var(--text-muted);font-weight:500}.admin-dim{opacity:.5}.library-modal .library-item{flex-direction:column;align-items:stretch;gap:10px}.library-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-filters{display:flex;flex-direction:column;gap:8px}.library-search{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:0 11px;color:var(--text-muted)}.library-search:focus-within{border-color:var(--accent-primary)}.library-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:#fff;font-size:.92rem;padding:9px 0}.library-chips{display:flex;flex-wrap:wrap;gap:6px}.library-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer}.library-chip:hover{color:#fff}.library-chip.active{background:#f9731626;border-color:var(--accent-primary);color:#fdba74}.library-chip.tag{font-variant-numeric:tabular-nums}.library-item-labels{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.library-label{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;padding:2px 7px;border-radius:5px;background:#111827;color:#cbd5e1}.library-label.folder{color:#fdba74}.library-label.tag{color:#93c5fd}.library-notice{color:#86efac;font-size:.85rem}.library-inline-form{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px dashed var(--border-color)}.library-field{display:flex;flex-direction:column;gap:5px}.library-field .auth-input{font-size:.92rem;padding:9px 11px}.library-inline-label{color:var(--text-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.library-inline-actions,.library-copy-targets{display:flex;flex-wrap:wrap;gap:8px}.btn-modal-action.danger{background:#ef444424;color:#fca5a5}.btn-modal-action.danger:hover:not(:disabled){background:#ef444440}.conflict-modal h3{display:flex;align-items:center;gap:8px}.conflict-icon{color:#fbbf24;flex-shrink:0}.conflict-actions{display:flex;flex-direction:column;gap:8px}.team-settings{display:flex;flex-direction:column;gap:14px}.team-settings .export-card-info h4{display:flex;align-items:center;gap:7px}.plan-pill{margin-left:auto;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;background:#f9731626;color:#fdba74}.kit-row{display:flex;flex-wrap:wrap;gap:12px}.kit-swatch{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:10px;background:#111827;border:1px solid var(--border-color);cursor:pointer}.kit-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.kit-token{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;border:3px solid rgba(255,255,255,.85)}.kit-label{font-size:.88rem}.kit-reset{position:relative;z-index:1;background:none;border:none;color:var(--text-muted);font-size:.75rem;text-decoration:underline;cursor:pointer}.logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.logo-preview{width:56px;height:56px;border-radius:10px;background:#111827;border:1px dashed var(--border-color);display:grid;place-items:center;color:var(--text-muted);overflow:hidden}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.account-team:has(.account-team-list),.account-team:has(.account-team-form),.account-team:has(.account-team-add){flex-direction:column;align-items:stretch;gap:6px}.account-team-list{list-style:none;display:flex;flex-direction:column;gap:2px}.account-team-option{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;background:none;border:none;color:var(--text-main);font-size:.86rem;text-align:left;cursor:pointer}.account-team-option:hover{background:#ffffff0d}.account-team-option.active{background:#f973161f;color:#fdba74}.account-team-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-team-logo{width:18px;height:18px;object-fit:contain;border-radius:4px}.account-team-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.account-team-add{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:.82rem;padding:4px 8px;cursor:pointer}.account-team-add:hover{color:#fff}.account-team-form{display:flex;flex-direction:column;gap:6px}.account-team-form .auth-input{font-size:.88rem;padding:8px 10px}.account-team-form-actions{display:flex;gap:6px}.account-team-form-actions .btn-modal-action{flex:1;padding:7px 10px}.library-item:has(.member-role-select)>.library-item-info{flex:1}.member-role-select{flex-shrink:0;width:120px}.offline-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#eab30824;border-bottom:1px solid rgba(234,179,8,.35);color:#fde68a;font-size:.82rem;text-align:center}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:14px;background:#111827;border:1px solid var(--border-color);border-radius:10px}.auth-tab{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:none;border-radius:7px;background:none;color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer}.auth-tab:hover{color:#fff}.auth-tab.active{background:var(--bg-card);color:#fff;box-shadow:0 1px 3px #00000059}.password-field{position:relative;display:flex}.password-field .auth-input{flex:1;min-width:0;padding-right:44px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:6px;background:none;color:var(--text-muted);cursor:pointer}.password-toggle:hover{color:#fff}.auth-link-btn{align-self:center;margin-top:2px;background:none;border:none;color:#fdba74;font-size:.86rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-link-btn:disabled{opacity:.5;cursor:default}.auth-hint{margin-top:12px;color:var(--text-muted);font-size:.82rem;line-height:1.45}.auth-form .auth-hint{margin-top:0}.centered-card .auth-form{text-align:left;width:100%}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.player-avatar{flex-shrink:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#111827;border:2px solid var(--border-color);color:var(--accent-primary);font-weight:800;font-variant-numeric:tabular-nums}.player-avatar img{width:100%;height:100%;object-fit:cover}.squad-row{justify-content:flex-start}.squad-row>.library-item-info{flex:1}.player-editor{display:flex;flex-direction:column;gap:14px}.player-editor-head{display:flex;align-items:center;gap:16px}.player-photo{width:96px;height:96px;flex-shrink:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#111827;border:2px dashed var(--border-color);color:var(--text-muted)}.player-photo img{width:100%;height:100%;object-fit:cover}.player-photo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.consent-check{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.4;color:var(--text-muted);cursor:pointer}.consent-check input{margin-top:2px;accent-color:var(--accent-primary)}.player-editor-grid{display:grid;grid-template-columns:1fr 110px;gap:10px}.player-editor-grid.three{grid-template-columns:repeat(3,1fr)}.player-editor-grid>.library-field{min-width:0;justify-content:flex-end}.player-editor-grid .auth-input,.player-editor-grid .invite-role{width:100%;min-width:0;box-sizing:border-box}.player-editor-grid .invite-role{min-height:40px}.position-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip-primary{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:.66rem;font-weight:800}.position-custom{width:90px;padding:4px 10px;border-radius:999px;border:1px dashed var(--border-color);background:transparent;color:#fff;font-size:.8rem;outline:none}.position-custom:focus{border-color:var(--accent-primary)}.field-hint{color:var(--text-muted);font-size:.76rem}@media (max-width: 480px){.player-editor-grid.three{grid-template-columns:1fr 1fr}.player-editor-head{align-items:flex-start}.player-photo{width:72px;height:72px}}.player-card{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;max-width:min(360px,calc(100% - 32px));padding:10px 14px 10px 10px;border-radius:14px;background:#111827eb;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;animation:player-card-in .18s ease-out}@keyframes player-card-in{0%{opacity:0;transform:translateY(6px)}}.player-card-text,.feed-me-text{display:flex;flex-direction:column;gap:3px;min-width:0}.player-card-name,.feed-me-name{font-weight:700;color:#fff}.player-card-facts,.feed-me-meta{font-size:.8rem;color:var(--text-muted)}.feed-me{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-color)}.note-editor{position:absolute;z-index:20;width:290px;transform:translate(22px,-24px);padding:12px;border-radius:12px;background:#111827;border:1px solid var(--border-color);box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:8px}.note-editor.flip{transform:translate(calc(-100% - 22px),-24px)}@media (max-width: 600px){.note-editor,.note-editor.flip{left:8px!important;right:8px;top:auto!important;bottom:8px;width:auto;transform:none}}.note-editor-head{display:flex;align-items:center;gap:8px;min-width:0}.note-editor-num,.note-caption-num{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#facc15;color:#0b0f19;font-size:.78rem;font-weight:800}.note-editor-num.private,.note-caption-num.private{background:#a78bfa}.note-editor-anchor{flex:1;min-width:0;font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-icon-btn{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:7px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer}.note-icon-btn:hover{color:#fff}.note-icon-btn.danger:hover{color:#fca5a5;border-color:#ef444480}.note-editor-text{width:100%;box-sizing:border-box;resize:vertical;min-height:64px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:#fff;font:inherit;font-size:.9rem;line-height:1.4;outline:none}.note-editor-text:focus{border-color:#facc15}.note-editor-meta{display:flex;justify-content:flex-end;font-size:.72rem;color:var(--text-muted);margin-top:-4px}.note-editor-for{display:flex;align-items:center;gap:8px;color:#c4b5fd}.note-editor-for select{flex:1;min-width:0;padding:6px 8px;border-radius:7px;border:1px solid var(--border-color);background:var(--bg-card);color:#fff;font-size:.84rem}.note-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-done{padding:7px 14px}.note-captions{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:10;width:min(520px,calc(100% - 24px));padding:12px 14px;border-radius:14px;background:#111827f0;border:1px solid var(--border-color);box-shadow:0 12px 32px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:player-card-in .2s ease-out}.note-captions ol{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:30vh;overflow-y:auto}.note-captions li{display:flex;align-items:flex-start;gap:10px}.note-caption-text{font-size:.9rem;line-height:1.4;color:var(--text-main);white-space:pre-wrap;overflow-wrap:anywhere}.note-caption-private{display:inline-flex;align-items:center;gap:4px;margin-right:6px;padding:1px 6px;border-radius:5px;background:#a78bfa2e;color:#c4b5fd;font-size:.72rem;font-weight:700}.note-continue{margin-top:10px;width:100%}.calendar-modal{max-width:980px;width:min(980px,calc(100vw - 24px))}.calendar-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.calendar-nav,.calendar-tools{display:flex;align-items:center;gap:6px}.calendar-today{padding:6px 12px;border-radius:7px;border:1px solid var(--border-color);background:transparent;color:#fff;font-size:.84rem;cursor:pointer}.calendar-heading{margin-left:6px;font-weight:700;text-transform:capitalize}.calendar-add{padding:7px 12px}.segmented{display:inline-flex;padding:3px;gap:3px;border-radius:9px;background:#111827;border:1px solid var(--border-color)}.segmented-btn{padding:7px 12px;border:none;border-radius:6px;background:none;color:var(--text-muted);font-size:.86rem;font-weight:600;cursor:pointer}.segmented.small .segmented-btn{padding:5px 10px;font-size:.8rem}.segmented-btn.active{background:var(--bg-card);color:#fff}.segmented-btn.kind-training.active{box-shadow:inset 0 -2px #38bdf8}.segmented-btn.kind-game.active{box-shadow:inset 0 -2px #f97316}.segmented-btn.kind-other.active{box-shadow:inset 0 -2px #a78bfa}.kind-training{--kind: #38bdf8}.kind-game{--kind: #f97316}.kind-other{--kind: #a78bfa}.week-list{display:flex;flex-direction:column;gap:10px}.week-day header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.week-day-name{font-weight:700;text-transform:capitalize}.week-day-date{color:var(--text-muted);font-size:.84rem}.week-day.today .week-day-name{color:var(--accent-primary)}.week-day-add{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;border:1px dashed var(--border-color);background:none;color:var(--text-muted);cursor:pointer}.week-day-empty{color:#4b5563;font-size:.82rem;padding:2px 0 6px}.event-list{list-style:none;display:flex;flex-direction:column;gap:6px}.event-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px 8px 12px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--kind)}.event-row.cancelled{opacity:.6}.event-row.cancelled .event-row-name{text-decoration:line-through}.event-row-main{flex:1;min-width:220px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;background:none;border:none;color:inherit;text-align:left;cursor:pointer;padding:0}.event-row-time{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.84rem}.event-row-name{font-weight:700}.event-row-score{margin-left:8px;padding:1px 6px;border-radius:5px;background:#111827;font-variant-numeric:tabular-nums}.event-row-place{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.8rem}.event-row-count{margin-left:auto;font-size:.78rem;color:#86efac;font-variant-numeric:tabular-nums}.event-cancelled-badge,.event-kind-badge{display:inline-block;padding:1px 7px;border-radius:5px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.event-cancelled-badge{background:#ef444426;color:#fca5a5}.event-kind-badge{background:color-mix(in srgb,var(--kind) 18%,transparent);color:var(--kind)}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.month-head{text-align:center;font-size:.74rem;color:var(--text-muted);text-transform:uppercase;padding-bottom:2px}.month-cell{min-height:92px;padding:4px;border-radius:8px;background:var(--bg-card);border:1px solid transparent;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0}.month-cell:hover{border-color:var(--border-color)}.month-cell.other{opacity:.45}.month-cell.today{border-color:var(--accent-primary)}.month-date{font-size:.78rem;font-weight:700;color:var(--text-muted)}.month-cell.today .month-date{color:var(--accent-primary)}.month-event{display:flex;gap:4px;align-items:baseline;padding:2px 4px;border-radius:4px;border:none;background:color-mix(in srgb,var(--kind) 16%,transparent);border-left:3px solid var(--kind);color:#fff;font-size:.72rem;text-align:left;cursor:pointer;min-width:0}.month-event.cancelled{text-decoration:line-through;opacity:.6}.month-event-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.month-event-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-more{font-size:.7rem;color:var(--text-muted)}@media (max-width: 640px){.month-cell{min-height:58px}.month-event-time{display:none}}.rsvp{display:flex;flex-direction:column;gap:8px}.rsvp-buttons{display:flex;gap:6px;flex-wrap:wrap}.rsvp-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.84rem;font-weight:600;cursor:pointer}.rsvp.compact .rsvp-btn{padding:4px 9px;font-size:.76rem}.rsvp-btn:hover{color:#fff}.rsvp-btn.rsvp-yes.active{background:#22c55e2e;border-color:#22c55e;color:#86efac}.rsvp-btn.rsvp-no.active{background:#ef444429;border-color:#ef4444;color:#fca5a5}.rsvp-btn.rsvp-maybe.active{background:#eab30829;border-color:#eab308;color:#fde68a}.rsvp-reason{display:flex;gap:6px}.rsvp-reason .auth-input{flex:1;min-width:0;font-size:.86rem;padding:7px 10px}.rsvp-locked{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px dashed rgba(249,115,22,.5);background:#f9731614;color:#fdba74;font-size:.8rem;cursor:pointer}.rsvp-summary{color:#86efac;font-size:.86rem}.event-detail{display:flex;flex-direction:column;gap:14px}.link-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:.86rem;cursor:pointer;padding:0}.link-back:hover{color:#fff}.event-detail-head{padding:14px 16px;border-radius:12px;background:var(--bg-card);border-left:5px solid var(--kind);display:flex;flex-direction:column;gap:6px}.event-detail-head .event-kind-badge,.event-detail-head .event-cancelled-badge{align-self:flex-start}.event-detail-head h4{font-size:1.2rem;color:#fff}.event-detail-head.cancelled h4{text-decoration:line-through;opacity:.7}.event-detail-head p{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem}.event-detail-text{white-space:pre-wrap;color:var(--text-main)!important}.event-score{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.event-section h5{margin-bottom:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.answer-list,.attendance-list{list-style:none;display:flex;flex-direction:column;gap:4px}.answer-list li,.attendance-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--bg-card);font-size:.86rem}.answer-name,.attendance-name{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.answer-state{color:var(--text-muted);font-size:.8rem}.answer-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#4b5563}.answer-dot.yes{background:#22c55e}.answer-dot.no{background:#ef4444}.answer-dot.maybe{background:#eab308}.attendance-toggle{display:flex;gap:4px}.attendance-toggle button{display:grid;place-items:center;width:32px;height:28px;border-radius:7px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer}.attendance-toggle button.on.present{background:#22c55e33;border-color:#22c55e;color:#86efac}.attendance-toggle button.on.absent{background:#ef44442e;border-color:#ef4444;color:#fca5a5}.event-actions{display:flex;flex-wrap:wrap;gap:8px}.delete-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.86rem}.event-form{display:flex;flex-direction:column;gap:12px}.event-form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.event-form-row>.library-field{flex:1;min-width:120px}.event-form-row>.library-field.grow{flex:3}.event-form .auth-input,.event-form .invite-role{width:100%;box-sizing:border-box;font-size:.92rem;padding:9px 11px}.event-details-input{resize:vertical;font:inherit}.score-row{align-items:center}.score-input{width:64px!important;text-align:center}.repeat-box{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border-radius:10px;border:1px dashed var(--border-color)}.repeat-box .consent-check span{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:.88rem}.subscribe-pane{display:flex;flex-direction:column;gap:12px}.subscribe-url{display:flex;gap:8px}.subscribe-url .auth-input{flex:1;min-width:0;font-size:.8rem}.subscribe-actions{display:flex;flex-wrap:wrap;gap:8px}.subscribe-actions a{text-decoration:none}.upcoming-card{margin-bottom:14px;padding:12px 14px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.upcoming-head{display:flex;align-items:center;justify-content:space-between}.upcoming-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 0 0 10px;border:none;border-left:4px solid var(--kind);background:none;color:inherit;text-align:left;cursor:pointer}.upcoming-main strong{font-size:1.05rem;color:#fff}.upcoming-when{color:var(--text-muted);font-size:.86rem}.gameday{display:flex;flex-direction:column;gap:12px}.gameday-open{align-self:flex-start}.gameday-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;background:var(--bg-card)}.gameday-status-actions{display:flex;flex-wrap:wrap;gap:6px}.gameday-draft{color:var(--text-muted);font-size:.86rem}.gameday-published{display:inline-flex;align-items:center;gap:6px;color:#86efac;font-size:.86rem}.gameday-warning{display:flex;align-items:center;gap:6px;color:#fde68a;font-size:.82rem}.gameday-lineup{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 760px){.gameday-lineup{grid-template-columns:1fr}}.lineup-board{height:340px;border-radius:12px;overflow:hidden;background:#0b0f19}.player-plan .lineup-board{height:260px}.gameday-lineup-side{display:flex;flex-direction:column;gap:8px}.gameday-lineup-side h5,.player-plan h5{margin-top:4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.slot-list,.bench-list,.subs-list{list-style:none;display:flex;flex-direction:column;gap:4px}.slot-list li{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:8px}.slot-label{font-weight:800;font-size:.8rem;color:var(--accent-primary);text-align:center}.slot-list .invite-role,.gameday-lineup-side>.invite-role,.subs-list .invite-role{width:100%;min-width:0;padding:6px 8px;font-size:.86rem}.bench-list li{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:8px;background:var(--bg-card);counter-increment:bench}.bench-list{counter-reset:bench}.bench-list li:before{content:counter(bench);color:var(--text-muted);font-size:.76rem;width:14px}.bench-name{flex:1;min-width:0;font-size:.86rem}.bench-actions{display:flex;gap:3px}.bench-actions .note-icon-btn,.subs-list .note-icon-btn{width:26px;height:26px}.subs-list li{display:grid;grid-template-columns:1fr auto 1fr 70px auto;align-items:center;gap:4px}.subs-arrow{color:var(--text-muted)}.subs-when{padding:6px 8px!important;font-size:.84rem!important;min-width:0}.gameday-plan,.gameday-personal{display:flex;flex-direction:column;gap:12px}.gameday-plan .auth-input,.personal-card .auth-input{width:100%;box-sizing:border-box;font-size:.9rem}.personal-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color)}.personal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.player-plan{display:flex;flex-direction:column;gap:12px;padding-top:4px;border-top:1px solid var(--border-color)}.plan-role{padding:10px 14px;border-radius:10px;font-weight:700;background:var(--bg-card)}.plan-role.starter{background:#22c55e24;color:#86efac}.plan-role.bench{background:#eab3081f;color:#fde68a}.plan-role.out{color:var(--text-muted)}.plan-personal{padding:12px 14px;border-radius:12px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.4);display:flex;flex-direction:column;gap:6px}.plan-personal-label{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#c4b5fd}.plan-personal p{white-space:pre-wrap}.plan-points{margin-top:6px;padding-left:18px;display:flex;flex-direction:column;gap:4px}.plan-plays{display:flex;flex-direction:column;gap:6px}.plan-play{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;border:1px solid var(--border-color);background:var(--bg-card);color:#fff;text-align:left;cursor:pointer}.plan-play .field-hint{margin-left:auto}.kind-toggle{flex-shrink:0}.kit-picker{position:relative;display:flex;gap:4px;padding-right:6px;margin-right:4px;border-right:1px solid var(--border-color)}.kit-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:180px;padding:6px;border-radius:10px;background:#111827;border:1px solid var(--border-color);box-shadow:0 14px 34px #00000080;display:flex;flex-direction:column;gap:2px}.kit-menu-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border:none;border-radius:7px;background:none;color:var(--text-main);font-size:.86rem;text-align:left;cursor:pointer}.kit-menu-item:hover,.kit-menu-item.active{background:#f973161f}.library-kind{align-self:flex-start}.library-kind-count{margin-left:4px;font-size:.72rem;color:var(--text-muted)}.practice-over{color:#fde68a!important}.practice-blocks{list-style:none;display:flex;flex-direction:column;gap:6px}.practice-block{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-card);border-left:4px solid #38bdf8}.practice-time{flex-shrink:0;width:44px;padding-top:7px;font-weight:800;font-variant-numeric:tabular-nums;font-size:.86rem}.practice-blocks.readonly .practice-time{padding-top:0}.practice-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.practice-title{padding-top:6px;font-size:.92rem}.practice-blocks.readonly .practice-title{padding-top:0}.practice-title-input,.practice-comment{width:100%;box-sizing:border-box;padding:6px 9px!important;font-size:.86rem!important}.practice-minutes{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-muted)}.practice-minutes .auth-input{width:48px;padding:6px 4px;text-align:center;font-size:.86rem}.practice-minutes-ro{flex-shrink:0;color:var(--text-muted);font-variant-numeric:tabular-nums}.practice-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.practice-add .invite-role{min-width:200px}.notifications{display:flex;flex-direction:column;gap:12px}.notifications-list{padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--text-main);font-size:.9rem}.notifications-state{padding:10px 12px;border-radius:10px;background:var(--bg-card);color:var(--text-muted);font-size:.88rem;line-height:1.45}.notifications-state.on{display:flex;align-items:center;gap:8px;background:#22c55e1f;color:#86efac}.push-nudge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px dashed rgba(249,115,22,.5);background:#f9731614;color:#fdba74;font-size:.8rem;cursor:pointer}.notify-prefs{width:100%;border-collapse:collapse;font-size:.9rem}.notify-prefs th{font-weight:500;font-size:.8rem;color:var(--text-muted);text-align:center;padding:0 6px 6px}.notify-prefs td{padding:8px 6px;border-top:1px solid var(--border-color);color:var(--text-main)}.notify-prefs td:not(:first-child){text-align:center;width:64px}.notify-prefs td .field-hint{display:block;margin-top:2px}.notify-prefs input[type=checkbox],.notify-quiet input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.notify-quiet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.notify-quiet-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-main);font-size:.9rem}.notify-quiet-times{display:inline-flex;align-items:center;gap:6px}.notify-quiet-times input{width:9.5em;min-width:0}.notify-device{margin-top:6px;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.task-list,.coming-up{margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.task-list ul,.coming-up ul{list-style:none;display:flex;flex-direction:column;gap:6px}.task-done{display:flex;align-items:center;gap:8px;color:#86efac;font-size:.9rem}.task-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);text-align:left;cursor:pointer}.task-item:hover{border-color:var(--accent-primary)}.task-icon{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f9731626;color:var(--accent-primary)}.task-chase .task-icon,.task-plan_practice .task-icon{background:#3b82f626;color:#93c5fd}.task-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-text strong{font-weight:600;font-size:.93rem}.task-go{flex:none;color:var(--text-muted)}.coming-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:transparent;border:1px solid var(--border-color);color:var(--text-main);text-align:left;cursor:pointer;font-size:.9rem}.coming-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coming-when{color:var(--text-muted);font-size:.82rem;white-space:nowrap}.coming-count{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.82rem}.team-home{max-width:720px;width:100%;margin:0 auto}.task-item.task-answer{cursor:default;align-items:flex-start}.task-item.task-answer:hover{border-color:var(--border-color)}.task-answer .task-text{gap:8px}.task-event-link{display:flex;flex-direction:column;gap:2px;padding:0;background:none;border:none;color:inherit;text-align:left;cursor:pointer}.task-answer .rsvp-buttons{flex-wrap:nowrap}@media (max-width: 480px){.task-answer .task-icon{display:none}.task-answer .rsvp.compact .rsvp-btn{padding:4px 8px}}.kit-bibs{cursor:default}.kit-swatches{margin-left:auto;display:inline-flex;gap:6px}.kit-swatch{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0}.kit-swatch.active,.kit-swatch:hover{border-color:#fff}.starter-focus{margin:10px 0 12px}.starter-list{list-style:none;display:flex;flex-direction:column;gap:8px}.starter-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color)}.starter-text{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:3px}.starter-text strong{color:var(--text-main);font-size:.95rem}.starter-goal{color:var(--text-main);opacity:.85;font-size:.86rem;line-height:1.4}.starter-actions{display:flex;gap:6px}.auth-code-form{width:100%}.auth-code-input{font-size:1.5rem;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}.two-factor{display:flex;flex-direction:column;gap:12px;color:var(--text-main);font-size:.92rem;line-height:1.5}.two-factor-qr{align-self:center;width:200px;height:200px;border-radius:10px;background:#fff;padding:8px;image-rendering:pixelated}.two-factor-secret{align-self:center;font-size:.95rem;letter-spacing:.06em;word-break:break-all;text-align:center;color:var(--text-muted)}.two-factor-codes{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px;padding:12px;border-radius:10px;background:var(--bg-card);font-size:1rem}.two-factor-prompt{width:100%}.two-factor-lead{display:flex;align-items:center;gap:8px;color:var(--text-main)}.account-badge{margin-left:auto;padding:1px 8px;border-radius:999px;background:#f9731629;color:#fdba74;font-size:.72rem;font-weight:600}