@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--color-bg-dark: #0f172a;--color-bg-card: #1e293b;--color-bg-card-hover: #334155;--color-accent-primary: #10b981;--color-accent-secondary: #3b82f6;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border-color: #334155;--border-color-light: #475569;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px}.header-credits{display:flex;align-items:center;gap:4px;background:#ffffff14;padding:3px 8px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s}.header-credits:hover{background:#ffffff26;transform:scale(1.05)}.header-credits .diamond-icon{font-size:.9rem}.header-credits.persistent{position:absolute;top:50%;right:16px;transform:translateY(-50%);z-index:1001}.consult-page .header-credits.persistent{right:16px}body{font-family:Inter,sans-serif;font-size:18px;background-color:var(--color-bg-dark);color:var(--text-primary);margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-primary);margin:0}button{font-family:Outfit,sans-serif}.page{min-height:100vh;padding:0 var(--space-md) var(--space-md);margin:0 auto}.container{max-width:600px;margin:0 auto}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.text-muted{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.layout-with-nav{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;width:100%;padding-bottom:70px}.page.no-scroll{height:calc(100vh - 70px);padding-bottom:0;overflow:hidden}.page.no-scroll .page-header{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;font-family:Outfit,sans-serif;font-size:1rem;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px #10b98166;border:none;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #10b98180;background:linear-gradient(135deg,#34d399,#10b981)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ffffff0d;border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-secondary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444433}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d;background:linear-gradient(135deg,#f87171,#b91c1c)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.btn-block{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}.page-header{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-md);height:64px;margin-bottom:var(--space-lg);position:sticky;top:0;z-index:1000;flex-shrink:0;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);margin-left:calc(var(--space-md) * -1);margin-right:calc(var(--space-md) * -1);padding-left:var(--space-md);padding-right:var(--space-md)}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.back-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--text-secondary);transform:translate(-2px)}.header-title{flex:1;min-width:0}.header-title h1{font-size:1.15rem;font-weight:700;line-height:1.2;margin:0}.header-title p{font-size:.75rem;color:var(--text-tertiary);margin:0;line-height:1.2}.landing-page{min-height:100vh;background:var(--color-bg-dark);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#0b1120e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.landing-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.landing-logo-name{font-family:Outfit,sans-serif;font-size:1.7rem;font-weight:700;line-height:1;letter-spacing:-.025em;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-logo-subtitle{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem;opacity:.8}.landing-logo-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-nav-cta{display:flex;gap:1rem;align-items:center}.hero-section{padding:8rem 2rem 6rem;text-align:center;position:relative;overflow:hidden}.hero-bg-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150%;height:200%;background:radial-gradient(ellipse at center,rgba(16,185,129,.15) 0%,rgba(59,130,246,.08) 30%,transparent 70%);pointer-events:none;z-index:0}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--color-accent-primary);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:2rem;animation:fadeInUp .6s ease-out}.hero-title{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .1s both}.hero-title-accent{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto 2.5rem;animation:fadeInUp .6s ease-out .2s both}.hero-cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s both}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-install{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 20px #10b98166!important;border:none!important}.btn-install:hover{background:linear-gradient(135deg,#34d399,#10b981)!important;transform:translateY(-2px);box-shadow:0 8px 25px #10b98180!important}.btn-browser-primary{min-width:min(100%,360px);padding-inline:2.4rem;background:linear-gradient(135deg,#22c55e,#16a34a 48%,#15803d)!important;box-shadow:0 14px 34px #16a34a57,0 0 0 1px #ffffff14 inset!important;letter-spacing:.01em}.btn-browser-primary:hover{background:linear-gradient(135deg,#4ade80,#22c55e 45%,#16a34a)!important;box-shadow:0 18px 38px #16a34a66,0 0 0 1px #ffffff1a inset!important}.landing-cta-note{margin:.9rem auto 0;max-width:540px;color:#e2e8f0d1;font-size:.95rem;line-height:1.7}.hero-visual{margin-top:4rem;position:relative;animation:fadeInUp .8s ease-out .4s both}.hero-mockup{max-width:350px;margin:0 auto;background:linear-gradient(180deg,var(--color-bg-card) 0%,rgba(30,41,59,.8) 100%);border-radius:24px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;border:1px solid var(--border-color)}.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.mockup-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.mockup-badge-pro{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1e293b;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.mockup-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:1rem}.mockup-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--color-accent-primary);font-weight:600;font-size:.875rem}.mockup-card-body{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.mockup-ai-bubble{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2);border-radius:16px 16px 16px 4px;padding:1rem;color:var(--text-primary);font-size:.9rem;line-height:1.6}.mockup-ai-bubble .ai-label{display:flex;align-items:center;gap:.5rem;color:var(--color-accent-primary);font-weight:600;font-size:.75rem;margin-bottom:.5rem}.floating-element{position:absolute;animation:float 6s ease-in-out infinite;pointer-events:none}.floating-element-1{top:20%;left:10%;animation-delay:0s}.floating-element-2{top:60%;right:15%;animation-delay:-2s}.floating-element-3{bottom:20%;left:20%;animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features-section{padding:6rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(16,185,129,.03) 100%)}.section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.section-title{font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-subtitle{padding:1rem 2rem;position:relative;overflow:hidden}.app-features-showcase{max-width:1000px;margin:0 auto;padding-top:1rem}.app-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;margin-bottom:8rem;position:relative}.app-feature-row:last-child{margin-bottom:0}.app-feature-row.reverse{direction:rtl}.app-feature-row.reverse .app-feature-content{direction:ltr}.app-feature-screenshot{position:relative;display:flex;justify-content:center;align-items:center;z-index:1}.feature-decoration-glow{position:absolute;width:140%;height:140%;border-radius:50%;filter:blur(80px);opacity:.15;z-index:-1;transform:translate(-50%,-50%);top:50%;left:50%}.glow-blue{background:radial-gradient(circle,#3b82f6,transparent 70%)}.glow-green{background:radial-gradient(circle,#10b981,transparent 70%)}.glow-purple{background:radial-gradient(circle,#8b5cf6,transparent 70%)}.glow-green-sm{background:radial-gradient(circle,#34d399,transparent 70%)}.floating-icon{position:absolute;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:12px;box-shadow:0 10px 30px -5px #0000001a;color:#10b981;z-index:10;animation:float 6s ease-in-out infinite}.icon-target{top:-20px;right:20px;animation-delay:0s;color:#ef4444}.icon-edit{top:10%;left:-10px;animation-delay:1s;color:#3b82f6}.icon-check{bottom:20%;right:0;animation-delay:2s;color:#10b981}.icon-brain{top:-30px;left:10px;animation-delay:.5s;color:#8b5cf6;padding:16px;width:auto;height:auto}.icon-sparkle-1{bottom:10%;right:-20px;animation-delay:1.5s;color:#fbbf24}.icon-sparkle-2{top:40%;left:-30px;animation-delay:2.5s;color:#fbbf24}.icon-message{top:-10px;right:-10px;animation-delay:1s;color:#3b82f6}.icon-book{top:0;left:-20px;animation-delay:.8s;color:#10b981}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.phone-mockup-wrapper{position:relative;width:100%;max-width:300px;perspective:1000px}.phone-mockup{position:relative;width:100%;aspect-ratio:9 / 18.5;border-radius:44px;background:#000;box-shadow:0 20px 40px -10px #00000080,0 0 20px #10b98133,0 0 0 2px #10b9811a;padding:10px;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInScale .8s ease-out both}.phone-mockup:hover{transform:translateY(-10px) rotateY(-3deg);box-shadow:0 30px 60px -15px #0009,0 0 40px #10b98180,0 0 0 3px #10b98166}.phone-bezel-top{height:20px;background:#000;width:100%;border-radius:36px 36px 0 0}.phone-bezel-bottom{height:20px;background:#000;width:100%;border-radius:0 0 36px 36px}.phone-mockup img{width:100%;flex:1;object-fit:cover;border-radius:4px;display:block;background:#fff}.mockup-step-3 img{object-fit:fill}.app-feature-row:nth-child(1) .phone-mockup{animation-delay:0s}.app-feature-row:nth-child(2) .phone-mockup{animation-delay:.1s}.app-feature-row:nth-child(3) .phone-mockup{animation-delay:.2s}.app-feature-row:nth-child(4) .phone-mockup{animation-delay:.3s}.app-feature-row:nth-child(5) .phone-mockup{animation-delay:.4s}.app-feature-content{padding:1rem 0;animation:fadeInRight .8s ease-out both}.app-feature-row:nth-child(2) .app-feature-content{animation-delay:.1s}.app-feature-row:nth-child(3) .app-feature-content{animation-delay:.2s}.app-feature-row:nth-child(4) .app-feature-content{animation-delay:.3s}.app-feature-row:nth-child(5) .app-feature-content{animation-delay:.4s}.feature-badge{display:inline-flex;align-items:center;gap:.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-accent-primary);padding:.4rem .9rem;border-radius:9999px;font-size:.8rem;font-weight:600;margin-bottom:1.5rem}.app-feature-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.app-feature-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.app-feature-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.app-feature-highlights li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.app-feature-highlights li svg{color:var(--color-accent-primary);flex-shrink:0}.features-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;border-color:var(--color-accent-primary)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b98133,#3b82f626);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);margin-bottom:1.5rem}.feature-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:var(--text-secondary);line-height:1.7;font-size:.95rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.how-it-works-section{padding:6rem 2rem;position:relative}.how-it-works-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:60%;background:radial-gradient(ellipse at center,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}.steps-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.step-item{display:flex;gap:2rem;align-items:flex-start;margin-bottom:3rem;position:relative}.step-item:last-child{margin-bottom:0}.step-number{flex-shrink:0;width:64px;height:64px;background:linear-gradient(135deg,var(--color-accent-primary),#059669);border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 8px 25px #10b9814d}.step-content{flex:1;padding-top:.5rem}.step-title{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:600;margin-bottom:.75rem}.step-description{color:var(--text-secondary);line-height:1.7}.step-line{position:absolute;left:32px;top:80px;width:2px;height:calc(100% - 16px);background:linear-gradient(to bottom,var(--color-accent-primary),transparent)}.pricing-section{padding:2rem 2rem 6rem;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.03) 50%,transparent 100%)}.pricing-cycle-toggle{max-width:900px;margin:0 auto 1.5rem;display:flex;justify-content:center;gap:.5rem;padding:.35rem;border:1px solid rgba(148,163,184,.3);border-radius:999px;background:#0f172a99;width:fit-content}.pricing-cycle-btn{border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:.45rem 1rem;cursor:pointer;transition:all .2s ease}.pricing-cycle-btn.active{background:linear-gradient(135deg,#10b98140,#3b82f638);color:#ecfeff}.pricing-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.pricing-card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem 2rem;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.pricing-card.free{border:2px solid var(--color-accent-primary);box-shadow:0 0 40px #10b98126;background:#10b9810d}.pricing-card.free:hover{box-shadow:0 0 50px #10b98140;transform:translateY(-5px)}.pricing-card.free .pricing-plan-name,.pricing-card.free .pricing-amount{color:var(--color-accent-primary)}.pricing-card.pro{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(251,191,36,.4);box-shadow:0 0 50px #fbbf241a;overflow:hidden}.pricing-card.pro:hover{border-color:#fbbf24;box-shadow:0 0 60px #fbbf2433;transform:translateY(-5px)}.pricing-card.pro:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(251,191,36,.1),transparent);transform:skew(-25deg);animation:shimmer 4s infinite}.pricing-card.pro .pro-badge{background:linear-gradient(135deg,#fbbf24,#d97706);color:#451a03;top:1rem;right:1rem;z-index:2}.pricing-card.pro .pricing-plan-name{background:linear-gradient(to bottom,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pricing-card.pro .pricing-amount{color:#fde68a}.pricing-card.pro .pricing-features li{border-bottom-color:#fbbf241a}.pricing-card.pro .pricing-features li svg{color:#fbbf24}.pricing-card.pro .btn-primary{background:linear-gradient(135deg,#fbbf24,#d97706);color:#451a03;border:none;box-shadow:0 4px 15px #d977064d}.pricing-card.pro .btn-primary:hover{background:linear-gradient(135deg,#fcd34d,#f59e0b)}.pricing-plan-name{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.pricing-price{margin-bottom:2rem}.pricing-amount{font-family:Outfit,sans-serif;font-size:3rem;font-weight:700;color:var(--text-primary)}.pricing-period{font-size:1rem;color:var(--text-tertiary)}.pricing-plan-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.pricing-card .pro-badge{position:absolute;top:1.5rem;right:1.5rem;background:var(--color-accent-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:99px;box-shadow:0 4px 12px #10b9814d}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;flex:1}.pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{color:var(--color-accent-primary);flex-shrink:0}.pricing-features li.disabled{color:var(--text-tertiary)}.pricing-features li.disabled svg{color:var(--text-tertiary)}.testimonials-section{padding:6rem 2rem}.testimonials-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.testimonial-content{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;color:#fff}.testimonial-info h4{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.25rem}.testimonial-info p{font-size:.875rem;color:var(--text-tertiary)}.cta-section{padding:6rem 2rem;text-align:center;position:relative}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top center,rgba(16,185,129,.15) 0%,transparent 50%);pointer-events:none}.cta-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.cta-title{font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.landing-footer{padding:3rem 2rem;border-top:1px solid var(--border-color);text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;margin-bottom:1.5rem}.footer-logo-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.footer-logo-icon img{width:100%;height:100%;object-fit:cover;transform:rotate(-5deg)}.footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-accent-primary)}.footer-copy{color:var(--text-tertiary);font-size:.875rem}.mid-page-cta{padding:6rem 2rem;background:linear-gradient(135deg,#10b9810d,#3b82f60d);text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.mid-cta-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.mid-cta-title{font-family:Outfit,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.mid-cta-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:3rem}.mid-cta-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.landing-nav{padding:.75rem 1rem}.landing-logo{font-size:1.25rem}.landing-logo-icon{width:36px;height:36px;font-size:1.25rem}.hero-section{padding:5rem 1rem 3rem}.features-section,.how-it-works-section,.pricing-section,.cta-section{padding:2.5rem 1.25rem}.section-header{margin-bottom:1.5rem}.hero-cta-group{flex-direction:column;align-items:center;gap:.75rem}.hero-cta-group .btn{width:100%;max-width:280px}.step-item{flex-direction:column;gap:1rem;margin-bottom:2rem}.step-number{width:48px;height:48px;font-size:1.25rem;border-radius:12px}.step-line{display:none}.pricing-card{padding:2rem 1.5rem}.pricing-cycle-toggle{margin-bottom:1rem}.pricing-cycle-btn{min-width:88px}.footer-links{flex-direction:column;gap:1rem}.app-feature-row{grid-template-columns:1fr;gap:3rem;margin-bottom:6rem;text-align:center}.app-feature-row.reverse,.app-feature-row.reverse .app-feature-content{direction:ltr}.app-feature-screenshot{order:2;margin-top:1rem;margin-bottom:0}.app-feature-content{order:1;padding:0;display:flex;flex-direction:column;align-items:center}.app-feature-highlights{align-items:flex-start;display:inline-flex;flex-direction:column;text-align:left;width:100%;max-width:400px}.phone-mockup-wrapper{max-width:280px;margin:0 auto}.app-feature-title{font-size:1.75rem}.app-feature-description{font-size:1rem;max-width:100%}.feature-decoration-glow{width:100%;height:100%;opacity:.2}.mid-page-cta{padding:4rem 1.5rem}.mid-cta-description{font-size:1rem;margin-bottom:2rem}.mid-cta-actions{flex-direction:column;align-items:center;gap:.75rem}.mid-cta-actions .btn{width:100%;max-width:280px}}.pricing-price-container{margin-bottom:2rem;display:flex;flex-direction:column}.pricing-original{text-decoration:line-through;color:var(--text-tertiary);font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.pricing-price-container .pricing-price{margin-bottom:.5rem;display:flex;align-items:baseline;gap:.25rem}.pricing-badge{display:inline-block;background:#fbbf2426;color:#fbbf24;font-size:.85rem;font-weight:700;padding:.35rem .85rem;border-radius:9999px;border:1px solid rgba(251,191,36,.3);align-self:flex-start;box-shadow:0 2px 10px #fbbf241a}.pricing-forever-note{font-size:.8rem;color:var(--text-tertiary);margin-top:.5rem;font-weight:500}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:radial-gradient(circle at top right,#1e293b,var(--color-bg-dark))}.login-container{width:100%;max-width:400px;animation:fadeIn .5s ease}.login-header{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.landing-logo-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px #0003}.landing-logo-text{display:flex;flex-direction:column;align-items:flex-start}.landing-logo-name{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1;letter-spacing:-.025em;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-logo-subtitle{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem;opacity:.9}.login-form{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;gap:var(--space-lg)}.signup-step-badge{display:flex;gap:.75rem;flex-wrap:wrap}.signup-step-badge span{padding:.4rem .75rem;border-radius:999px;background:#94a3b81a;border:1px solid rgba(148,163,184,.16);color:var(--text-secondary);font-size:.8rem;font-weight:600}.signup-step-badge .active{background:#10b98124;border-color:#10b98147;color:#6ee7b7}.signup-step-copy h2{margin:0 0 .5rem;font-size:1.15rem;color:var(--text-primary)}.signup-step-copy p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.92rem}.login-form .btn-primary{margin-top:var(--space-sm)}.login-footer{text-align:center;margin-top:var(--space-lg)}.alert{padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399;display:flex;flex-direction:column;gap:var(--space-xs)}.resend-link-btn{background:none;border:none;padding:0;color:var(--color-accent-primary);font-size:.8rem;text-decoration:underline;cursor:pointer;text-align:left;transition:all .2s;font-weight:500}.resend-link-btn:hover{color:var(--color-accent-secondary)}.resend-link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.profile-grid-full{grid-column:1 / -1}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{background:var(--color-bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px;color:var(--text-primary);font-size:1rem;transition:all .2s}.form-textarea{min-height:96px;resize:vertical;font-family:inherit}.form-input:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 2px #3b82f61a}.forgot-password-link{display:flex;justify-content:flex-end;margin-top:4px}.forgot-password-link a{font-size:.825rem;color:var(--text-tertiary);text-decoration:none;transition:all .2s}.forgot-password-link a:hover{color:var(--text-secondary);text-decoration:underline}.terms-agreement{font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.5;margin-bottom:var(--space-xs)}.terms-agreement a{color:var(--color-accent-primary);text-decoration:none;transition:all .2s}.terms-agreement a:hover{text-decoration:underline}.step-actions{display:flex;flex-direction:column;gap:.75rem}@media(max-width:640px){.profile-grid{grid-template-columns:1fr}}:root{--color-bg-dark: #0b1120;--color-bg-card: #1e293b;--color-bg-card-hover: #334155;--color-accent-primary: #10b981;--color-accent-secondary: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: #334155;--border-color-light: #475569}.dashboard-page{background-color:var(--color-bg-dark);padding-top:80px;padding-left:var(--space-md);padding-right:var(--space-md)}.dashboard-page.mode-practice{background:radial-gradient(circle at top left,rgba(16,185,129,.09),transparent 52%),var(--color-bg-dark)}.dashboard-page.mode-singles{background:radial-gradient(circle at top left,rgba(239,68,68,.1),transparent 52%),var(--color-bg-dark)}.dashboard-page.mode-doubles{background:radial-gradient(circle at top left,rgba(245,158,11,.1),transparent 52%),var(--color-bg-dark)}@media(max-width:600px){.dashboard-page{padding-left:0;padding-right:0}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;margin-bottom:var(--space-md);background:#0b1120e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);padding:12px var(--space-md);height:64px}.dashboard-page.mode-singles .dashboard-header{border-bottom-color:#ef444429}.dashboard-page.mode-doubles .dashboard-header{border-bottom-color:#f59e0b29}@media(max-width:480px){.dashboard-header{padding:12px 10px}}.landing-logo{display:flex;align-items:center;gap:.35rem;text-decoration:none}.landing-logo-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-logo-icon img{width:100%;height:100%;object-fit:cover;transform:rotate(-5deg)}.landing-logo-text{display:flex;flex-direction:column}.landing-logo-name{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;line-height:1;letter-spacing:-.025em;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-logo-subtitle{font-family:Outfit,sans-serif;font-size:.6rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem;opacity:.8}.dashboard-welcome{margin-bottom:var(--space-md)}.greeting{font-size:.85rem;color:var(--text-secondary);line-height:1}.header-right{display:flex;align-items:center;gap:var(--space-md)}.mode-switch-inline{display:flex;align-items:center;gap:6px}.mode-switch-inline .tag-btn{margin-top:0}.mode-switch-inline .mode-chip{min-width:98px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:6px 12px;font-size:.8rem;font-weight:700;line-height:1}.mode-switch-inline .mode-chip .mode-chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px}.mode-switch-inline .mode-chip .mode-chip-icon{opacity:.9;transition:transform .2s ease,opacity .2s ease}.mode-switch-inline .mode-chip.disabled{opacity:.72;cursor:pointer}.mode-switch-inline .mode-chip:hover{filter:brightness(1.05)}.mode-switch-inline .mode-chip:hover .mode-chip-icon{transform:rotate(120deg);opacity:1}.mode-switch-inline .mode-chip.mode-chip-practice{background:#10b98124;border-color:#10b9818c;color:#34d399}.mode-switch-inline .mode-chip.mode-chip-singles{background:#ef444424;border-color:#ef44448c;color:#f87171}.mode-switch-inline .mode-chip.mode-chip-doubles{background:#f9731624;border-color:#f973168c;color:#fb923c}.profile-link-with-text{display:inline-flex;align-items:center;justify-content:center;gap:0;width:auto;height:auto;padding:0 8px;background:transparent;border:none;border-radius:0;color:var(--text-secondary);text-decoration:none;font-size:.8rem;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1)}.profile-link-with-text:hover{color:var(--text-primary);background:transparent;transform:none}.profile-link-with-text svg{color:var(--color-accent-secondary)}.pro-badge-rich{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:800;margin-left:8px;box-shadow:0 2px 10px #f59e0b4d;border:1px solid rgba(255,255,255,.2);height:18px;vertical-align:middle}.pro-badge-rich span{line-height:1}.experience-badge-rich{display:inline-flex;align-items:center;background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#eff6ff;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:800;margin-left:8px;box-shadow:0 2px 10px #2563eb59;border:1px solid rgba(255,255,255,.2);height:18px;vertical-align:middle}.experience-badge-rich span{line-height:1}.t-card{position:relative;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px 18px;margin-bottom:10px;transition:all .2s ease;min-height:80px;display:block;cursor:pointer}@media(max-width:480px){.t-card{padding:12px 14px;min-height:60px}}.t-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003;border-color:var(--border-color-light)}.btn-icon-mini.reorder-btn{width:28px;height:28px;background:#ffffff08}.btn-icon-mini.reorder-btn:hover:not(:disabled){background:#10b9811a;color:var(--color-accent-primary)}.btn-icon-mini:disabled{opacity:.15;cursor:not-allowed}.t-card-content{display:flex;flex-direction:column;min-width:0}.t-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:2px;margin-bottom:8px;padding-right:120px!important;display:flex!important;align-items:flex-start!important;text-align:left;min-width:0;gap:8px;line-height:1.4}.t-card-title-bar{display:block!important;width:4px!important;min-width:4px!important;height:1.25em!important;flex-basis:4px!important;background-color:var(--color-accent-secondary)!important;border-radius:4px!important;flex-shrink:0!important;margin-top:2px}.menu-card .t-card-title-bar{background-color:#fbbf24!important;background:#fbbf24!important}.t-card-title-text{flex:1;min-width:0;word-break:break-all;overflow-wrap:break-word;white-space:normal!important}.t-card-detail{font-size:.85rem;color:var(--text-secondary);line-height:1.4;padding-left:0;margin-top:4px;font-weight:400;text-align:left}.section-header{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:8px;border-bottom:1px solid var(--border-color);position:relative;flex-wrap:nowrap;width:100%}.dashboard-section{margin-bottom:var(--space-md)}.section-icon{flex-shrink:0}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:left}.add-item-header-btn{flex-shrink:0;margin-left:auto;background:linear-gradient(135deg,var(--color-accent-primary) 0%,#059669 100%);border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #10b98133}.add-item-header-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-2px);box-shadow:0 6px 15px #10b9814d}.section-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-focus{color:var(--color-accent-secondary)}.icon-menu{color:#fbbf24}.icon-ai{color:#a78bfa}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.action-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--color-bg-card),#162032);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);text-decoration:none;overflow:hidden;transition:all .3s ease}.action-card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.action-card.secondary:hover{border-color:var(--color-accent-secondary)}.action-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);background:#ffffff0d}.primary .action-icon-wrapper{color:var(--color-accent-primary);background:#10b9811a}.secondary .action-icon-wrapper{color:var(--color-accent-secondary);background:#3b82f61a}.action-content h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.action-content p{font-size:.875rem;color:var(--text-secondary)}.action-arrow{position:absolute;top:var(--space-lg);right:var(--space-lg);color:var(--text-tertiary);transition:transform .3s ease}.action-card:hover .action-arrow{transform:translate(4px);color:var(--text-primary)}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:.2s}.btn-icon:hover{color:var(--text-primary);background:#ffffff0d}.t-card-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:row;gap:8px;align-items:flex-start;z-index:2}.btn-icon-mini:hover{background:#ffffff1f;color:var(--text-primary);transform:scale(1.05)}.btn-icon-mini.delete-btn:hover{background:#ef444426;color:#ef4444}.btn-icon-mini.move-btn:hover{background:#3b82f633;color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-md)}.modal-content{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:calc(100% - var(--space-md) * 2);max-width:560px;max-height:85vh;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);box-shadow:0 30px 60px #0009;display:flex;flex-direction:column}.modal-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-md);text-align:center;position:relative;padding:0 var(--space-2xl)}.close-btn{position:absolute;right:-8px;top:-8px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:var(--radius-md);display:flex;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--text-tertiary);transform:rotate(90deg)}.modal-icon{color:var(--color-accent-secondary)}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.modal-textarea{width:100%;background:var(--color-bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);padding:var(--space-lg);font-size:1rem;line-height:1.6;resize:vertical;margin-bottom:var(--space-lg);min-height:120px}.modal-textarea:focus{outline:none;border-color:var(--color-accent-secondary)}.modal-actions{display:flex;flex-wrap:nowrap;gap:var(--space-md);margin-top:var(--space-md)}.modal-actions .btn{flex:1;white-space:nowrap;padding-left:var(--space-sm);padding-right:var(--space-sm)}.modal-actions .btn .btn-content-inline{display:inline-flex;align-items:center;justify-content:center;gap:6px}@media(max-width:480px){.modal-content{padding:var(--space-md);max-height:85vh;width:92%}.modal-header h2{font-size:1.1rem}.modal-description{font-size:.8rem;margin-bottom:var(--space-md)}.modal-actions{gap:var(--space-xs);padding-top:var(--space-sm)}.modal-actions .btn{font-size:.85rem;padding:.6rem .4rem}.form-group label{font-size:.8rem}.tag-list{gap:6px}.tag-btn{font-size:.75rem;padding:4px 10px}}.action-card.secondary{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f633}.action-card.secondary .action-icon-wrapper{background:#3b82f633;color:#60a5fa}.action-card.tertiary{grid-column:span 2;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-color:#8b5cf633}.action-card.tertiary .action-icon-wrapper{background:#8b5cf633;color:#a78bfa}.modal-body-form{padding:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto}.modal-content{display:flex;flex-direction:column}.modal-header,.modal-actions{flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-left:4px}.modal-input{width:100%;background:var(--color-bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--text-primary);font-size:.95rem;transition:all .2s}.modal-input:focus{outline:none;border-color:var(--color-accent-secondary)}.mode-upgrade-modal .modal-header h2{font-size:1.15rem}.mode-upgrade-icon{color:#f87171}.mode-upgrade-description{text-align:center;margin-bottom:0}@media(max-width:640px){.action-grid{grid-template-columns:1fr}.action-card.tertiary{grid-column:span 1}}.tag-btn{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.tag-btn:hover{background:#10b9811a;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.upgrade-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);margin:var(--space-md) 0;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 0 30px #fbbf241a}.upgrade-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,191,36,.05) 0%,transparent 70%);pointer-events:none}.upgrade-banner:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(251,191,36,.1),transparent);transform:skew(-25deg);animation:shimmer 4s infinite}@keyframes shimmer{0%{left:-100%}20%{left:150%}to{left:150%}}.upgrade-content h3{font-size:1.25rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to bottom,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em;text-transform:uppercase}.upgrade-content p{font-size:.85rem;color:var(--text-secondary);margin:0}.upgrade-banner .btn-primary{background:linear-gradient(135deg,#fbbf24,#d97706);color:#451a03;border:none;font-weight:700;padding:.6rem 1.25rem;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 15px #d9770666;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.upgrade-banner .btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #d9770699;background:linear-gradient(135deg,#fcd34d,#f59e0b)}.empty-state-card{background:#ffffff05;border:1px dashed var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.empty-state-card:hover{background:#10b9810d;border-color:var(--color-accent-primary);transform:translateY(-2px)}.empty-state-card.menu-empty:hover{background:#fbbf240d;border-color:#fbbf24}.empty-state-icon{color:var(--text-tertiary);margin-bottom:var(--space-xs);opacity:.5;transition:all .3s ease}.empty-state-card:hover .empty-state-icon{transform:scale(1.1);opacity:1;color:var(--color-accent-primary)}.menu-empty:hover .empty-state-icon{color:#fbbf24}.empty-state-card p{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state-card span{font-size:.85rem;color:var(--text-tertiary);line-height:1.5;max-width:320px}.empty-state-btn{margin-top:var(--space-sm);padding:8px 20px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.empty-state-card:hover .empty-state-btn{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.menu-empty:hover .empty-state-btn{background:#fbbf24;border-color:#fbbf24;color:#451a03}.dashboard-page.mode-singles .menu-card .t-card-title-bar{background-color:#ef4444!important;background:#ef4444!important}.dashboard-page.mode-singles .icon-menu,.dashboard-page.mode-singles .menu-modal-icon{color:#ef4444}.dashboard-page.mode-singles .empty-state-card.menu-empty:hover{background:#ef444414;border-color:#ef4444}.dashboard-page.mode-singles .menu-empty:hover .empty-state-icon{color:#ef4444}.dashboard-page.mode-singles .menu-empty:hover .empty-state-btn{background:#ef4444;border-color:#ef4444;color:#fff}.dashboard-page.mode-doubles .menu-card .t-card-title-bar{background-color:#f97316!important;background:#f97316!important}.dashboard-page.mode-doubles .icon-menu,.dashboard-page.mode-doubles .menu-modal-icon{color:#f97316}.dashboard-page.mode-doubles .empty-state-card.menu-empty:hover{background:#f9731614;border-color:#f97316}.dashboard-page.mode-doubles .menu-empty:hover .empty-state-icon{color:#f97316}.dashboard-page.mode-doubles .menu-empty:hover .empty-state-btn{background:#f97316;border-color:#f97316;color:#fff}.banner-price-tag{font-size:.8em;padding:2px 8px;border-radius:99px;margin-left:8px;vertical-align:middle;background:#fbbf2433;color:#fde68a;border:1px solid rgba(251,191,36,.3);text-transform:none;letter-spacing:normal;display:inline-block}.tutorial-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.tutorial-btn:hover{background:#10b9811a;border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.tutorial-btn:active{transform:translateY(0)}@media(max-width:640px){.profile-link-with-text{width:auto;height:auto;padding:0 6px}.tutorial-btn{width:36px;height:36px}.header-right{gap:8px}.container{padding:0 4px;max-width:100%}}.tutorial-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;overflow-y:auto}.tutorial-content{position:relative;background:linear-gradient(135deg,#1e1e28fa,#14141efa);border:1px solid rgba(255,255,255,.08);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s;z-index:10}.tutorial-close:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.tutorial-header{padding:16px 20px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.tutorial-main-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.tutorial-main-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.tutorial-body{padding:12px 20px}.tutorial-step{display:flex;flex-direction:column;gap:12px}.tutorial-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b98126,#3b82f626);border:1px solid rgba(16,185,129,.3);border-radius:12px;align-self:flex-start;color:#10b981;font-size:14px;font-weight:600}.badge-icon{display:flex;align-items:center;justify-content:center}.tutorial-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.tutorial-badge-inline{display:inline-flex;align-items:center;padding:2px 10px;background:linear-gradient(135deg,#10b98133,#3b82f633);border:1px solid rgba(16,185,129,.4);border-radius:6px;color:#10b981;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.badge-text-inline{line-height:1}.tutorial-image-container{display:flex;justify-content:center;padding:8px 0}.phone-frame{position:relative;width:280px;background:#1a1a1a;border-radius:28px;padding:12px;box-shadow:0 0 0 2px #2a2a2a,0 20px 40px #0006}.phone-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:100px;height:20px;background:#1a1a1a;border-radius:0 0 12px 12px;z-index:2}.tutorial-screenshot{width:100%;height:auto;border-radius:20px;display:block}.tutorial-text{display:flex;flex-direction:column;gap:16px}.tutorial-step-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.tutorial-step-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.tutorial-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tutorial-highlights li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.highlight-bullet{color:#10b981;font-weight:700;flex-shrink:0}.tutorial-action{margin-top:8px;padding:12px 16px;background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid rgba(16,185,129,.2);border-radius:12px}.action-text{display:block;font-size:14px;font-weight:600;color:#10b981;text-align:center}.plan-step{gap:16px}.plan-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}.plan-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.plan-tab:hover{background:#ffffff0d}.plan-tab.active{background:linear-gradient(135deg,#10b98126,#3b82f626);border-color:#10b98166;color:var(--text-primary)}.plan-tab.active:has(svg){background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2466}.plan-tab-title{font-size:16px;font-weight:700}.plan-tab-price{font-size:12px;opacity:.8}.plan-content{display:flex;flex-direction:column;gap:12px}.plan-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.plan-price{font-size:32px;font-weight:700;color:var(--text-primary)}.plan-price-original{font-size:18px;font-weight:500;color:var(--text-tertiary);text-decoration:line-through}.pro-price{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-price-period{font-size:16px;color:var(--text-secondary)}.plan-campaign-badge{display:inline-block;align-self:flex-start;padding:4px 10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;font-size:11px;font-weight:700;border-radius:6px;margin-bottom:4px}.plan-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.pro-title{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-description{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.plan-feature-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.plan-feature-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s}.plan-feature-item:hover{background:#ffffff0d}.plan-feature-item.highlight{background:linear-gradient(135deg,#10b98114,#3b82f614);border-color:#10b98133}.feature-label{font-size:13px;color:var(--text-secondary);font-weight:500}.feature-value{font-size:13px;color:var(--text-primary);font-weight:600}.feature-value.available{color:#10b981}.feature-value.limited{color:#fbbf24}.feature-value.pro-value{color:#10b981}.plan-note{padding:10px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:12px;color:#10b981;text-align:center;line-height:1.4}.plan-cta{margin-top:4px;padding:10px 14px;background:linear-gradient(135deg,#fbbf2414,#f59e0b14);border:1px solid rgba(251,191,36,.2);border-radius:8px}.plan-cta-text{font-size:12px;color:var(--text-secondary);margin:0;text-align:center;line-height:1.4}.tutorial-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.tutorial-progress{display:flex;justify-content:center;gap:8px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .3s;padding:0}.progress-dot:hover{background:#fff6}.progress-dot.active{background:linear-gradient(135deg,#10b981,#3b82f6);width:24px;border-radius:4px}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px}.tutorial-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid rgba(16,185,129,.3);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tutorial-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b98133,#3b82f633);transform:translateY(-1px)}.tutorial-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tutorial-next{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;box-shadow:0 4px 15px #10b9814d}.tutorial-next:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 8px 25px #10b98166}.tutorial-step-counter{font-size:13px;color:var(--text-secondary);font-weight:600}.tutorial-skip-btn{width:100%;padding:10px;background:transparent;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;transition:all .2s}.tutorial-skip-btn:hover{color:var(--text-secondary)}@media(max-width:640px){.tutorial-content{border-radius:16px;max-height:95vh}.tutorial-header{padding:24px 16px 16px}.tutorial-main-title{font-size:24px}.tutorial-body{padding:16px}.phone-frame{width:240px}.tutorial-step-title{font-size:18px}.tutorial-step-description{font-size:13px}.tutorial-highlights li{font-size:12px}.plan-tabs{gap:8px}.plan-tab{padding:12px 8px}.plan-tab-title{font-size:14px}.plan-tab-price{font-size:11px}.tutorial-footer{padding:16px}.tutorial-nav-btn{padding:8px 16px;font-size:13px}}.tutorial-title-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:4px}.tutorial-step-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.tutorial-badge-inline{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#10b98126,#3b82f626);border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#10b981;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tutorial-action{margin-top:16px;padding:12px 24px;background:linear-gradient(135deg,#10b98126,#3b82f626);border:1px solid rgba(16,185,129,.3);border-radius:12px;width:100%;max-width:280px;text-align:center}.action-text{font-size:15px;font-weight:700;color:#10b981}.tutorial-image-container{display:flex;flex-direction:column;align-items:center;padding:0;gap:0}.upgrade-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.upgrade-modal-content{background:#1e293b;border-radius:24px;width:100%;max-width:400px;position:relative;padding:36px 24px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #fbbf241a;border:1px solid rgba(251,191,36,.2);overflow:hidden}.upgrade-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#d97706)}.upgrade-modal-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.upgrade-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.upgrade-modal-header{text-align:center;margin-bottom:24px}.upgrade-modal-icon-wrapper{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#fbbf241a,#d977061a);border:1px solid rgba(251,191,36,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fbbf24;box-shadow:0 0 20px #fbbf241a}.upgrade-modal-header h2{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#fff,#fde68a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.upgrade-modal-description{font-size:.95rem;color:var(--text-secondary);text-align:center;line-height:1.6;margin-bottom:24px}.upgrade-pro-box{background:#fbbf2408;border-radius:20px;padding:20px;margin-bottom:24px;border:1px solid rgba(251,191,36,.15);position:relative}.upgrade-pro-box h3{font-size:1rem;font-weight:700;color:#fbbf24;margin-bottom:12px;display:flex;align-items:center;gap:8px}.upgrade-pro-box ul{list-style:none;padding:0;margin:0}.upgrade-pro-box li{font-size:.9rem;color:var(--text-secondary);margin-bottom:10px;padding-left:24px;position:relative;display:flex;align-items:flex-start}.upgrade-pro-box li:before{content:"✦";position:absolute;left:0;color:#fbbf24;font-weight:700}.upgrade-modal-actions{display:flex;flex-direction:column;gap:12px}.upgrade-btn-platinum{width:100%;padding:1.1rem;font-size:1.05rem;background:linear-gradient(135deg,#fbbf24,#d97706);color:#451a03;font-weight:800;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:0 10px 25px #d977064d;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.upgrade-btn-platinum:hover{transform:translateY(-2px);box-shadow:0 15px 30px #d9770666;filter:brightness(1.1)}.upgrade-btn-platinum:active{transform:translateY(0)}.upgrade-btn-lite{width:100%;padding:1.1rem;font-size:1.05rem;background:linear-gradient(135deg,#34d399,#059669);color:#ecfdf5;font-weight:800;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-shadow:0 10px 25px #0596694d;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.upgrade-btn-lite:hover{transform:translateY(-2px);box-shadow:0 15px 30px #05966966;filter:brightness(1.05)}.upgrade-btn-lite:active{transform:translateY(0)}.upgrade-btn-outline{width:100%;padding:1rem;font-size:.95rem;background:transparent;color:var(--text-tertiary);font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:all .2s;cursor:pointer}.upgrade-btn-outline:hover{background:#ffffff0d;color:var(--text-secondary);border-color:var(--text-secondary)}.record-page,.feedback-page{background-color:var(--color-bg-dark);padding-top:80px}.record-page.mode-practice,.feedback-page.mode-practice{background:radial-gradient(circle at top left,rgba(16,185,129,.09),transparent 52%),var(--color-bg-dark)}.record-page.mode-singles,.feedback-page.mode-singles{background:radial-gradient(circle at top left,rgba(239,68,68,.1),transparent 52%),var(--color-bg-dark)}.record-page.mode-doubles,.feedback-page.mode-doubles{background:radial-gradient(circle at top left,rgba(245,158,11,.1),transparent 52%),var(--color-bg-dark)}.record-page .page-header,.feedback-page .page-header{position:fixed;top:0;left:0;width:100%;margin:0;z-index:1000;padding:0 var(--space-md)}@media(max-width:600px){.record-page,.feedback-page{padding-left:20px;padding-right:20px}.record-page .page-header,.feedback-page .page-header{width:100%;margin:0;padding:0 20px}.record-page .container,.feedback-page .container{padding:0!important;max-width:100%!important}}.record-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section{display:flex;flex-direction:column;gap:var(--space-sm)}.label-row{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.875rem;font-weight:500}.label-row svg{color:var(--color-accent-primary)}.sub-label{display:block;font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-xs);font-weight:500}.duration-grid{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:4px}.select-btn{flex:1;min-width:60px;padding:var(--space-md) var(--space-sm);background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.select-btn span{font-size:.75rem;font-weight:400}.select-btn:hover{border-color:var(--border-color-light)}.select-btn.selected{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.condition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.condition-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all .2s}.condition-card:hover{border-color:var(--border-color-light);background:var(--color-bg-card-hover)}.condition-card.selected{border-color:var(--color-accent-secondary);background:#3b82f61a;color:var(--color-accent-secondary)}.condition-card.selected .condition-icon{transform:scale(1.1)}.text-input{width:100%;padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;line-height:1.6;resize:none;transition:border-color .2s}.text-input::placeholder{color:var(--text-tertiary)}.submit-area{padding:var(--space-md) 0 0;margin-top:var(--space-xs)}.submit-btn{width:100%;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-accent-primary),#059669);color:#fff;border:none;border-radius:var(--radius-xl);font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-md);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #10b9814d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);margin-top:var(--space-xl);border:1px solid var(--border-color);animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@media(max-width:480px){.feedback-card{padding:var(--space-md) 6px;margin-top:var(--space-md);border-radius:var(--radius-lg)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-header{text-align:center;margin-bottom:var(--space-xl)}.feedback-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#10b9811a;color:var(--color-accent-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.feedback-header h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--space-xs)}.feedback-date{color:var(--text-tertiary);font-size:.875rem}.feedback-section{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:10px 9px;margin-bottom:12px;border:1px solid var(--border-color)}@media(max-width:480px){.feedback-section{padding:12px 10px;margin-bottom:8px}}.feedback-section.highlight{border-color:#10b9814d;background:#10b9810d}.feedback-section.next-step{border-color:#3b82f64d;background:#3b82f60d}.feedback-section h3{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-sm)}.feedback-section p{color:var(--text-primary);line-height:1.6}.next-focus{font-size:1.125rem;font-weight:600;color:var(--color-accent-secondary)!important}.feedback-actions{margin-top:var(--space-xl)}.full-btn{width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-bg-card-hover);color:var(--text-primary);border:1px solid var(--border-color);font-weight:600;cursor:pointer;transition:all .2s}.full-btn:hover{background:var(--border-color)}.feedback-actions{display:flex;flex-direction:column;gap:var(--space-md)}.btn-ai-consult{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;display:flex!important;align-items:center;justify-content:center;gap:12px}.btn-ai-consult:hover{background:linear-gradient(135deg,#34d399,#10b981)!important;transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.btn-secondary{background:var(--color-bg-dark)!important;border:1px solid var(--border-color)!important}.importance-selector{display:flex;gap:var(--space-sm)}.importance-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-md) var(--space-sm);background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.importance-btn span{font-size:.75rem;font-weight:500}.importance-btn:hover{border-color:var(--border-color-light);background:var(--color-bg-card-hover)}.importance-btn.selected{border-color:var(--color-accent-primary);background:#10b9811a;color:var(--color-accent-primary)}.importance-btn.level-4.selected{border-color:#ef4444;background:#ef44441a;color:#ef4444}.importance-btn.level-3.selected{border-color:#f59e0b;background:#f59e0b1a;color:#f59e0b}.memo-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}.memo-entry{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.memo-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.importance-mini-selector{display:flex;gap:4px}.mini-star-btn{padding:8px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .2s;border-radius:var(--radius-md)}.mini-star-btn:hover,.mini-star-btn.active{color:var(--color-accent-secondary)}.mini-star-btn.selected{transform:scale(1.1)}.delete-memo-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:10px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;margin-right:-10px;border-radius:var(--radius-md)}.delete-memo-btn:hover{color:#ef4444}.memo-input{border:none;background:transparent;padding:4px 0;font-size:.95rem;resize:none}.memo-input:focus{box-shadow:none;border-bottom:1px solid var(--color-accent-primary);border-radius:0}.add-memo-btn{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--color-accent-primary) 0%,#059669 100%);border:none;border-radius:var(--radius-lg);color:#fff;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98133}.add-memo-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 6px 15px #10b9814d}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-btn{padding:10px 20px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.tag-btn:hover,.tag-btn.selected{background:#10b9811a;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.tag-btn.issue:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.result-input{font-family:inherit;line-height:1.8}.mb-2{margin-bottom:.5rem}.record-checkbox{margin-top:10px;display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.record-checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.record-switch{width:40px;height:24px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff14;position:relative;transition:background-color .2s,border-color .2s;flex-shrink:0}.record-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#f8fafc;transition:transform .2s ease}.record-checkbox-input:checked+.record-switch{background:#10b98140;border-color:var(--color-accent-primary)}.record-checkbox-input:checked+.record-switch .record-switch-knob{transform:translate(16px)}.record-checkbox-input:focus-visible+.record-switch{outline:2px solid rgba(16,185,129,.45);outline-offset:2px}.record-checkbox-label{display:inline-flex;align-items:center;gap:6px}.single-line-input{box-sizing:border-box;height:40px;min-height:40px;padding:0 12px;line-height:1.2;resize:none}.opponent-input{width:100%}.opponent-input-wrap{position:relative}.opponent-input.with-action{padding-right:46px}.opponent-action-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.opponent-action-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#10b98114}.field-help{margin-top:6px;font-size:.78rem;color:var(--text-tertiary)}.rival-selected-help{color:var(--color-accent-primary)}.set-score-block{margin-top:4px;display:flex;flex-direction:column;gap:8px}.set-score-row{display:grid;grid-template-columns:80px 1fr 24px 1fr;align-items:center;gap:8px}.set-score-label{color:var(--text-secondary);font-size:.82rem}.set-score-input{height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--color-bg-card);color:var(--text-primary);padding:0 10px;font-size:1rem;width:100%}.set-score-input:focus{outline:none;border-color:var(--color-accent-secondary)}.set-score-separator{text-align:center;color:var(--text-secondary);font-weight:600}.add-set-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:all .2s}.add-set-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-color-light)}.add-set-btn:disabled{opacity:.5;cursor:default}.match-detail-toggle-wrap{margin-top:2px}.match-detail-toggle-btn{width:100%;height:34px;border-radius:10px;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.82rem;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.match-detail-toggle-btn:hover{border-color:var(--color-accent-secondary);color:var(--text-primary);background:#3b82f614}.match-detail-panel{margin-top:8px}.record-modal-overlay{position:fixed;inset:0;background:#000000ad;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.record-modal-content{width:min(560px,100%);max-height:82vh;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.record-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color)}.record-modal-header h3{margin:0;color:var(--text-primary);font-size:1rem}.record-modal-close-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.record-modal-body{padding:12px;overflow-y:auto;display:grid;gap:10px}.record-rival-select-card{text-align:left;width:100%;border:1px solid var(--border-color);border-radius:14px;background:var(--color-bg-dark);padding:12px;color:var(--text-primary);cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s}.record-rival-select-card:hover{border-color:var(--color-accent-primary);background:var(--color-bg-card-hover);transform:translateY(-1px)}.record-rival-select-card.selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px #10b98159 inset}.record-rival-select-card .t-card-title{margin:0 0 8px;display:flex;align-items:center;gap:8px}.record-rival-select-card .t-card-title-bar{width:4px;height:18px;border-radius:999px;background:var(--color-accent-primary)}.record-rival-select-card .t-card-title-text{font-size:.95rem;font-weight:700;color:var(--text-primary)}.record-rival-select-card .t-card-detail{margin:4px 0;color:var(--text-secondary);font-size:.85rem;line-height:1.45}.record-rival-select-card .t-card-footer{margin-top:8px}.record-rival-select-card .t-card-date{color:var(--text-tertiary);font-size:.78rem}.markdown-content{color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word}.markdown-content h2,.markdown-content h3{margin-top:1.5em;margin-bottom:.75em;font-size:1.1em;font-weight:700;color:var(--color-accent-primary);display:flex;align-items:center;gap:8px}.markdown-content ul,.markdown-content ol{margin-left:.9em;margin-bottom:.75em}.markdown-content li{margin-bottom:.5em}.suggestion-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.suggestion-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);transition:all .2s}.suggestion-card:hover{transform:translateY(-2px)}.suggestion-card h4{font-size:.95rem;margin-bottom:4px;font-weight:600}.focus-suggestion h4{color:var(--color-accent-secondary)}.menu-suggestion h4{color:#fbbf24}.suggestion-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin:0}.record-page.match-mode .suggestion-card.menu-suggestion,.feedback-page.match-mode .suggestion-card.menu-suggestion{background:#ef44441a;border-color:#ef444459}.record-page.match-mode .menu-suggestion h4,.feedback-page.match-mode .menu-suggestion h4{color:#f87171}.record-page.match-mode .menu-suggestion .add-point-btn,.feedback-page.match-mode .menu-suggestion .add-point-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 10px #dc262640}.record-page.match-mode .menu-suggestion .add-point-btn:hover:not(:disabled),.feedback-page.match-mode .menu-suggestion .add-point-btn:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 15px #dc262659}.record-page.mode-doubles .suggestion-card.menu-suggestion,.feedback-page.mode-doubles .suggestion-card.menu-suggestion{background:#f973161a;border-color:#f9731659}.record-page.mode-doubles .menu-suggestion h4,.feedback-page.mode-doubles .menu-suggestion h4{color:#fb923c}.record-page.mode-doubles .menu-suggestion .add-point-btn,.feedback-page.mode-doubles .menu-suggestion .add-point-btn{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 10px #ea580c40}.record-page.mode-doubles .menu-suggestion .add-point-btn:hover:not(:disabled),.feedback-page.mode-doubles .menu-suggestion .add-point-btn:hover:not(:disabled){background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 6px 15px #ea580c59}.add-point-btn.added{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;cursor:default}.consult-page{background-color:var(--color-bg-dark);display:flex;flex-direction:column;overflow:hidden;position:relative}.consult-page.mode-practice{background:radial-gradient(circle at top left,rgba(16,185,129,.09),transparent 52%),var(--color-bg-dark)}.consult-page.mode-singles{background:radial-gradient(circle at top left,rgba(239,68,68,.1),transparent 52%),var(--color-bg-dark)}.consult-page.mode-doubles{background:radial-gradient(circle at top left,rgba(245,158,11,.1),transparent 52%),var(--color-bg-dark)}.consult-page .page-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);margin:0;padding:12px var(--space-md);gap:var(--space-sm)}.chat-view-container.loading-hidden{opacity:0}.chat-view-container{flex:1;overflow:hidden;padding-top:72px;padding-bottom:0}.h-full{height:100%}.flex-col{display:flex;flex-direction:column}.chat-interface{flex:1;display:flex;flex-direction:column;background:var(--color-bg-card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border:1px solid var(--border-color);border-bottom:none;overflow:hidden;margin-top:var(--space-xs);box-shadow:0 -4px 30px #0003;width:100%}@media(max-width:600px){.chat-interface{border-radius:0;border-left:none;border-right:none;margin-top:0;box-shadow:none}.consult-page .container{padding:0!important;max-width:100%}}.consult-page .container{width:100%;max-width:1100px}.messages-area{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-md);padding-bottom:220px;display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:600px){.messages-area{padding:var(--space-sm) 12px;padding-bottom:200px;gap:var(--space-md)}}.chat-message{display:flex;gap:var(--space-md);max-width:100%;animation:fadeIn .3s ease}.chat-message.assistant{max-width:100%}.chat-message.user{align-self:flex-end;max-width:98%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon.assistant{background:#10b9811a;color:var(--color-accent-primary);border:1px solid rgba(16,185,129,.2)}.bubble{padding:var(--space-md) var(--space-lg);border-radius:18px;line-height:1.6;position:relative;font-size:.95rem}@media(max-width:480px){.bubble{padding:var(--space-sm) var(--space-md);font-size:.9rem}}.assistant .bubble{background:var(--color-bg-dark);color:var(--text-primary);border-top-left-radius:4px;border:1px solid var(--border-color)}.user .bubble{background:var(--color-accent-secondary);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 15px #3b82f64d}.bubble-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid rgba(255,255,255,.05);gap:var(--space-md)}.assistant .bubble-footer{border-top-color:#ffffff0d}.user .bubble-footer{border-top-color:#ffffff1a;justify-content:flex-end}.bubble h1,.bubble h2,.bubble h3{margin-top:.5em;margin-bottom:.3em;font-weight:700;line-height:1.3}.bubble h1{font-size:1.3em}.bubble h2{font-size:1.15em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.bubble h3{font-size:1.05em}.bubble p{margin-bottom:.8em}.bubble ul,.bubble ol{margin-bottom:.8em;padding-left:1.5em}.bubble li{margin-bottom:.3em}.bubble strong{font-weight:700}.bubble blockquote{border-left:3px solid var(--color-accent-primary);margin-left:0;padding-left:1em;opacity:.8}.bubble a{color:var(--color-accent-primary);text-decoration:underline}.user .bubble a{color:#fff}.timestamp{font-size:.7rem;opacity:.6;white-space:nowrap}.typing-anim{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.bubble-container{display:flex;align-items:flex-end;gap:8px;max-width:100%}.bubble-content-wrapper{display:flex;flex-direction:column;gap:8px;max-width:100%}.assistant .bubble-container{flex-direction:row}.assistant .bubble-content-wrapper{align-items:flex-start}.user .bubble-container{flex-direction:row-reverse}.user .bubble-content-wrapper{align-items:flex-end}.suggestions-container{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding-left:4px;width:100%}@media(max-width:480px){.suggestions-container{padding-left:0;gap:8px}}.suggestion-group{display:flex;flex-direction:column;gap:6px}.suggestion-label{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:4px;font-weight:500}.suggestion-list.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.suggestion-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);transition:all .2s;width:100%}@media(max-width:480px){.suggestion-card{padding:var(--space-sm) 10px;border-radius:var(--radius-md)}}.suggestion-card.focus-suggestion{background:#3b82f61a;border-color:#3b82f64d}.suggestion-card.menu-suggestion{background:#fbbf241a;border-color:#fbbf244d}.suggestion-card:hover{transform:translateY(-2px);background:#ffffff0d}.suggestion-card.focus-suggestion:hover{background:#3b82f626}.suggestion-card.menu-suggestion:hover{background:#fbbf2426}.suggestion-card .card-content{flex:1}.suggestion-title{font-size:.9rem;margin-bottom:4px;font-weight:600;display:block}.focus-suggestion .suggestion-title{color:var(--color-accent-secondary)}.menu-suggestion .suggestion-title{color:#fbbf24}.suggestion-detail{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:0;display:block}.suggestion-card.added{opacity:.85;background:#10b98114;border-color:var(--color-accent-primary)}.add-point-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-accent-primary) 0%,#059669 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #10b98133}.add-point-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);transform:scale(1.1);box-shadow:0 6px 15px #10b9814d}.menu-suggestion .add-point-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;box-shadow:0 4px 10px #f59e0b33}.menu-suggestion .add-point-btn:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 6px 15px #f59e0b4d}.consult-page.match-mode .suggestion-card.menu-suggestion{background:#ef44441a;border-color:#ef444459}.consult-page.match-mode .suggestion-card.menu-suggestion:hover{background:#ef444429}.consult-page.match-mode .menu-suggestion .suggestion-title{color:#f87171}.consult-page.match-mode .menu-suggestion .add-point-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 10px #dc262640}.consult-page.match-mode .menu-suggestion .add-point-btn:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 15px #dc262659}.consult-page.mode-doubles .suggestion-card.menu-suggestion{background:#f973161a;border-color:#f9731659}.consult-page.mode-doubles .suggestion-card.menu-suggestion:hover{background:#f9731629}.consult-page.mode-doubles .menu-suggestion .suggestion-title{color:#fb923c}.consult-page.mode-doubles .menu-suggestion .add-point-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 10px #ea580c40}.consult-page.mode-doubles .menu-suggestion .add-point-btn:hover:not(:disabled){background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 6px 15px #ea580c59}.add-point-btn.added{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;cursor:default;box-shadow:none}@media(max-width:480px){.suggestion-list.grid{grid-template-columns:1fr}}.save-msg-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px 12px;border-radius:var(--radius-md);transition:all .2s;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500}.save-msg-btn:hover{background:#10b9811a;border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-1px)}.save-msg-btn.saved{background:#10b98126;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.modal-header{padding-left:var(--space-2xl)!important;padding-right:var(--space-2xl)!important;position:relative;text-align:center}.filter-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:auto}.filter-btn:hover,.filter-btn.active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.consult-page .filter-btn{margin-right:64px}.empty-state,.welcome-state{text-align:center;color:var(--text-tertiary);margin-top:60px;font-size:.9rem;padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);animation:fadeIn .5s ease-out}.welcome-icon{width:80px;height:80px;background:#10b9811a;color:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);border:1px solid rgba(16,185,129,.2)}.welcome-state h2{color:var(--text-primary);font-size:1.4rem;font-weight:700}.welcome-state p{color:var(--text-secondary);line-height:1.6;max-width:300px}.welcome-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:var(--space-md)}.welcome-features .feature{background:#ffffff0d;padding:6px 12px;border-radius:999px;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;border:1px solid var(--border-color)}.first-chat-card{margin-top:var(--space-sm);width:min(420px,100%);background:#ffffff0a;border:1px solid var(--border-color);border-radius:14px;padding:14px;text-align:left}.first-chat-card p{margin:0 0 10px;color:var(--text-secondary);font-size:.86rem;line-height:1.5}.first-chat-card button{width:100%;height:36px;border-radius:10px;border:1px solid rgba(16,185,129,.35);background:#10b98124;color:#b7f7d6;font-size:.84rem;font-weight:600;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.first-chat-card button:hover{border-color:#10b98199;background:#10b98138;color:#dcfff0}.input-area-wrapper.fixed-bottom{position:fixed;bottom:70px;left:0;right:0;z-index:900;background:var(--color-bg-card);padding:6px 0;border-top:1px solid var(--border-color);box-shadow:0 -10px 30px #0000004d}.input-area-wrapper.fixed-bottom .container{padding:0 var(--space-md)}.quick-suggestions{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.quick-suggestions button{white-space:nowrap;padding:8px 16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.quick-suggestions button:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#10b9811a;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.quick-suggestions button svg{color:var(--color-accent-primary)}.input-area{display:flex;gap:var(--space-xs);background:var(--color-bg-dark);padding:4px 8px;border-radius:24px;border:1px solid var(--border-color);transition:border-color .2s}.input-area:focus-within{border-color:var(--color-accent-secondary)}.input-area textarea{flex:1;background:transparent;border:none;color:var(--text-primary);padding:8px 12px;font-size:1rem;resize:none;outline:none;font-family:inherit;line-height:1.5;max-height:120px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.input-area textarea::-webkit-scrollbar{display:none}.input-area textarea:focus{outline:none}.send-message-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-accent-primary) 0%,#059669 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #10b9814d}.send-message-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);transform:scale(1.05);box-shadow:0 6px 15px #10b98166}.send-message-btn:disabled{background:var(--color-bg-card-hover);color:var(--text-tertiary);cursor:default}.notebook-page{background-color:var(--color-bg-dark);padding-top:80px}.notebook-page.mode-practice{background:radial-gradient(circle at top left,rgba(16,185,129,.09),transparent 52%),var(--color-bg-dark)}.notebook-page.mode-singles{background:radial-gradient(circle at top left,rgba(239,68,68,.1),transparent 52%),var(--color-bg-dark)}.notebook-page.mode-doubles{background:radial-gradient(circle at top left,rgba(245,158,11,.1),transparent 52%),var(--color-bg-dark)}.notebook-page .page-header{position:fixed;top:0;left:0;right:0;width:100%;margin:0;z-index:1000}.notebook-mode-switch{display:flex;align-items:center}.notebook-mode-switch .mode-chip{min-width:98px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:6px 12px;font-size:.8rem;font-weight:700;line-height:1}.notebook-mode-switch .mode-chip .mode-chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px}.notebook-mode-switch .mode-chip .mode-chip-icon{opacity:.9;transition:transform .2s ease,opacity .2s ease}.notebook-mode-switch .mode-chip.disabled{opacity:.72;cursor:pointer}.notebook-mode-switch .mode-chip:hover{filter:brightness(1.05)}.notebook-mode-switch .mode-chip:hover .mode-chip-icon{transform:rotate(120deg);opacity:1}.notebook-mode-switch .mode-chip.mode-chip-practice{background:#10b98124;border-color:#10b9818c;color:#34d399}.notebook-mode-switch .mode-chip.mode-chip-singles{background:#ef444424;border-color:#ef44448c;color:#f87171}.notebook-mode-switch .mode-chip.mode-chip-doubles{background:#f9731624;border-color:#f973168c;color:#fb923c}.trial-data-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(248,113,113,.35);background:#7f1d1d38;color:#fecaca;font-size:.85rem;line-height:1.4}.tabs{display:flex;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--space-md)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--color-bg-dark);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.filters-scroll{overflow-x:auto;margin-bottom:4px;padding-bottom:4px}.filters{display:flex;gap:8px;min-width:max-content}.chip-filter-btn{padding:8px 16px;border-radius:12px;background:var(--color-bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px;flex-shrink:0;width:auto;height:auto;aspect-ratio:auto}.chip-filter-btn:hover{border-color:var(--border-color-light)}.chip-filter-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;font-weight:600}.grid-list{display:flex;flex-direction:column;gap:var(--space-md)}.importance-badge{display:flex;align-items:center;gap:2px}.t-card{position:relative;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px 18px 8px;margin-bottom:10px;transition:all .2s ease;min-height:80px;display:flex;flex-direction:column;align-items:stretch;gap:0;cursor:pointer}.t-card:hover{border-color:var(--color-accent-secondary);transform:translateY(-2px)}.rival-card{cursor:default}.rival-card:hover{border-color:var(--border-color);transform:none}.t-card-header{margin-bottom:4px}.t-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:2px;margin-bottom:8px;padding-right:0;display:flex;align-items:flex-start;text-align:left;justify-content:flex-start;gap:8px;line-height:1.4}.t-card-title-bar{display:block;width:4px;min-width:4px;height:1.25em;background:var(--color-accent-secondary);border-radius:4px;flex-shrink:0;margin-top:2px}.t-card.menu-card .t-card-title-bar{background:#fbbf24}.t-card-title:before,.t-card-title:after{display:none!important;content:none!important}.t-card-title-text{flex:1;min-width:0;word-break:break-all;overflow-wrap:break-word}.t-card-detail{font-size:.85rem;color:var(--text-secondary);line-height:1.4;padding-left:0;margin-top:4px;font-weight:400;text-align:left;white-space:pre-wrap}.t-card-actions{position:absolute;top:10px;right:18px;display:flex;flex-direction:row;gap:8px;z-index:10}.btn-icon-mini{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon-mini:hover{background:#ffffff1f;color:var(--text-primary)}.btn-icon-mini.delete-btn:hover{background:#ef444433;color:#ef4444}.btn-icon-mini.add-btn:hover{background:#10b98133;color:#10b981}.t-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:2px;border-top:1px solid rgba(255,255,255,.05)}.t-card-date{font-size:.75rem;color:var(--text-tertiary)}.t-card-tags{display:flex;flex-wrap:wrap;gap:6px}.mini-tag{font-size:.7rem;padding:2px 8px;background:#ffffff0d;color:var(--text-secondary);border-radius:4px}@media(max-width:480px){.t-card{padding:12px 14px 4px;min-height:60px}}.history-card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;cursor:pointer;margin-bottom:var(--space-sm)!important}.history-card:hover{border-color:var(--color-accent-secondary)}.history-header{background:#ffffff05;padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.history-date{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--text-primary)}.history-content{padding:12px;display:flex;flex-direction:column;gap:12px}.history-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;background:#ffffff05;padding:10px 12px;border-radius:var(--radius-md)}.detail-col h4{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;align-items:center;gap:4px}.tag-flex{display:flex;flex-wrap:wrap;gap:6px}.mini-tag{font-size:.75rem;padding:4px 10px;background:#3b82f61a;color:var(--color-accent-secondary);border-radius:4px;border:1px solid rgba(59,130,246,.2)}.mini-tag.menu{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.history-topic{background:#ffffff08;padding:10px 12px;border-radius:var(--radius-md);border-left:3px solid var(--border-color)}.history-topic h4{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.history-topic h4 svg{color:var(--text-tertiary)}.history-topic p{font-size:.95rem;color:var(--text-primary);line-height:1.6;margin:0}.history-detail-search{margin:8px 0 10px;border:1px solid var(--border-color);border-radius:12px;background:#ffffff05;overflow:hidden}.history-detail-search-header{width:100%;height:38px;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:.85rem;cursor:pointer}.history-detail-search-header:hover{background:#ffffff0a}.history-detail-search-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px 12px;border-top:1px solid var(--border-color)}.history-select-group{display:flex;flex-direction:column;gap:6px}.history-select-group label{font-size:.75rem;color:var(--text-tertiary)}.history-select{height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--color-bg-dark);color:var(--text-primary);padding:0 10px;font-size:.85rem}.match-info-topic{display:flex;flex-direction:column;gap:8px}.match-info-row{display:flex;align-items:center;gap:10px}.match-info-key{min-width:40px;font-size:.75rem;color:var(--text-tertiary);font-weight:600}.match-info-value{font-size:.9rem;color:var(--text-primary);line-height:1.45}.match-result-line{display:inline-flex;align-items:center;gap:8px}.match-result-badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.02em}.match-result-badge.win{color:#dcfce7;background:#22c55e33;border:1px solid rgba(34,197,94,.5)}.match-result-badge.lose{color:#fee2e2;background:#ef444433;border:1px solid rgba(239,68,68,.5)}.match-result-badge.draw{color:#e0f2fe;background:#0ea5e933;border:1px solid rgba(14,165,233,.5)}.match-score-text{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}@media(max-width:640px){.history-detail-search-body{grid-template-columns:1fr}}.advice-section{background:linear-gradient(135deg,#10b98114,#0596690a);border-left:3px solid var(--color-accent-primary);box-shadow:0 4px 15px #0000001a}.advice-section h4{color:var(--color-accent-primary)}.advice-section h4 svg{color:var(--color-accent-primary)}.advice-section .highlight{color:var(--text-primary);font-weight:500}.advice-header{cursor:pointer;display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:0!important;padding:10px 12px;transition:all .2s ease}.advice-header:hover{background:#ffffff0d}.suggestion-section{background:linear-gradient(135deg,#a855f714,#8b5cf60a)!important;border-left:3px solid #a855f7!important;box-shadow:0 4px 15px #0000001a;margin-top:0}.suggestion-section h4{color:#a855f7!important}.suggestion-section h4 svg{color:#a855f7!important}.icon-btn-delete{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-tertiary);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:.6}.icon-btn-delete:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;transform:scale(1.1);opacity:1}.icon-btn-add{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-tertiary);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:.6}.icon-btn-add:hover{background:#10b98126;border-color:#10b9814d;color:#10b981;transform:scale(1.1);opacity:1}.memo-card{border-left:4px solid transparent;background:#1e293b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:stretch;gap:var(--space-md);position:relative;padding:var(--space-md);padding-right:12px}.memo-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;width:60px;flex-shrink:0;padding-top:4px}.memo-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.memo-card-right .memo-date{font-size:.65rem;color:var(--text-tertiary);margin-top:auto;white-space:nowrap}.memo-card-main{flex:1;min-width:0}.memo-card.importance-1{border-left-color:var(--text-tertiary);background:#ffffff05}.memo-card.importance-2{border-left-color:var(--color-accent-secondary);background:#3b82f608}.memo-card.importance-3{border-left-color:#f59e0b;background:#f59e0b0d}.memo-card.importance-4{border-left-color:#ef4444;background:#ef444412;box-shadow:0 4px 12px #ef44441a}.fab-add-memo{position:fixed;bottom:90px;right:32px;width:60px;height:60px;border-radius:50%;background:var(--gradient-primary, #10b981);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006;cursor:pointer;transition:all .2s;z-index:100}.fab-add-memo:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 25px #00000080}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-md);animation:fadeIn .3s ease}.modal-content{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:calc(100% - var(--space-xl));max-width:440px;max-height:90vh;display:flex;flex-direction:column;overflow-x:hidden;box-shadow:0 30px 60px #0009}.modal-header{padding:var(--space-md) var(--space-2xl);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;position:relative}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:center}.close-btn{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:var(--radius-md);display:flex;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--text-tertiary);transform:translateY(-50%) rotate(90deg)}.modal-body{padding:0;overflow-y:auto;flex:1}.text-input{width:100%;background:var(--color-bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--text-primary);font-size:.95rem;line-height:1.5;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s}.text-input.single-line{min-height:unset;height:42px}.text-input.compact{padding:8px 12px;min-height:60px}.text-input.single-line.compact{height:36px;min-height:unset}.text-input:focus{outline:none;border-color:var(--color-accent-primary)}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--space-md)}.modal-footer .btn{flex:1}.importance-tag{min-width:unset;height:unset;padding:6px 12px}.importance-tag.level-4.selected{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.importance-tag.level-3.selected{background:#f97316!important;border-color:#f97316!important;color:#fff!important}.importance-tag.level-2.selected{background:#eab308!important;border-color:#eab308!important;color:#fff!important}.importance-tag.level-1.selected{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.importance-btn.selected{font-weight:600}.importance-btn.level-4.selected{background:#ef444426;border-color:#ef444480;color:#f87171;box-shadow:0 0 15px #ef44441a}.importance-btn.level-3.selected{background:#f59e0b26;border-color:#f59e0b80;color:#fbbf24;box-shadow:0 0 15px #f59e0b1a}.importance-btn.level-2.selected{background:#3b82f626;border-color:#3b82f680;color:#60a5fa;box-shadow:0 0 15px #3b82f61a}.importance-btn.level-1.selected{background:#94a3b826;border-color:#94a3b880;color:#f1f5f9;box-shadow:0 0 15px #94a3b81a}.level-num{font-size:.8rem;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mb-4{margin-bottom:1.5rem}.loading-state{padding:60px;text-align:center;color:var(--text-secondary)}.empty-state{padding:60px;text-align:center;background:#ffffff05;border-radius:var(--radius-xl);border:1px dashed var(--border-color);color:var(--text-tertiary)}.markdown-content{color:var(--text-primary);line-height:1.5;white-space:normal;word-break:break-word}.markdown-content h2,.markdown-content h3{margin-top:1.2em;margin-bottom:.6em;font-size:1em;font-weight:700;color:var(--color-accent-primary);display:flex;align-items:center;gap:8px}.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content ul,.markdown-content ol{margin-left:1.25em;margin-bottom:.75em}.markdown-content li{margin-bottom:.4em}.markdown-content strong{color:var(--text-primary);font-weight:700}.modal-content.delete-confirm{max-width:360px}.warn-icon-wrapper{width:72px;height:72px;border-radius:50%;background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);border:1px solid rgba(239,68,68,.2)}.p-xl{padding:var(--space-xl)}.modal-overlay.danger{background:#000000e6}.history-suggestions{margin-top:var(--space-md);background:#ffffff05;border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.suggestion-block h5{font-size:.8rem;color:var(--text-tertiary);display:flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:600}.suggestion-list-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.mini-suggestion-card{background:var(--color-bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.mini-suggestion-card.focus{border-left:2px solid var(--color-accent-secondary)}.mini-suggestion-card.menu{border-left:2px solid #f59e0b}.mini-suggestion-card .content{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.mini-suggestion-card .title{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-suggestion-card .detail{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-mini-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.add-mini-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.mini-suggestion-card.added .add-mini-btn{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.sticky-header-section{position:relative;z-index:10;padding-bottom:0}.sub-tabs-container{position:sticky;top:64px;z-index:50;background:var(--color-bg-dark);margin:0;display:flex;justify-content:center;border-bottom:1px solid var(--border-color);padding-bottom:0}.sub-tabs{display:flex;gap:var(--space-sm);padding:0 var(--space-md)}.sub-tab-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-tertiary);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;opacity:.7}.sub-tab-btn:hover{color:var(--text-secondary);opacity:1}.sub-tab-btn.active{opacity:1}.sub-tab-btn.active:first-child{color:var(--color-accent-secondary)}.sub-tab-btn.active:first-child:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--color-accent-secondary);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px #3b82f666}.sub-tab-btn.active:last-child{color:#f59e0b}.sub-tab-btn.active:last-child:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#f59e0b;border-radius:3px 3px 0 0;box-shadow:0 -2px 10px #f59e0b66}.sub-tab-btn svg{transition:transform .3s}.sub-tab-btn.active svg{transform:scale(1.1)}.filters-section{margin-top:var(--space-sm);margin-bottom:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-xs) 0}.mt-6{margin-top:1.5rem}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.grid-list{display:grid;gap:var(--space-sm);padding-bottom:100px}.memo-card{padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-sm);box-shadow:0 4px 20px #0003}.memo-title{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.memo-content{margin:var(--space-xs) 0;font-size:1.15rem;line-height:1.5}.memo-tags{display:flex;flex-wrap:wrap;gap:4px}.memo-footer-tags{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid rgba(255,255,255,.05);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.memo-type-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px;background:#ffffff0f;color:var(--text-tertiary)}.memo-tag{margin-right:8px;margin-bottom:8px;padding:4px 10px;display:inline-flex;align-items:center;gap:4px;border-radius:4px;font-size:.75rem}.memo-tag.focus{background:#10b9811a;color:var(--color-accent-primary);border:1px solid rgba(16,185,129,.2)}.tab-content{padding:0}.tabs{margin-bottom:var(--space-md)!important}.container{padding:0 var(--space-lg)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tag-btn{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.tag-btn:hover{background:#ffffff1a;color:var(--text-primary)}.tag-btn.selected{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.tag-btn.focus.selected{background:var(--color-accent-secondary)!important;border-color:var(--color-accent-secondary)!important;color:#fff!important}.tag-btn.menu.selected{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}.notebook-page.mode-singles .t-card.menu-card .t-card-title-bar{background:#ef4444}.notebook-page.mode-singles .mini-tag.menu{color:#ef4444;border-color:#ef444459;background:#ef44441a}.notebook-page.mode-singles .history-topic h4 .lucide-swords,.notebook-page.mode-singles .sub-tab-btn .lucide-swords,.notebook-page.mode-singles .tag-btn.menu .lucide-swords,.notebook-page.mode-singles .suggestion-block h5 .lucide-swords{color:#ef4444}.notebook-page.mode-singles .mini-suggestion-card.menu{border-left-color:#ef4444}.notebook-page.mode-singles .sub-tab-btn.active:last-child{color:#ef4444}.notebook-page.mode-singles .sub-tab-btn.active:last-child:after{background:#ef4444;box-shadow:0 -2px 10px #ef444459}.notebook-page.mode-singles .tag-btn.menu.selected{background:#ef4444!important;border-color:#ef4444!important}.notebook-page.mode-doubles .t-card.menu-card .t-card-title-bar{background:#f97316}.notebook-page.mode-doubles .mini-tag.menu{color:#f97316;border-color:#f9731659;background:#f973161a}.notebook-page.mode-doubles .history-topic h4 .lucide-swords,.notebook-page.mode-doubles .sub-tab-btn .lucide-swords,.notebook-page.mode-doubles .tag-btn.menu .lucide-swords,.notebook-page.mode-doubles .suggestion-block h5 .lucide-swords{color:#f97316}.notebook-page.mode-doubles .mini-suggestion-card.menu{border-left-color:#f97316}.notebook-page.mode-doubles .sub-tab-btn.active:last-child{color:#f97316}.notebook-page.mode-doubles .sub-tab-btn.active:last-child:after{background:#f97316;box-shadow:0 -2px 10px #f9731659}.notebook-page.mode-doubles .tag-btn.menu.selected{background:#f97316!important;border-color:#f97316!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1.5rem!important}.header-title{margin-bottom:0}.confirm-modal{max-width:400px;text-align:center}.confirm-icon{width:80px;height:80px;background:#ef44441a;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.success-icon{background:#10b9811a;color:#10b981}.confirm-text{font-size:1.15rem;color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-xs)}.confirm-subtext{font-size:.9rem;color:var(--text-tertiary)}.text-center{text-align:center}.daily-toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%);z-index:2000;width:calc(100% - 32px);max-width:400px;background:var(--color-bg-card);border:1px solid var(--color-accent-primary);border-radius:12px;padding:12px 16px;box-shadow:0 10px 25px #0000004d;cursor:pointer}.daily-toast-content{display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);font-size:.9rem;font-weight:500}@media(max-width:600px){.notebook-page{padding-left:12px;padding-right:12px}.notebook-page .page-header{width:100%;margin:0;padding:0 12px}.notebook-page .container{padding:0;max-width:100%}.memo-card{padding:12px}}.delete-account-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.delete-account-modal-content{background:var(--color-bg-card, #1e293b);border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:24px;width:90%;max-width:400px;position:relative;box-shadow:0 20px 25px -5px #00000080,0 0 15px #ef44441a;animation:scaleIn .2s ease-out;text-align:center}.delete-account-icon{width:64px;height:64px;border-radius:50%;background-color:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.delete-account-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:12px}.delete-account-message{font-size:.95rem;color:#cbd5e1;line-height:1.6;margin-bottom:24px}.delete-account-warning{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px;margin-bottom:24px;color:#fca5a5;font-size:.9rem;font-weight:500}.delete-account-actions{display:flex;flex-direction:column;gap:12px}.btn-delete-confirm{background-color:#ef4444;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-delete-confirm:hover{background-color:#dc2626}.btn-delete-confirm:disabled{background-color:#991b1b;cursor:not-allowed;opacity:.7}.btn-delete-cancel{background-color:transparent;color:#94a3b8;border:1px solid #334155;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-delete-cancel:hover{background-color:#ffffff0d;color:#fff}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-page{background-color:var(--color-bg-dark)}.profile-container{max-width:800px;margin:0 auto;padding:0 var(--space-md)}.profile-form{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-section{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl)}.profile-page .section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.profile-page .section-icon{color:var(--color-accent-primary);background:#10b9811a;padding:10px;border-radius:12px;flex-shrink:0}.profile-page .section-icon.icon-pro{background:#fbbf241a;color:#fbbf24}.profile-page .section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{background:var(--color-bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #10b9811a}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.radio-group{display:flex;gap:var(--space-md);flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;background:var(--color-bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all .2s}.radio-label:hover{border-color:var(--text-secondary)}.radio-label input[type=radio]{display:none}.radio-label:has(input:checked){background:#10b9811a;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.action-bar{position:sticky;bottom:85px;background:#0b1120d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);box-shadow:0 10px 30px #0006;z-index:100}.action-bar .btn{min-width:140px}.btn-save-profile{background:linear-gradient(135deg,var(--color-accent-primary) 0%,#059669 100%)!important;border:none!important;box-shadow:0 4px 15px #10b9814d!important;color:#fff!important}.btn-save-profile:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981)!important;transform:translateY(-2px);box-shadow:0 8px 25px #10b98166!important}.btn-pro-upgrade{background:linear-gradient(135deg,#fbbf24,#d97706)!important;color:#451a03!important;border:none!important;font-weight:700!important;box-shadow:0 4px 15px #d9770666!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.btn-pro-upgrade:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 8px 25px #d9770699!important;background:linear-gradient(135deg,#fcd34d,#f59e0b)!important}.plan-status-row{display:flex;align-items:center;margin-bottom:32px}.plan-label{color:var(--text-secondary);font-size:.95rem;margin-right:24px;white-space:nowrap}.pro-plan-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;padding:8px 18px;border-radius:30px;font-size:1.05rem;font-weight:800;box-shadow:0 4px 15px #fbbf2466;border:1px solid rgba(255,255,255,.3)}.lite-trial-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#eff6ff;padding:8px 18px;border-radius:30px;font-size:1.05rem;font-weight:800;box-shadow:0 4px 15px #2563eb59;border:1px solid rgba(255,255,255,.3)}.plan-trial-meta{margin-top:-18px;margin-bottom:18px;color:#bfdbfe;font-size:.9rem;font-weight:600}.plan-actions{display:flex;flex-direction:column;gap:24px;margin-top:24px}.btn-cancel-subscription{color:#3b82f6!important;background:#3b82f60d!important;border:1px solid rgba(59,130,246,.15)!important;font-size:.85rem!important;transition:all .2s ease!important}.btn-cancel-subscription:hover{background:#3b82f61a!important;border-color:#3b82f64d!important;transform:translateY(-1px)}.inquiry-btn-container{display:flex;justify-content:center;margin-top:var(--space-lg)}.inquiry-btn{min-width:240px}.mb-6{margin-bottom:var(--space-xl)!important}@media(max-width:640px){.profile-page .section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.inquiry-btn{width:100%}}.confirmation-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2000;background:#10b981;color:#fff;padding:12px 24px;border-radius:50px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px #10b9814d;font-weight:500;animation:toastScaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastScaleIn{0%{transform:translate(-50%,-20px) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.plan-page{color:var(--text-primary)}.plan-page .page-header{margin-bottom:0;border-bottom:none}.plan-toast{margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.3);background:#10b9811f;color:#bbf7d0;font-size:.88rem;font-weight:600}.plan-hero{text-align:center;padding:18px 16px 22px;background:linear-gradient(180deg,#0f172af2,#fbbf240a);margin:0 calc(var(--space-md) * -1) var(--space-lg);border-bottom:1px solid rgba(251,191,36,.12)}.plan-hero-icon{width:56px;height:56px;margin:0 auto 10px;border-radius:9999px;border:1px solid rgba(251,191,36,.35);background:#fbbf241a;display:flex;align-items:center;justify-content:center}.plan-hero h1{margin:0 0 8px;font-size:1.15rem;font-weight:700}.plan-current-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(251,191,36,.3);background:#fbbf241a;color:#fde68a;font-size:.82rem;font-weight:700}.plan-cycle-toggle{margin:-4px auto 14px;width:100%;max-width:340px;background:#1e293bbf;border:1px solid var(--border-color);border-radius:9999px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.plan-cycle-btn{border:none;border-radius:9999px;background:transparent;color:var(--text-secondary);font-weight:700;font-size:.85rem;padding:.5rem .7rem;cursor:pointer;transition:all .2s ease}.plan-cycle-btn.active{background:linear-gradient(135deg,#fbbf2438,#10b98138);color:#fde68a}.plan-section-stack{display:grid;gap:14px}.plan-simple-card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:16px;padding:14px}.plan-status-card h2{margin:0 0 8px;font-size:1rem;font-weight:700}.plan-status-card p{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.65}.plan-pricing-grid{display:grid;grid-template-columns:1fr;gap:14px}.plan-pricing-card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:20px;padding:1.35rem 1.2rem;position:relative;display:flex;flex-direction:column}.plan-pricing-card.lite{border:1px solid rgba(16,185,129,.45);background:#10b9810d}.plan-pricing-card.pro{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(251,191,36,.45);box-shadow:0 0 40px #fbbf2424;overflow:hidden}.plan-pricing-card.pro:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(251,191,36,.1),transparent);transform:skew(-25deg);animation:plan-shimmer 4s infinite}.plan-pricing-card.lite-muted{border-style:dashed;border-color:#94a3b880;background:#94a3b80f}.plan-pro-badge{position:absolute;top:12px;right:12px;padding:.2rem .65rem;border-radius:9999px;background:linear-gradient(135deg,#fbbf24,#d97706);color:#451a03;font-size:.7rem;font-weight:800;z-index:2}.plan-pricing-name{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;margin:0 0 6px}.plan-pricing-card.pro .plan-pricing-name{background:linear-gradient(to bottom,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plan-pricing-price{margin-bottom:10px}.plan-pricing-amount{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700}.plan-pricing-period{margin-left:4px;font-size:.95rem;color:var(--text-tertiary)}.plan-pricing-card.pro .plan-pricing-amount{color:#fde68a}.plan-pricing-card.lite .plan-pricing-amount{color:var(--color-accent-primary)}.plan-pricing-desc{margin:0 0 12px;color:var(--text-secondary);font-size:.9rem}.plan-pricing-features{list-style:none;padding:0;margin:0 0 14px}.plan-pricing-features li{display:flex;align-items:center;gap:.55rem;padding:.52rem 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:.9rem}.plan-pricing-features li:last-child{border-bottom:none}.plan-pricing-features li svg{color:var(--color-accent-primary);flex-shrink:0}.plan-pricing-card.pro .plan-pricing-features li svg{color:#fbbf24}.upgrade-btn{width:100%;border:none;border-radius:9999px;padding:.9rem 1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.upgrade-btn:hover{transform:translateY(-1px)}.plan-pricing-card .upgrade-btn{margin-top:auto}.pro-strong-btn{background:linear-gradient(135deg,#fbbf24,#d97706);color:#451a03;box-shadow:0 6px 18px #d9770659}.lite-btn{background:linear-gradient(135deg,#1f2937,#334155);color:#e5e7eb;box-shadow:0 6px 16px #0f172a47}.plan-subtle-btn{background:transparent;border:1px solid var(--border-color-light);color:var(--text-secondary);box-shadow:none;font-weight:600;margin-top:4px}.plan-subtle-btn:disabled{opacity:.6;cursor:not-allowed}.plan-confirm-overlay{position:fixed;inset:0;z-index:2200;background:#020617b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.plan-confirm-modal{width:100%;max-width:420px;background:var(--color-bg-card);border:1px solid var(--border-color-light);border-radius:16px;padding:18px;box-shadow:0 20px 40px #02061773}.plan-confirm-modal h3{margin:0 0 10px;font-size:1.02rem}.plan-confirm-modal p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.9rem}.plan-confirm-actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}@keyframes plan-shimmer{0%{left:-100%}to{left:200%}}@media(min-width:900px){.plan-pricing-grid{grid-template-columns:1fr 1fr}.plan-pricing-card.lite-muted{grid-column:1 / -1}}.subscription-complete-page{min-height:calc(100vh - 120px);display:flex;align-items:center}.subscription-complete-card{max-width:560px;margin:0 auto;padding:32px 24px;border-radius:24px;border:1px solid rgba(16,185,129,.28);background:radial-gradient(circle at top,rgba(16,185,129,.18),transparent 42%),linear-gradient(180deg,#0f172af5,#0f172ae6);box-shadow:0 24px 60px #0f172a47;text-align:center}.subscription-complete-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#34d399,#059669);color:#ecfdf5;box-shadow:0 16px 30px #05966952}.subscription-complete-eyebrow{margin:0 0 8px;color:#86efac;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.subscription-complete-card h1{margin:0 0 12px;font-size:1.9rem}.subscription-complete-lead{margin:0 auto 24px;max-width:420px;color:var(--text-secondary);line-height:1.7}.subscription-complete-plan{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;text-align:left}.subscription-complete-plan.lite{background:#10b9811a;border:1px solid rgba(16,185,129,.28)}.subscription-complete-plan.pro{background:#fbbf241a;border:1px solid rgba(251,191,36,.28)}.subscription-complete-plan-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-complete-plan.lite .subscription-complete-plan-icon{color:#6ee7b7;background:#10b98129}.subscription-complete-plan.pro .subscription-complete-plan-icon{color:#fde68a;background:#fbbf2429}.subscription-complete-plan-name{font-size:1.05rem;font-weight:700}.subscription-complete-plan-meta{margin-top:4px;color:var(--text-secondary);font-size:.9rem}.subscription-complete-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.subscription-complete-actions .btn{justify-content:center}@media(min-width:640px){.subscription-complete-card{padding:40px 32px}.subscription-complete-actions{grid-template-columns:1fr 1fr}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background-color:var(--color-bg-dark)}.forgot-password-container{width:100%;max-width:400px;background:var(--color-bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:0 10px 25px #0003}.forgot-password-header{margin-bottom:var(--space-xl);text-align:center}.back-link{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:0;margin-bottom:var(--space-lg);transition:color .2s}.back-link:hover{color:var(--text-primary)}.forgot-password-header h1{font-size:1.5rem;margin-bottom:var(--space-sm)}.forgot-password-header p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.forgot-password-form .form-group{margin-bottom:var(--space-lg)}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background-color:var(--color-bg-dark)}.reset-password-container{width:100%;max-width:400px;background:var(--color-bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:0 10px 25px #0003}.reset-password-header{margin-bottom:var(--space-xl);text-align:center}.reset-password-header h1{font-size:1.5rem;margin-bottom:var(--space-sm)}.reset-password-header p{font-size:.875rem;color:var(--text-secondary)}.reset-password-form .form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--color-accent-primary);background:#ffffff14;box-shadow:0 0 0 2px #10b98133}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-lg)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.terms-page{padding:2rem 1rem;max-width:800px;margin:0 auto;color:var(--text-primary);background-color:var(--color-bg-dark);min-height:100vh}.terms-header{margin-bottom:2rem;text-align:center}.terms-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.terms-last-updated{color:var(--text-secondary);font-size:.875rem}.terms-content{background:var(--color-bg-card);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color)}.terms-section{margin-bottom:2rem}.terms-section:last-child{margin-bottom:0}.terms-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.terms-section p{margin-bottom:1rem;line-height:1.6;color:var(--text-secondary)}.terms-section ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}.terms-section li{margin-bottom:.5rem;line-height:1.6}.terms-footer{margin-top:2rem;text-align:center}.legal-page{padding-bottom:var(--space-2xl)}.legal-content{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-md)}.legal-section{margin-bottom:var(--space-xl)}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.1rem;font-weight:700;color:#fbbf24;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:2px solid rgba(251,191,36,.2);display:inline-block}.legal-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0}.blog-page{min-height:100vh;background:linear-gradient(135deg,#0a0f1e,#1a1f2e);padding:0}.blog-header{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-bottom:1px solid rgba(99,102,241,.2);padding:1rem;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-header .back-btn{display:inline-flex;align-items:center;gap:.5rem;color:#a5b4fc;text-decoration:none;font-size:.85rem;margin-bottom:1rem;padding:.4rem .8rem;background:#6366f11a;border-radius:6px;border:1px solid rgba(99,102,241,.2);transition:all .2s;white-space:nowrap;width:fit-content}.blog-header .back-btn:hover{color:#818cf8}.blog-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.blog-header p{color:#94a3b8;font-size:1rem}.blog-container{max-width:1000px;margin:0 auto;padding:1rem}.blog-categories{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.category-chip{padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:#a5b4fc;font-size:.9rem;cursor:pointer;transition:all .2s}.category-chip:hover{background:#6366f133;border-color:#6366f180}.category-chip.active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:transparent;color:#fff}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{background:#ffffff08;border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s;text-decoration:none;color:inherit;display:block}.blog-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#6366f166;box-shadow:0 8px 24px #6366f133}.blog-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.blog-card-category{display:inline-block;padding:.25rem .75rem;border-radius:12px;background:#6366f126;color:#a5b4fc;font-size:.75rem;font-weight:500}.blog-card-date{color:#64748b;font-size:.85rem}.blog-card h2{font-size:1.25rem;color:#e2e8f0;margin-bottom:.75rem;line-height:1.4}.blog-card-excerpt{color:#94a3b8;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.blog-card-footer{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem}.empty-state{text-align:center;padding:4rem 2rem;color:#64748b}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.blog-intro-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:1.5rem;margin-bottom:2rem;padding:1.5rem;border:1px solid rgba(129,140,248,.2);border-radius:20px;background:radial-gradient(circle at top left,rgba(99,102,241,.18),transparent 45%),#ffffff08;box-shadow:0 20px 40px #0f172a2e}.blog-intro-copy h2{margin:0 0 .75rem;font-size:1.8rem;color:#e2e8f0;line-height:1.3}.blog-intro-copy p{margin:0;color:#94a3b8;line-height:1.8}.blog-intro-eyebrow{display:inline-block;margin-bottom:.75rem;padding:.3rem .7rem;border-radius:999px;background:#818cf824;color:#c4b5fd;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-intro-actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.blog-intro-actions a{text-decoration:none;border-radius:999px;padding:.8rem 1.1rem;font-weight:700;transition:transform .2s ease,border-color .2s ease,background .2s ease}.blog-intro-actions a:hover{transform:translateY(-2px)}.blog-cta-primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.blog-cta-secondary{color:#e2e8f0;border:1px solid rgba(148,163,184,.24);background:#ffffff0a}.blog-intro-stats{display:grid;gap:.9rem}.blog-stat-card{padding:1rem 1.1rem;border-radius:16px;background:#0f172a73;border:1px solid rgba(129,140,248,.16)}.blog-stat-card strong{display:block;color:#f8fafc;font-size:1.15rem;margin-bottom:.25rem}.blog-stat-card span{color:#94a3b8;font-size:.9rem}.blog-card-reading,.blog-card-link{display:inline-flex;align-items:center;gap:.4rem}.blog-card-link{color:#c4b5fd;font-weight:600}@media(max-width:767px){.blog-intro-panel{grid-template-columns:1fr;padding:1.25rem}.blog-intro-copy h2{font-size:1.45rem}}.author-card{margin-top:4rem;padding:2rem;background:#ffffff0a;border:1px solid rgba(99,102,241,.22);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a33}.author-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(to bottom,#6366f1,#a855f7)}.author-card-inner{display:flex;gap:1.5rem;align-items:flex-start}.author-avatar{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#818cf8;border:1px solid rgba(99,102,241,.35);background:radial-gradient(circle at top,#818cf840,#6366f114)}.author-info{flex:1}.author-name-group{margin-bottom:.75rem}.author-role{margin:0 0 .25rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc}.author-card .author-name{margin:0;padding:0;border:0;font-size:1.2rem;font-weight:700;color:#e2e8f0}.author-description{margin:0;font-size:.96rem;color:#94a3b8;line-height:1.75}.author-links{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.author-links a{text-decoration:none;border-radius:999px;padding:.7rem 1rem;font-size:.9rem;font-weight:600;transition:transform .2s ease,border-color .2s ease,background .2s ease}.author-links a:hover{transform:translateY(-2px)}.author-link-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.author-link-secondary{background:#ffffff0a;border:1px solid rgba(148,163,184,.26);color:#e2e8f0}@media(max-width:640px){.author-card{padding:1.5rem}.author-card-inner{flex-direction:column}}.blog-post-page{min-height:100vh;background:linear-gradient(135deg,#0a0f1e,#1a1f2e)}.blog-breadcrumbs{display:flex;align-items:center;gap:.35rem;margin-bottom:1rem;color:#94a3b8;font-size:.85rem;flex-wrap:wrap}.blog-breadcrumbs a{color:#c4b5fd;text-decoration:none}.blog-breadcrumbs span{color:#cbd5e1}.blog-post-header{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-bottom:1px solid rgba(99,102,241,.2);padding:1rem}.blog-post-container{max-width:800px;margin:0 auto}.blog-post-header .back-btn{display:inline-flex;align-items:center;gap:.5rem;color:#a5b4fc;text-decoration:none;font-size:.85rem;margin-bottom:1rem;padding:.4rem .8rem;background:#6366f11a;border-radius:6px;border:1px solid rgba(99,102,241,.2);transition:all .2s;white-space:nowrap;width:fit-content}.blog-post-header .back-btn:hover{color:#818cf8}.blog-post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.blog-post-category{display:inline-block;padding:.35rem 1rem;border-radius:16px;background:#6366f126;color:#a5b4fc;font-size:.85rem;font-weight:500}.blog-post-date{color:#94a3b8;font-size:.9rem}.blog-post-read-time{display:flex;align-items:center;gap:.35rem;color:#94a3b8;font-size:.9rem}.blog-post-header h1{font-size:1.5rem;font-weight:700;color:#e2e8f0;line-height:1.3;margin:0}@media(min-width:768px){.blog-post-header h1{font-size:2rem}}.blog-post-excerpt{margin-top:1rem;color:#94a3b8;font-size:1.1rem;line-height:1.6;max-width:720px}.blog-post-content{padding:3rem 1rem}.article-content{color:#cbd5e1;font-size:1.05rem;line-height:1.8}.article-content h2{font-size:1.75rem;font-weight:600;color:#e2e8f0;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(99,102,241,.3)}.article-content h3{font-size:1.35rem;font-weight:600;color:#e2e8f0;margin-top:2rem;margin-bottom:.75rem}.article-content p{margin-bottom:1.25rem;color:#cbd5e1}.article-content strong{color:#e2e8f0;font-weight:600;display:block;margin-top:1rem;margin-bottom:.5rem}.article-content ul,.article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;color:#cbd5e1}.article-content em{display:block;margin-top:2rem;padding:1rem;background:#6366f10d;border-left:3px solid rgba(99,102,241,.5);border-radius:4px;color:#94a3b8;font-style:normal;font-size:.9rem}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:#6366f10d;border-left:4px solid #6366f1;border-radius:4px;color:#cbd5e1}.article-not-found{text-align:center;padding:4rem 2rem}.article-not-found h2{font-size:1.5rem;color:#e2e8f0;margin-bottom:1rem}.article-not-found p{color:#94a3b8;margin-bottom:2rem}.article-not-found a{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s}.article-not-found a:hover{transform:translateY(-2px)}.related-title{margin-top:4rem!important;border-bottom:none!important}.related-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:1.5rem}@media(min-width:640px){.related-grid{grid-template-columns:repeat(2,1fr)}}.related-card{background:#ffffff08;border:1px solid rgba(99,102,241,.2);border-radius:12px;text-decoration:none;transition:all .3s ease;display:flex;overflow:hidden}.related-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#6366f166;box-shadow:0 8px 20px #0003}.related-card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.related-card-category{font-size:.7rem;color:#818cf8;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.5rem}.related-card h3{margin:0 0 1rem!important;font-size:1.1rem!important;line-height:1.4;color:#e2e8f0}.related-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.8rem}.related-card-excerpt{margin:0 0 1rem;color:#94a3b8;font-size:.92rem;line-height:1.65}.related-section{margin-top:4rem}.related-title-secondary{margin-top:0!important}.blog-post-cta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:1.25rem;align-items:center;margin-top:3rem;padding:1.5rem;border-radius:20px;border:1px solid rgba(16,185,129,.24);background:radial-gradient(circle at top right,rgba(16,185,129,.18),transparent 45%),#ffffff08}.blog-post-cta h2{margin-top:0}.blog-post-cta p{margin:0}.blog-post-cta-eyebrow{display:inline-block;margin-bottom:.7rem;color:#6ee7b7;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-post-cta-actions{display:flex;flex-direction:column;gap:.75rem}.blog-post-cta-actions a{text-decoration:none;text-align:center;border-radius:999px;padding:.85rem 1rem;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease}.blog-post-cta-actions a:hover{transform:translateY(-2px)}.blog-post-cta-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.blog-post-cta-secondary{background:#ffffff0a;border:1px solid rgba(148,163,184,.26);color:#e2e8f0}@media(max-width:767px){.blog-post-cta{grid-template-columns:1fr}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-around;align-items:center;padding:0 var(--space-md);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-tertiary);gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1);flex:1;height:100%}.nav-item svg{transition:transform .2s ease}.nav-item span{font-size:.7rem;font-weight:500;letter-spacing:.02em}.nav-item:hover{color:var(--text-primary)}.nav-item.active,.nav-item.active.record{color:var(--color-accent-primary)}.nav-item.active.consult{color:var(--color-accent-secondary)}.nav-item.active.notebook{color:#a78bfa}.bottom-nav.mode-singles .nav-item.active.notebook,.bottom-nav.mode-singles .nav-item.active.record{color:#ef4444}.bottom-nav.mode-doubles .nav-item.active.notebook,.bottom-nav.mode-doubles .nav-item.active.record{color:#f97316}.nav-item.active svg{transform:translateY(-2px)}.bottom-nav.match-mode{border-top-color:#ef444459;box-shadow:0 -8px 24px #ef44441f}.bottom-nav.mode-practice{border-top-color:#10b98147}.bottom-nav.mode-singles{border-top-color:#ef444466}.bottom-nav.mode-doubles{border-top-color:#f59e0b61;box-shadow:0 -8px 24px #f59e0b1f}.trial-start-overlay{position:fixed;inset:0;z-index:2200;background:#000000c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.trial-start-modal{width:100%;max-width:440px;border-radius:20px;background:#1e293b;border:1px solid rgba(251,191,36,.25);box-shadow:0 25px 50px #00000073;padding:28px 24px;text-align:center}.trial-start-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;background:#fbbf2426;border:1px solid rgba(251,191,36,.35);color:#fbbf24;display:flex;align-items:center;justify-content:center}.trial-start-modal h2{margin-bottom:10px;font-size:1.35rem;font-weight:700;color:#fff}.trial-start-modal p{color:var(--text-secondary);line-height:1.65;font-size:.95rem}.trial-start-btn{margin-top:18px;width:100%;border:none;border-radius:999px;padding:1rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03;cursor:pointer;transition:transform .2s ease,filter .2s ease}.trial-start-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.trial-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.trial-start-next-btn{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#eff6ff}.trial-start-error{margin-top:10px;color:#fca5a5!important;font-size:.85rem!important}.system-announcement-overlay{position:fixed;inset:0;z-index:2100;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:16px}.system-announcement-content{position:relative;width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:16px;padding:22px 20px 18px;box-shadow:0 24px 60px #00000059}.system-announcement-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.system-announcement-close:hover{color:var(--text-primary);border-color:var(--border-color-light)}.system-announcement-title{margin:0 34px 12px 0;font-size:1.1rem;font-weight:800;color:var(--text-primary);line-height:1.5}.system-announcement-body{margin:0;color:var(--text-primary);line-height:1.8;font-size:.95rem;white-space:pre-wrap}.system-announcement-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}@media(max-width:600px){.system-announcement-content{padding:18px 14px 14px;border-radius:14px}.system-announcement-title{font-size:1rem}.system-announcement-body{font-size:.9rem;line-height:1.7}}