:root{--primary-color: #0EA5E9;--primary-hover: #0284C7;--secondary-color: #2C3E50;--success-color: #27AE60;--error-color: #E74C3C;--warning-color: #F39C12;--bg-color: #F9FAFB;--surface-color: #FFFFFF;--border-color: #E5E7EB;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--user-bubble: #0EA5E9;--app-bubble: #E0F2FE;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;--transition: all .2s ease}[data-theme=dark]{--primary-color: #38BDF8;--primary-hover: #7DD3FC;--secondary-color: #94A3B8;--success-color: #34D399;--error-color: #F87171;--warning-color: #FBBF24;--bg-color: #111827;--surface-color: #1F2937;--border-color: #374151;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-muted: #9CA3AF;--user-bubble: #0EA5E9;--app-bubble: #0C4A6E}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);font-size:16px;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover);text-decoration:underline}button{border-radius:6px;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition)}button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #4a90d94d}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}button.secondary:hover:not(:disabled){background-color:var(--bg-color);box-shadow:none}button.delete-button{background-color:var(--error-color)}button.delete-button:hover:not(:disabled){background-color:#c0392b}input,textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-family:inherit;background-color:var(--surface-color);color:var(--text-primary);transition:var(--transition)}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90d91a}textarea{resize:vertical;min-height:100px}label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500}.loading{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.error,.error-message{background-color:#fadbd8;color:var(--error-color);padding:var(--spacing-md);border-radius:6px;margin-bottom:var(--spacing-md);border-left:4px solid var(--error-color)}.success-message{background-color:#d5f4e6;color:var(--success-color);padding:var(--spacing-md);border-radius:6px;margin-bottom:var(--spacing-md);border-left:4px solid var(--success-color)}.text-muted{color:var(--text-muted);font-size:.875rem}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}@media(max-width:768px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}.container{padding:var(--spacing-sm)}}.header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-xl);box-shadow:0 2px 4px #0000000d}.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:.4rem}.nav-brand:hover{text-decoration:none;opacity:.8}.brand-icon{height:1.6em;width:1.6em;object-fit:contain;vertical-align:middle;border-radius:4px}.brand-icon-sm{height:1.2em;width:1.2em;object-fit:contain;vertical-align:middle;border-radius:3px}.brand-icon-lg{height:1.4em;width:1.4em;object-fit:contain;vertical-align:middle;border-radius:5px}.nav-links{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{color:var(--text-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.nav-link:hover{color:var(--primary-color)}.landing-page{min-height:100vh;display:flex;flex-direction:column}.hero{background:linear-gradient(135deg,#0ea5e9,#0284c7,#0369a1);color:#fff;padding:4rem var(--spacing-md);text-align:center;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero-background-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-icon{position:absolute;font-size:3rem;opacity:.15;animation:float 6s ease-in-out infinite}.floating-icon.icon-1{top:10%;left:10%;animation-delay:0s}.floating-icon.icon-2{top:20%;right:15%;animation-delay:1s}.floating-icon.icon-3{bottom:20%;left:15%;animation-delay:2s}.floating-icon.icon-4{bottom:15%;right:10%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-content{position:relative;z-index:1;max-width:1100px;display:flex;align-items:center;gap:3rem}.hero-text{flex:1}.hero-screenshot{flex:1;max-width:550px}.hero-screenshot-img{width:100%;border-radius:12px;box-shadow:0 8px 32px #0000004d}.how-it-works-layout{display:flex;align-items:flex-start;gap:3rem;max-width:1100px;margin:0 auto}.how-it-works-steps{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.how-it-works-screenshot{flex:0 0 280px}.how-it-works-screenshot-img{width:100%;border-radius:16px;box-shadow:0 8px 32px #0000004d}@media(max-width:768px){.hero-content{flex-direction:column;text-align:center}.hero-screenshot{max-width:100%}.how-it-works-layout{flex-direction:column}.how-it-works-screenshot{flex:none;max-width:250px;margin:0 auto}}.hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.3);animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:3.5rem;margin-bottom:var(--spacing-md);color:#fff;font-weight:700;line-height:1.2;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero .subtitle{font-size:1.25rem;margin-bottom:var(--spacing-xl);color:#fff;opacity:.95;max-width:650px;line-height:1.7;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out .4s both}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease-out .6s both}.btn-primary-large{font-size:1.1rem;padding:1rem 2.5rem;background:#fff;color:var(--primary-color);font-weight:600;box-shadow:0 4px 20px #0003;transition:all .3s ease}.btn-primary-large:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 30px #7c3aed66;background:#f8f9fa}.hero-buttons .secondary{background-color:transparent;color:#fff;border:2px solid white;font-size:1.1rem;padding:1rem 2rem;font-weight:600}.hero-buttons .secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.hero-note{color:#ffffffe6;font-size:.95rem;margin-top:var(--spacing-md);animation:fadeInUp .6s ease-out .8s both}.story-section{padding:3rem var(--spacing-lg);background:linear-gradient(135deg,#0369a1,#0284c7,#0ea5e9);color:#fff}.story-content{max-width:800px;margin:0 auto}.story-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.story-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);flex-shrink:0}.story-content h2{font-size:1.8rem;margin:0;color:#fff}.story-cta{margin-top:1.5rem}.story-contact-link{color:#fff;font-weight:600;font-size:1.05rem;text-decoration:none;padding:10px 24px;border:2px solid rgba(255,255,255,.5);border-radius:8px;display:inline-block;transition:all .2s ease}.story-contact-link:hover{background:#ffffff26;border-color:#fff}.story-text p{font-size:1.05rem;line-height:1.7;margin-bottom:1rem;color:#ffffffeb}.story-signature{margin-top:1.5rem;font-weight:600;font-size:1rem;color:#fff}.examples{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--surface-color)}.examples h2{text-align:center;margin-bottom:var(--spacing-xl)}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.example-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:16px;padding:var(--spacing-xl);transition:all .3s ease;position:relative;overflow:hidden}.example-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4,#14b8a6);opacity:0;transition:opacity .3s ease}.example-card:hover:before{opacity:1}.example-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #7c3aed40;border-color:var(--primary-color)}.example-card h3{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.3rem;font-weight:600}.landing-video{padding:var(--spacing-xl) var(--spacing-md);text-align:center;background-color:var(--surface-color)}.landing-video-label{margin-bottom:var(--spacing-xl)}.landing-video-player{max-width:720px;width:100%;border-radius:12px;box-shadow:0 4px 16px #00000026}.landing-latest-video{padding:var(--spacing-xl) var(--spacing-md);text-align:center}.landing-latest-video h2{margin-bottom:var(--spacing-sm)}.landing-latest-video-desc{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.landing-latest-video-links{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);font-size:.9rem}.landing-latest-video-links a{color:var(--primary-color);text-decoration:none}.landing-latest-video-links a:hover{text-decoration:underline}.landing-latest-workout{padding:var(--spacing-xl) var(--spacing-md);text-align:center;background-color:var(--surface-color)}.landing-latest-workout h2{margin-bottom:var(--spacing-lg)}.latest-workout-card{display:block;max-width:720px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-decoration:none;color:inherit;text-align:left;transition:border-color .2s,transform .2s,box-shadow .2s}.latest-workout-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.latest-workout-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--primary-color);font-size:1.2rem}.latest-workout-desc{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.latest-workout-meta{display:flex;gap:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.latest-workout-arrow{color:var(--primary-color);font-size:.9rem}.latest-workout-timeline{height:40px;margin-bottom:var(--spacing-md)}.dashboard-section-label{font-size:.85rem;color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.03em}.dashboard-latest-workout-card{width:100%}.dashboard-latest-workout-card .latest-workout-timeline,.dashboard-latest-workout-card .latest-workout-meta{align-self:stretch}.dashboard-section+.dashboard-section{margin-top:var(--spacing-lg)}.features{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--bg-color)}.features h2{text-align:center;margin-bottom:var(--spacing-xl)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.feature-item{background-color:var(--surface-color);padding:var(--spacing-xl);border-radius:16px;border:2px solid var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;position:relative;overflow:hidden}.feature-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#7c3aed0d,#ec48990d);opacity:0;transition:opacity .4s ease;pointer-events:none}.feature-item:hover:before{opacity:1}.feature-item:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 24px #7c3aed33;border-color:var(--primary-color)}.feature-icon{font-size:3.5rem;margin-bottom:var(--spacing-md);display:inline-block;transition:all .4s ease}.feature-item:hover .feature-icon{transform:scale(1.2) rotate(5deg)}.feature-item h3{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.2rem;font-weight:600;position:relative}.feature-item p{color:var(--text-secondary);margin:0;line-height:1.7;position:relative}.feature-subtitle{color:var(--primary-color);font-weight:600;font-size:.95rem;font-style:italic;margin-bottom:var(--spacing-sm);position:relative}.feature-highlight{cursor:default}.feature-highlight:before{pointer-events:none}.feature-cta{margin-top:var(--spacing-md);background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;position:relative;z-index:1}.feature-cta:hover{background:var(--primary-hover)}.learn-more-section{padding:var(--spacing-xl) var(--spacing-lg);max-width:800px;margin:0 auto}.learn-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:600px){.learn-more-grid{grid-template-columns:1fr}}.learn-more-card{display:block;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-decoration:none;color:var(--text-primary);position:relative;transition:border-color .2s,box-shadow .2s}.learn-more-card:hover{border-color:var(--primary-color);box-shadow:0 2px 12px #7c3aed1a}.learn-more-card h3{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.learn-more-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.learn-more-arrow{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);color:var(--primary-color);font-size:1.2rem;font-weight:700}.landing-use-cases{padding:var(--spacing-xl) var(--spacing-lg);max-width:900px;margin:0 auto}.landing-use-cases h2{text-align:center;margin-bottom:var(--spacing-xl)}.landing-use-cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:600px){.landing-use-cases-grid{grid-template-columns:1fr}}.landing-use-cases-more{text-align:center;margin-top:var(--spacing-lg)}.landing-use-cases-more a{color:var(--primary-color);font-weight:600;font-size:.95rem;text-decoration:none}.landing-use-cases-more a:hover{text-decoration:underline}.learn-more-card-wide{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto}.learn-more-card-wide .learn-more-arrow{position:static;flex-shrink:0;margin-left:var(--spacing-md)}.cta-section{background:linear-gradient(135deg,#0ea5e9,#0284c7,#0369a1);color:#fff;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.cta-section h2{color:#fff;font-size:2rem;margin-bottom:var(--spacing-md)}.cta-section p{color:#ffffffe6;font-size:1.125rem;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.cta-section button{background-color:#fff;color:var(--primary-color);font-size:1.1rem;padding:1rem 2.5rem;box-shadow:0 4px 12px #0003}.cta-section button:hover{background-color:var(--bg-color);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.pm-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.pm-container h1{margin-bottom:var(--spacing-sm);color:var(--primary-color)}.pm-intro{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:1.05rem}.pm-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-xl)}.pm-section-title{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-size:1.1rem;color:var(--primary-color);border-left:3px solid var(--primary-color);padding-left:var(--spacing-sm)}.pm-text{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.pm-table-wrapper{overflow-x:auto;margin-bottom:var(--spacing-lg);background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-sm)}.pm-table{width:100%;border-collapse:collapse;font-size:.85rem}.pm-table th,.pm-table td{padding:8px 12px;text-align:left}.pm-table th{font-weight:600;color:var(--primary-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary-color)}.pm-table td{border-bottom:1px solid var(--border-color)}.pm-table td:first-child{font-weight:500;color:var(--text-primary)}.pm-table td:not(:first-child){font-variant-numeric:tabular-nums}.pm-table tbody tr:hover{background:var(--bg-color)}.pm-total-row{font-weight:600}.pm-total-row td{border-top:2px solid var(--primary-color);border-bottom:none;color:var(--primary-color)}.pm-loading,.pm-error{text-align:center;color:var(--text-secondary);padding:var(--spacing-xl)}.pm-error{color:var(--error-color)}.pm-footer-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);font-size:.9rem}.pm-footer-links a{color:var(--primary-color);text-decoration:none}.pm-footer-links a:hover{text-decoration:underline}.landing-footer{background-color:var(--secondary-color);color:#fff;padding:var(--spacing-lg) var(--spacing-md)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.footer-content p{margin:0;color:#fffc}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);align-items:center}.footer-links a{color:#fffc;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:#fff;text-decoration:none}.footer-links span{color:#fff6}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.auth-container{background-color:var(--surface-color);padding:var(--spacing-xl);border-radius:8px;box-shadow:0 4px 16px #0000001a;max-width:450px;width:100%}.auth-container h1{text-align:center;margin-bottom:var(--spacing-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-description{color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--spacing-md);text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg)}.form-group.checkbox{flex-direction:row;align-items:flex-start}.form-group.checkbox label{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.form-group.checkbox span{-webkit-user-select:none;user-select:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.field-error{color:var(--error-color);font-size:.875rem;margin-top:var(--spacing-xs)}.field-valid{color:var(--success-color);font-size:.875rem;margin-top:var(--spacing-xs)}.field-hint{color:var(--text-muted);font-size:.8125rem;margin-top:var(--spacing-xs)}.password-requirements{list-style:none;padding:0;margin:var(--spacing-sm) 0 0 0;font-size:.8125rem}.password-requirements li{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px 0}.password-requirements .req-icon{display:inline-block;width:1em;text-align:center;flex-shrink:0}.password-requirements .req-met{color:var(--success-color)}.password-requirements .req-unmet{color:var(--text-muted)}.auth-header{text-align:center;margin-bottom:var(--spacing-lg)}.auth-header .back-link{display:inline-block;margin-bottom:var(--spacing-md);color:var(--primary-color);text-decoration:none}.auth-header .back-link:hover{text-decoration:underline}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.form-actions button{flex:1}.auth-footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.legal-page{max-width:800px;text-align:left}.legal-content{line-height:1.7}.legal-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-size:1.1rem;color:var(--text-primary)}.legal-content h4{margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);font-size:.95rem;color:var(--text-primary)}.legal-content p{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.legal-content ul,.legal-content ol{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.legal-content li{margin-bottom:var(--spacing-xs)}.legal-toc{font-size:.85rem}.legal-toc li{margin-bottom:2px}.legal-toc a{color:var(--primary);text-decoration:none}.legal-toc a:hover{text-decoration:underline}.legal-caps{text-transform:none;font-size:.85rem!important}.legal-note{font-style:italic;color:var(--text-muted)!important;font-size:.875rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.notification-preferences{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.preferences-header{margin-bottom:var(--spacing-xl)}.preferences-header .subtitle{color:var(--text-secondary)}.preferences-form{background-color:var(--surface-color);padding:var(--spacing-xl);border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:var(--spacing-xl)}.preference-group{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.preference-item{display:flex;justify-content:space-between;align-items:start;gap:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:8px}.preference-info h3{margin-bottom:var(--spacing-sm)}.preference-info p{margin:0;font-size:.875rem}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:var(--transition);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.theme-options{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.theme-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:var(--transition);background:var(--surface-color)}.theme-option:hover{border-color:var(--primary-color)}.theme-option.active{border-color:var(--primary-color);background:var(--bg-color)}.theme-option input[type=radio]{accent-color:var(--primary-color)}.theme-option-label{font-weight:500;color:var(--text-primary)}.cancel-button{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.cancel-button:hover{background-color:var(--bg-color)}.save-button{background-color:var(--success-color)}.save-button:hover:not(:disabled){background-color:#229954}.preferences-info{background-color:var(--surface-color);padding:var(--spacing-lg);border-radius:8px;border-left:4px solid var(--primary-color)}.preferences-info h3{color:var(--primary-color)}.preferences-info ul{list-style:none;padding:0}.preferences-info li{padding:var(--spacing-sm) 0;color:var(--text-secondary)}.preferences-info li strong{color:var(--text-primary)}.email-verification-section{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.btn-verify-email{background-color:var(--primary-color);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-verify-email:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-verify-email:disabled{opacity:.6;cursor:not-allowed}.verification-note{font-style:italic;font-weight:300;color:#f90;font-size:.875rem;margin-left:var(--spacing-sm)}.form-header{margin-bottom:var(--spacing-xl)}.back-link{color:var(--primary-color);text-decoration:none;font-size:.875rem;display:inline-block;margin-bottom:var(--spacing-sm);transition:var(--transition);background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.back-link:hover{color:var(--primary-hover);transform:translate(-4px)}.account-form{background-color:var(--surface-color);padding:var(--spacing-xl);border-radius:12px;box-shadow:0 4px 12px #7c3aed1a;margin-bottom:var(--spacing-xl)}.form-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.form-section h3{color:var(--primary-color);margin-bottom:var(--spacing-md)}.info-box{background:linear-gradient(135deg,#7c3aed0d,#6d28d90d);padding:var(--spacing-lg);border-radius:12px;border-left:4px solid var(--primary-color)}.info-box h3{color:var(--primary-color);margin-bottom:var(--spacing-md)}.info-box ul{list-style:none;padding:0}.info-box li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-md);position:relative;color:var(--text-secondary)}.info-box li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.required{color:#e74c3c}.forgot-links{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-md) 0;padding:0 var(--spacing-xs)}.forgot-link{color:var(--primary-color);text-decoration:none;font-size:.875rem;transition:var(--transition)}.forgot-link:hover{color:var(--primary-hover);text-decoration:underline}@media(max-width:768px){.hero h1{font-size:2rem}.hero .subtitle{font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons button{width:100%}.example-grid,.feature-grid{grid-template-columns:1fr}.personas-grid{grid-template-columns:1fr 1fr}.preference-item{flex-direction:column}.toggle-switch{align-self:flex-start}.form-actions{flex-direction:column}}@media(max-width:480px){.nav{flex-direction:column;gap:var(--spacing-md)}.nav-links{flex-direction:column;width:100%;gap:var(--spacing-sm)}.auth-container{padding:var(--spacing-md)}}.app-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #7c3aed14;padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{margin:0;font-size:1.75rem;font-weight:700;color:#0ea5e9}.header-actions{display:flex;gap:var(--spacing-lg);align-items:center}.header-actions .btn-link{background:none;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s}.header-actions .btn-link:hover{color:var(--primary-color)}.header-actions .btn-link-primary{background:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-weight:600}.header-actions .btn-link-primary:hover{background:var(--primary-hover);color:#fff}.user-name{font-weight:600;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);border-radius:var(--border-radius)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px)}.btn-outline-primary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline-primary:hover:not(:disabled){background:#7c3aed1a;transform:translateY(-1px)}.btn-outline-primary:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-3xl);background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #7c3aed1a;border:2px dashed rgba(124,58,237,.2);animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.empty-state:before{content:"💬";font-size:4rem;display:block;margin-bottom:var(--spacing-md);opacity:.3;animation:float 3s ease-in-out infinite}.empty-state p{font-size:1.1rem;color:var(--text-secondary);margin:0;font-weight:500}.enriched-empty-state{text-align:left;padding:var(--spacing-xl) var(--spacing-xl)}.enriched-empty-state:before{display:none}.enriched-empty-state p{text-align:left;margin-bottom:var(--spacing-md);line-height:1.6}.enriched-empty-state p:last-child{margin-bottom:0}.enriched-empty-why{font-style:italic;color:var(--primary-color);font-weight:600;border-left:3px solid var(--primary-color);padding-left:var(--spacing-md)}.starter-templates{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.starter-templates-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.starter-templates-grid{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.starter-template-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600;color:var(--text-color);text-align:left}.starter-template-btn:hover{border-color:var(--primary-color);background:#7c3aed0d;transform:translateY(-1px)}.starter-template-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.starter-template-hint{font-size:.78rem;font-weight:400;color:var(--text-secondary)}.starter-template-scratch{border-style:dashed;color:var(--text-secondary);font-weight:500}.starter-templates-prominent{margin-top:var(--spacing-md)}.starter-templates-prominent .starter-template-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.suggestion-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-sm)}.suggestion-chip{padding:6px 14px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;font-size:.85rem;color:var(--text-color);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.suggestion-chip:hover{border-color:var(--primary-color);background:#7c3aed14;color:var(--primary-color)}.suggestion-chip-selected,.suggestion-chip-selected:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.suggestion-chips-prominent{margin-top:var(--spacing-md)}.suggestion-chips-prominent .suggestion-chip{padding:10px 18px;font-size:.95rem}.pricing-page{max-width:600px}.pricing-page h2{text-align:center;font-size:1.6rem;margin-bottom:var(--spacing-xs)}.pricing-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.pricing-single-card{background:var(--surface-color);border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;margin-bottom:var(--spacing-xl)}.pricing-card-header{text-align:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:0}.pricing-card-header h3{font-size:1.2rem;margin-bottom:var(--spacing-xs)}.pricing-price{font-size:2.4rem;font-weight:800;color:var(--text-primary)}.pricing-period{font-size:1rem;font-weight:400;color:var(--text-secondary)}.pricing-price-note{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.pricing-trial-banner{text-align:center;background:var(--primary-color);color:#fff;font-size:.85rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md) calc(-1 * var(--spacing-lg))}.pricing-features{list-style:none;padding:0;margin:0;flex:1;margin-top:var(--spacing-md)}.pricing-features li{font-size:.9rem;color:var(--text-secondary);padding:6px 0 6px 20px;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.pricing-feature-category{font-weight:700;color:var(--text-primary)!important;padding-left:0!important;margin-top:var(--spacing-sm);font-size:.85rem!important}.pricing-feature-category:before{content:""!important}.pricing-card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-color);margin-top:var(--spacing-md);text-align:center}.pricing-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md)}.pricing-current-plan{display:inline-block;font-size:.85rem;color:var(--text-secondary);font-weight:600;padding:var(--spacing-sm) 0}.pricing-promise{margin-bottom:var(--spacing-xl)}.pricing-promise h3{font-size:1.1rem;margin-bottom:var(--spacing-md)}.pricing-promise-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.pricing-promise-item{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.pricing-promise-icon{font-size:1.4rem;flex-shrink:0;line-height:1;margin-top:2px}.pricing-promise-item h4{font-size:.9rem;margin-bottom:4px}.pricing-promise-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.pricing-faq{margin-top:var(--spacing-lg)}.pricing-faq h3{font-size:1.1rem;margin-bottom:var(--spacing-md)}.pricing-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:600px){.pricing-faq-grid{grid-template-columns:1fr}}.pricing-faq-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.pricing-faq-item h4{font-size:.9rem;margin-bottom:var(--spacing-xs)}.pricing-faq-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.pricing-faq-more{text-align:center;margin-top:var(--spacing-lg);font-size:.9rem;color:var(--text-secondary)}.pricing-bottom-cta{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.pricing-bottom-cta p{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.pricing-bottom-cta .pricing-btn{max-width:300px;margin:0 auto;display:block}.use-cases-page{max-width:800px}.use-cases-page h2{text-align:center;font-size:1.6rem;margin-bottom:var(--spacing-xs)}.use-cases-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.use-cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:600px){.use-cases-grid{grid-template-columns:1fr}}.use-case-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.use-case-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.use-case-icon{font-size:2rem;flex-shrink:0}.use-case-card-header h3{font-size:1rem;margin:0}.use-case-name{font-size:.8rem;color:var(--text-secondary);font-style:italic}.use-case-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm)}.use-case-tools{display:flex;flex-wrap:wrap;gap:6px}.use-case-tool-badge{background:#7c3aed1a;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:12px}.use-case-tool-badge-soon{background:#e67e221f;color:#d35400;border:1px dashed rgba(230,126,34,.4)}.use-cases-cta{text-align:center;padding:var(--spacing-lg) 0}.use-cases-cta p{font-size:1.1rem;margin-bottom:var(--spacing-md)}.release-note-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.videos-page{max-width:760px}.videos-page h2{text-align:center;font-size:1.6rem;margin-bottom:var(--spacing-xs)}.videos-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.videos-toc{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl)}.videos-toc-section{line-height:1.8}.videos-toc-label{font-weight:600;margin-right:var(--spacing-xs)}.videos-toc-link{color:var(--primary-color);text-decoration:none;background:none;border:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer}.videos-toc-link:hover{text-decoration:underline}.videos-toc-sep{margin:0 var(--spacing-xs);color:var(--text-muted)}.videos-section{margin-bottom:var(--spacing-xl)}.videos-section-title{font-size:1.3rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.videos-subsection{margin-bottom:var(--spacing-lg)}.videos-subsection-title{font-size:1.05rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.videos-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.videos-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.videos-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.videos-card-header h4{margin:0;font-size:1.1rem}.videos-duration{font-size:.85rem;color:var(--text-secondary);background:var(--bg-color);padding:2px 10px;border-radius:12px}.videos-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-md)}.videos-player{width:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.videos-nav{display:flex;justify-content:space-between;margin-top:var(--spacing-sm)}.videos-nav-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.85rem;padding:4px 0;font-family:inherit}.videos-nav-btn:hover{text-decoration:underline}.videos-channel{font-size:.85rem;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.videos-note{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin:var(--spacing-sm) 0 var(--spacing-md) 0}.videos-quote{border-left:3px solid var(--primary-color);padding:var(--spacing-sm) var(--spacing-lg);margin:0 0 var(--spacing-lg) 0;font-style:italic;color:var(--text-secondary)}.videos-quote p{margin:0 0 var(--spacing-xs) 0}.videos-quote cite{font-style:normal;font-size:.9rem;color:var(--text-secondary)}.videos-youtube-embed{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a}.videos-youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.feature-demo-link{display:inline-block;margin-top:var(--spacing-sm);font-size:.9rem;font-weight:500;color:var(--primary-color);text-decoration:none;position:relative;z-index:1}.feature-demo-link:hover{text-decoration:underline}.help-video-link{display:block;margin-top:var(--spacing-sm);font-size:.95rem;font-weight:500;color:var(--primary-color);text-decoration:none;text-align:center}.help-video-link:hover{text-decoration:underline}.inline-tip{display:flex;align-items:center;gap:var(--spacing-sm);background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0;font-size:.85rem;color:var(--text-secondary);animation:fadeInUp .3s ease-out}.inline-tip-icon{background:var(--primary-color);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:8px;flex-shrink:0}.inline-tip-text{flex:1}.inline-tip-dismiss{background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1;opacity:.6;flex-shrink:0}.inline-tip-dismiss:hover{opacity:1;color:var(--text-primary)}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.25rem;color:var(--text-secondary);background:var(--bg-color)}.header-nav{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.hamburger-btn{background:none;border:1px solid var(--border-color);border-radius:6px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--transition)}.hamburger-btn:hover{background:#0000000a}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon span{display:block;height:2px;background:var(--text-primary);border-radius:1px;transition:all .25s}.hamburger-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:180px;max-height:calc(100dvh - 70px);overflow-y:auto;z-index:200}.dropdown-menu-user{padding:var(--spacing-sm) var(--spacing-md);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:.9rem}.dropdown-menu-link{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;font-size:.95rem;border:none;background:none;text-align:left;cursor:pointer;transition:background .15s}.dropdown-menu-link:hover{background:#7c3aed0f;color:var(--primary-color)}.dropdown-menu-logout{border-top:1px solid var(--border-color);color:var(--error-color)}.dropdown-menu-logout:hover{background:#e74c3c0f;color:var(--error-color)}.dropdown-menu-cta{color:var(--primary-color);font-weight:600}.dropdown-menu-cta:hover{background:#7c3aed14;color:var(--primary-color)}.dropdown-menu-divider{height:1px;background:var(--border-color);margin:4px 0}@media(max-width:768px){.app-header{padding:var(--spacing-sm) var(--spacing-md)}.app-header h1{font-size:1.25rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.account-page{min-height:100vh;background:var(--bg-color);display:flex;flex-direction:column}.account-container{flex:1;max-width:900px;width:100%;margin:0 auto;padding:var(--spacing-xl);animation:fadeInUp .6s ease-out}.account-container h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xl) 0}.account-section{background:var(--surface-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #0000000d;animation:fadeInUp .6s ease-out}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.section-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item label{font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-primary);font-size:1rem;padding:var(--spacing-sm) 0}.status-badge.verified{background:#10b9811a;color:#059669;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;display:inline-block}.status-badge.unverified{background:#ef44441a;color:#dc2626;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;display:inline-block}.help-text{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xs);line-height:1.5}.info-message,.success-message{background:#10b9811a;border-left:4px solid #059669;color:#065f46;padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);animation:fadeInUp .3s ease-out}.error-message{background:#ef44441a;border-left:4px solid #DC2626;color:#991b1b;padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);animation:fadeInUp .3s ease-out}@media(max-width:768px){.account-container{padding:var(--spacing-md)}.account-container h2{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.info-grid{grid-template-columns:1fr}}.bell-button{background:transparent;border:none;cursor:pointer;padding:var(--spacing-sm);position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s}.bell-button:hover{transform:scale(1.1)}.bell-icon{font-size:1.5rem}.notification-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:600;min-width:18px;text-align:center}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;width:360px;max-height:480px;overflow:hidden;z-index:1000}.notification-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--surface-color)}.notification-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.unread-count{font-size:.875rem;color:var(--text-muted)}.notification-loading,.notification-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.notification-item:hover{background:#7c3aed0d}.notification-item:last-child{border-bottom:none}.notification-title{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:.9rem}.notification-body{color:var(--text-muted);font-size:.85rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:.75rem;color:var(--text-muted)}.notification-item-header{margin-bottom:4px}.notification-type-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:3px}.notification-type-label.type-response{background:#7c3aed1a;color:var(--primary-color)}.notification-type-label.type-summary{background:#10b9811a;color:#10b981}.notification-item.notification-summary{border-left:3px solid #10b981}.notification-item.notification-response{border-left:3px solid var(--primary-color)}@media(max-width:768px){.notification-dropdown{position:fixed;top:56px;left:var(--spacing-sm);right:var(--spacing-sm);width:auto}}.header-logo-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:.4rem}.header-logo-link:hover{color:#0284c7;text-decoration:none}.subscription-expired{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:var(--spacing-xl)}.subscription-expired-card{background:var(--surface-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);max-width:520px;width:100%;text-align:center;box-shadow:0 2px 8px #0000000d;border-top:4px solid var(--primary-color);animation:fadeInUp .6s ease-out}.subscription-expired-card h2{margin:0 0 var(--spacing-md);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.subscription-expired-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.subscription-expired-pricing{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.subscription-expired-price{font-size:1.75rem;font-weight:700;color:var(--primary-color)}.subscription-expired-annual{font-size:.875rem;color:var(--text-muted)}.subscription-expired-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.subscription-expired-actions .btn-primary{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.subscription-expired-actions .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.subscription-expired-promise{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-bottom:0}.trial-banner{background:var(--warning-color);color:#1f2937;text-align:center;font-size:.85rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);position:relative;z-index:99}.trial-banner a{color:#1f2937;text-decoration:underline;margin-left:var(--spacing-xs)}.trial-banner a:hover{color:var(--primary-color)}.trial-banner.trial-banner-expired{background:var(--error-color);color:#fff}.trial-banner.trial-banner-expired a{color:#fff}.subscription-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.subscription-status-badge.trial{background:#f39c1226;color:var(--warning-color)}.subscription-status-badge.paid{background:#10b9811a;color:var(--success-color)}.subscription-status-badge.expired{background:#ef44441a;color:#dc2626}@media(max-width:600px){.subscription-expired-card{padding:var(--spacing-lg) var(--spacing-md)}.subscription-expired-actions{flex-direction:column}}.faq-page .videos-section{margin-bottom:var(--spacing-sm)}.faq-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.faq-toc-item{display:block}.faq-toc-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);text-decoration:none;color:var(--primary-color);transition:background .15s;background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left}.faq-toc-link:hover{background:var(--surface-color)}.faq-toc-count{font-size:.8rem;color:var(--text-secondary);background:var(--border-color);border-radius:10px;padding:1px 8px;min-width:1.5em;text-align:center}.faq-section-title{font-size:1.25rem;font-weight:600;padding:var(--spacing-sm) 0;border-bottom:2px solid var(--border-color);margin-bottom:0}.faq-questions{padding-left:var(--spacing-md)}.faq-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none}.faq-question{margin:0;font-size:.95rem;font-weight:400}.faq-answer{margin:var(--spacing-sm) 0 0 1.5em;line-height:1.6;color:var(--text-secondary)}.faq-answer a{color:var(--primary-color);text-decoration:none}.faq-answer a:hover{text-decoration:underline}.faq-model-table{width:100%;border-collapse:collapse;margin:var(--spacing-sm) 0;font-size:.9rem}.faq-model-table th,.faq-model-table td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-color);text-align:left}.faq-model-table th{font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-secondary)}.faq-model-table a{color:var(--primary-color);text-decoration:none}.faq-model-table a:hover{text-decoration:underline}.health-disclaimer{font-size:.8rem;color:var(--text-muted);margin-top:var(--spacing-md);font-style:italic}.release-notes-page{max-width:700px}.release-notes-page h2{text-align:center;font-size:1.6rem;margin-bottom:var(--spacing-xs)}.release-notes-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.release-notes-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.release-note-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-lg)}.release-note-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.release-note-version{background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:12px}.release-note-date{font-size:.85rem;color:var(--text-secondary)}.release-note-title{font-size:1.15rem;margin:0 0 var(--spacing-md) 0}.release-note-group{margin-bottom:var(--spacing-sm)}.release-note-category{font-size:.9rem;margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary)}.release-note-category-link{color:var(--primary-color);text-decoration:none}.release-note-category-link:hover{text-decoration:underline}.release-note-items{margin:0;padding-left:var(--spacing-lg);font-size:.9rem;line-height:1.6}.release-note-items li{margin-bottom:2px}.release-note-subitems{margin:var(--spacing-xs) 0 var(--spacing-xs) 0;padding-left:var(--spacing-lg);list-style-type:circle}.release-note-subitems li{margin-bottom:2px}.dashboard-container{max-width:1000px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);animation:fadeInUp .3s ease-out}.dashboard-container h2{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-lg)}.dashboard-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:var(--spacing-md)}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.dashboard-card-header h3{margin-bottom:0}.dashboard-card-header a{color:var(--primary-color);text-decoration:none;font-size:.875rem}.dashboard-card-header a:hover{text-decoration:underline}.dashboard-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.dashboard-latest-video{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-lg);margin-top:var(--spacing-md);text-align:center}.dashboard-latest-video h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.dashboard-latest-video-desc{font-size:.9rem;color:var(--text-secondary);margin:0 auto var(--spacing-md) auto;max-width:640px}.dashboard-latest-video-player{width:100%;max-width:720px;border-radius:8px;box-shadow:0 4px 16px #00000026}.dashboard-latest-video-links{display:flex;justify-content:center;gap:var(--spacing-sm);font-size:.85rem;flex-wrap:wrap;margin-top:var(--spacing-md)}.dashboard-latest-video-links a{color:var(--primary-color);text-decoration:none}.dashboard-latest-video-links a:hover{text-decoration:underline}.dashboard-link-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-xl);background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:var(--transition);position:relative}.dashboard-link-card h4{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;color:var(--primary-color)}.dashboard-link-card p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.dashboard-link-arrow{position:absolute;top:var(--spacing-xl);right:var(--spacing-xl);font-size:1.2rem;color:var(--primary-color)}.dashboard-link-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-link-card:hover h4,.dashboard-link-card:hover .dashboard-link-arrow{color:var(--primary-hover)}.workout-container{max-width:1000px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);animation:fadeInUp .3s ease-out}.workout-container h2{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.workout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.workout-filters{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.workout-search{width:100%;padding:10px 14px;font-size:.95rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);outline:none}.workout-search:focus{border-color:var(--primary-color)}.workout-search::placeholder{color:var(--text-muted)}.workout-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.workout-filter-label{font-size:.8rem;color:var(--text-secondary);min-width:60px}.workout-filter-btn{padding:4px 12px;font-size:.8rem;border:1px solid var(--border-color);border-radius:16px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.workout-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.workout-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.workout-result-count{font-size:.8rem;color:var(--text-muted)}.workout-card-name-row{display:flex;align-items:center;gap:8px}.workout-badge-free{font-size:.65rem;padding:2px 6px;border-radius:10px;background:var(--success-color);color:#fff;text-transform:uppercase;font-weight:600;white-space:nowrap}.workout-legend{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);font-size:.8rem;color:var(--text-secondary)}.workout-card{display:flex;flex-direction:column;background:var(--surface-color);border:1px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:12px;padding:var(--spacing-lg);text-decoration:none;color:inherit;transition:var(--transition)}.workout-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.workout-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.workout-card-name{color:var(--text-primary);font-size:1.15rem;margin:0 0 var(--spacing-xs) 0}.workout-card-description{color:var(--text-secondary);font-size:.85rem;margin:0;line-height:1.4}.workout-card-duration{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.workout-card-duration-value{font-size:1.3rem;font-weight:700;color:var(--primary-color);line-height:1}.workout-card-duration-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.workout-card-timeline{display:flex;align-items:flex-end;height:50px;gap:1px}.workout-card-timeline-segment{min-width:3px;border-radius:2px 2px 0 0;transition:opacity .15s}.workout-card:hover .workout-card-timeline-segment{opacity:.85}.workout-detail-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);animation:fadeInUp .3s ease-out}.workout-detail-back{color:var(--primary-color);text-decoration:none;font-size:.875rem;display:inline-block;margin-bottom:var(--spacing-md)}.workout-detail-back:hover{text-decoration:underline}.workout-detail-container h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.workout-detail-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.workout-detail-meta{display:flex;gap:var(--spacing-lg);color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-xl)}.workout-detail-timeline{display:flex;align-items:flex-end;height:60px;gap:1px;margin-bottom:var(--spacing-md)}.workout-detail-timeline-segment{min-width:3px;border-radius:2px 2px 0 0;transition:opacity .15s}.workout-detail-timeline-segment:hover{opacity:.8}.workout-timeline-legend{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);font-size:.8rem;color:var(--text-secondary)}.workout-legend-item{display:flex;align-items:center;gap:6px}.workout-legend-dot{width:12px;height:12px;border-radius:50%}.training-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.workout-interval-table,.workout-detail-table{width:100%;border-collapse:collapse}.workout-interval-table th,.workout-detail-table th{text-align:left;padding:12px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.workout-interval-table td,.workout-detail-table td{padding:12px 16px;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.workout-detail-table tbody tr:hover{background:var(--bg-color)}.effort-badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600}.btn-secondary{padding:8px 16px;background:var(--surface-color);border:1px solid var(--primary-color);color:var(--primary-color);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.btn-secondary:hover{background:var(--primary-color);color:#fff}@media(max-width:768px){.dashboard-grid,.dashboard-links-grid,.workout-grid{grid-template-columns:1fr}.workout-container,.workout-detail-container,.dashboard-container{padding:var(--spacing-md)}.workout-detail-table th,.workout-detail-table td{padding:10px 8px;font-size:.8rem}.workout-detail-table .col-sequence,.workout-detail-table .col-ftp{display:none}.effort-badge{padding:3px 8px;font-size:.7rem}}