:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;--color-primary:#3D8BFF;--color-secondary:#F5B544;--color-accent:#2FCE7C;--color-background:#070A10;--color-surface:#111520;--color-surface-alt:#171B2A;--color-border-subtle:#1B2130;--glass-bg:rgba(15,23,42,0.75);--glass-bg-light:rgba(20,30,50,0.65);--glass-bg-heavy:rgba(10,15,25,0.85);--glass-blur:blur(24px) saturate(180%);--glass-blur-light:blur(12px) saturate(150%);--glass-border:1px solid rgba(255,255,255,0.1);--glass-border-strong:1px solid rgba(255,255,255,0.15);--glass-shadow:0 24px 48px rgba(0,0,0,0.4);--glass-inner-glow:inset 0 1px 0 rgba(255,255,255,0.05);--glass-radius:20px;--color-text-primary:#F5F7FF;--color-text-secondary:#B1B8C4;--color-text-muted:#7C86A5;--color-text-inverse:#070A10;--color-text-on-purple:#FFFFFF;--color-success:#2FCE7C;--color-warning:#F5C84C;--color-error:#FF4B5C;--color-info:#4AB6FF;--belt-white:#F5F5F5;--belt-blue:#3D8BFF;--belt-purple:#8E5BEF;--belt-brown:#8C5A3C;--belt-black:#1A1D2B;--belt-accent:var(--belt-blue);--belt-accent-glow:rgba(61,139,255,0.3);--gradient-primary:linear-gradient(90deg,#3B7CFF,#35B8FF);--gradient-belt-progress:linear-gradient(90deg,#3D8BFF,#8E5BEF 33%,#8C5A3C 66%,#1A1D2B);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-full:999px;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,Monaco,Consolas,monospace;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--duration-fast:150ms;--duration-normal:200ms;--duration-slow:250ms;--touch-min:44px;--touch-ideal:48px;--touch-large:56px;background-color:var(--color-background);color:var(--color-text-primary)}html{background-color:#070A10}.touch-target{min-height:var(--touch-min);min-width:var(--touch-min)}.touch-target-ideal{min-height:var(--touch-ideal);min-width:var(--touch-ideal)}.touch-target-large{min-height:var(--touch-large);min-width:var(--touch-large)}.btn,.tab-btn,[role=button],a,button,input[type=button],input[type=reset],input[type=submit]{min-height:var(--touch-min);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-interaction,.card-interactive,.prompt-chip,.tab-btn,[role=button],button:not(.no-interaction){transition:transform .12s ease-out,opacity .12s ease-out}.btn-interaction:active,.card-interactive:active,.prompt-chip:active,.tab-btn:active,[role=button]:active,button:not(.no-interaction):active{transform:scale(.97);opacity:.9}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0,var(--color-surface-alt) 25%,var(--color-surface) 50%,var(--color-surface-alt) 75%,var(--color-surface) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1em;border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-card{min-height:120px;border-radius:var(--radius-md)}[data-belt=white]{--belt-accent:var(--belt-white);--belt-accent-glow:rgba(245,245,245,0.3)}[data-belt=blue]{--belt-accent:var(--belt-blue);--belt-accent-glow:rgba(61,139,255,0.3)}[data-belt=purple]{--belt-accent:var(--belt-purple);--belt-accent-glow:rgba(142,91,239,0.3)}[data-belt=brown]{--belt-accent:var(--belt-brown);--belt-accent-glow:rgba(140,90,60,0.3)}[data-belt=black]{--belt-accent:var(--belt-black);--belt-accent-glow:rgba(26,29,43,0.3)}.belt-accent-border{border-color:var(--belt-accent)!important}.belt-accent-bg{background:var(--belt-accent)!important}.belt-accent-glow{box-shadow:0 0 20px var(--belt-accent-glow)}.text-display{font-size:2rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.text-title{font-size:1.25rem;font-weight:700;line-height:1.3}.text-body{font-size:1rem;font-weight:400;line-height:1.5}.text-small{font-size:.875rem;font-weight:400;line-height:1.4}.text-micro{font-size:.75rem;font-weight:500;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.scroll-shadows{position:relative}.scroll-shadows:after,.scroll-shadows:before{content:"";position:absolute;left:0;right:0;height:24px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.scroll-shadows:before{top:0;background:linear-gradient(to bottom,var(--color-surface),transparent)}.scroll-shadows:after{bottom:0;background:linear-gradient(to top,var(--color-surface),transparent)}.scroll-shadows.can-scroll-down:after,.scroll-shadows.can-scroll-up:before{opacity:1}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.ripple-button{position:relative;overflow:hidden}.ripple-button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 0);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .8s}.ripple-button:active:after{transform:scale(0);opacity:.4;transition:0s}.analyze-session-btn,.btn,.icon-btn,.nav-fab,.nav-item,.onboarding-finish-btn,.onboarding-next-btn,.tab-btn{position:relative;overflow:hidden}.analyze-session-btn:after,.btn:after,.icon-btn:after,.nav-fab:after,.nav-item:after,.onboarding-finish-btn:after,.onboarding-next-btn:after,.tab-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.25) 10%,transparent 0);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .8s}.analyze-session-btn:active:after,.btn:active:after,.icon-btn:active:after,.nav-fab:active:after,.nav-item:active:after,.onboarding-finish-btn:active:after,.onboarding-next-btn:active:after,.tab-btn:active:after{transform:scale(0);opacity:.4;transition:0s}.btn:focus-visible,.tab-btn:focus-visible,[role=button]:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(61,139,255,.2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(61,139,255,.15)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.analysis-item:focus-visible,.nav-item:focus-visible,.session-card-enhanced:focus-visible,.stat-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(61,139,255,.15)}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-primary);color:white;padding:.75rem 1.5rem;z-index:10000;transition:top .2s}.skip-link:focus{top:0}.pull-to-refresh{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.pull-indicator{position:absolute;top:0;left:0;right:0;height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height .2s ease;background:var(--color-surface);z-index:10}.pull-indicator.pulling,.pull-indicator.refreshing{height:60px}.pull-spinner{width:24px;height:24px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:pull-spin .8s linear infinite}.pull-arrow{width:24px;height:24px;color:var(--color-text-muted);transition:transform .2s ease}.pull-indicator.pulling .pull-arrow{transform:rotate(180deg)}@keyframes pull-spin{to{transform:rotate(1turn)}}.pull-text{font-size:.8rem;color:var(--color-text-muted);margin-left:.5rem}.chat-analysis-content{overflow:hidden;transition:max-height .3s var(--ease-out-expo),opacity .2s ease}.chat-analysis-content.collapsed{max-height:0;opacity:0}.chat-analysis-content.expanded{max-height:2000px;opacity:1}.session-card-enhanced .card-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-out-expo)}.session-card-enhanced.expanded .card-details{grid-template-rows:1fr}.session-card-enhanced .card-details-inner{overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#2563eb);color:white;border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);box-shadow:0 4px 12px rgba(61,139,255,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(61,139,255,.4)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(61,139,255,.3)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.btn-secondary:hover{background:rgba(61,139,255,.1)}.btn-secondary:active{background:rgba(61,139,255,.2)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.btn-ghost:hover{background:rgba(255,255,255,.05);color:var(--color-text-primary)}.btn-ghost:active{background:rgba(255,255,255,.1)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:var(--touch-min)}.btn-lg{padding:1rem 2rem;font-size:1.125rem;min-height:var(--touch-large)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-background);color:inherit}a{color:var(--color-info)}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:calc(3.5rem + env(safe-area-inset-top, 0px)) env(safe-area-inset-right,0) calc(124px + env(safe-area-inset-bottom, 0px)) env(safe-area-inset-left,0)}.chat-container{width:min(960px,100%);display:grid;grid-template-columns:3fr 1.2fr;grid-gap:1.5rem;gap:1.5rem}.app-container{width:min(800px,100%);display:flex;flex-direction:column;gap:1rem}.app-header{flex-direction:row;justify-content:space-between;padding:.75rem 0;flex-wrap:nowrap;gap:.5rem}.app-header,.header-left{display:flex;align-items:center}.header-left{gap:.625rem}.header-logo{font-size:1.5rem;line-height:1}.header-logo-img{width:32px;height:32px;border-radius:6px}.header-feedback-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.5rem;color:var(--color-primary);text-decoration:none;border-radius:.5rem;background:transparent;transition:all .2s;border:none}.header-feedback-link:hover{background:rgba(61,139,255,.1)}.app-header h1{margin:0;font-size:1.25rem;font-weight:700}.test-mode-badge{background:linear-gradient(135deg,var(--color-secondary),var(--color-warning));color:var(--color-surface-alt);padding:.15rem .5rem;border-radius:.25rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tab-nav{display:flex;gap:.5rem;background:var(--color-surface);padding:.5rem;border-radius:.75rem}.tab-btn{flex:1 1;padding:.75rem 1rem;background:transparent;color:var(--color-text-muted);border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.tab-btn:hover{background:rgba(125,211,252,.1);color:var(--color-text-primary)}.tab-btn.active{background:linear-gradient(135deg,var(--color-info),var(--color-primary));color:white}.tab-content{flex:1 1}.chat-panel,.home-panel{display:flex;flex-direction:column}.home-panel{gap:var(--space-lg)}.welcome-hero{text-align:center;padding:var(--space-lg);margin-bottom:var(--space-md)}.welcome-hero h2{margin:0;font-size:1.75rem;color:var(--color-primary)}.welcome-hero p{margin:.75rem 0 0;color:var(--color-text-muted);font-size:1rem}.home-hero{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);padding-bottom:calc(80px + var(--space-lg));border:1px solid rgba(148,163,184,.2)}.consistency-calendar{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border-subtle);margin-bottom:var(--space-lg);overflow:hidden}.consistency-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.consistency-title{display:flex;flex-direction:column;gap:2px}.consistency-title .title-text{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.consistency-title .subtitle-text{font-size:.75rem;color:var(--color-text-secondary)}.consistency-legend{display:flex;align-items:center;gap:3px}.consistency-legend .legend-label{font-size:.625rem;color:var(--color-text-muted)}.consistency-legend .legend-cell{width:10px;height:10px;border-radius:2px}.day-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top-left-radius:20px;border-top-right-radius:20px;padding:var(--space-lg);max-height:60vh;overflow-y:auto;z-index:1000;box-shadow:0 -4px 24px rgba(0,0,0,.3)}.sheet-handle{width:36px;height:4px;background:var(--color-text-muted);border-radius:2px;margin:0 auto 16px;opacity:.3}.sheet-header{margin-bottom:var(--space-md)}.sheet-date{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.sheet-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sheet-sessions{display:flex;flex-direction:column;gap:var(--space-md)}.sheet-session{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:var(--space-md)}.session-type{font-weight:600;color:var(--color-text-primary);display:block;margin-bottom:4px}.session-note{font-size:.875rem;color:var(--color-text-secondary);display:block}.hero-header{text-align:center;margin-bottom:var(--space-lg)}.hero-header h2{margin:0;font-size:1.5rem;color:var(--color-primary)}.hero-header p{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.9rem}.home-sessions{display:flex;flex-direction:column;gap:var(--space-md)}.section-header{justify-content:space-between}.section-header h3{margin:0;font-size:1.1rem;color:var(--color-text)}.see-all-btn{background:transparent;border:none;font-size:.85rem;cursor:pointer;padding:.25rem .5rem}.home-empty,.see-all-btn{color:var(--color-text-muted)}.home-empty{text-align:center;padding:var(--space-xl)}.home-empty .empty-hint{font-size:.9rem}.home-empty.first-mission{padding:var(--space-lg)}.first-mission-card{background:linear-gradient(135deg,rgba(61,139,255,.15),rgba(142,91,239,.1));border:1px solid rgba(61,139,255,.3);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;max-width:340px;margin:0 auto}.first-mission-card .mission-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.first-mission-card h3{margin:0 0 var(--space-sm);font-size:1.25rem;color:var(--color-primary);font-weight:700}.first-mission-card .mission-text{margin:0 0 var(--space-lg);font-size:1rem;color:var(--color-text-primary);line-height:1.5}.first-mission-card .analysis-preview{background:rgba(47,206,124,.08);border:1px solid rgba(47,206,124,.2);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);text-align:left}.first-mission-card .preview-header{margin-bottom:var(--space-sm)}.first-mission-card .preview-badge{font-size:.75rem;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:.5px}.first-mission-card .preview-items{display:flex;flex-direction:column;gap:var(--space-xs)}.first-mission-card .preview-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.first-mission-card .item-icon{font-size:1rem;flex-shrink:0;width:24px;text-align:center}.first-mission-card .item-text{font-size:.85rem;color:var(--color-text-secondary);line-height:1.3}.first-mission-card .mission-preview{background:rgba(47,206,124,.1);border:1px solid rgba(47,206,124,.25);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-sm);text-align:left}.first-mission-card .preview-icon{font-size:1.25rem;flex-shrink:0}.first-mission-card .preview-text{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.first-mission-card .mission-hint{margin:0;font-size:.9rem;color:var(--color-text-muted)}.first-mission-card .fab-hint{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:50%;font-weight:700;font-size:1rem;margin:0 4px;vertical-align:middle}.see-example-section{text-align:center;margin-top:var(--space-md);padding:0 var(--space-md)}.see-example-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:1px dashed var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all .2s ease}.see-example-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.welcome-hero.nux-01{text-align:center;padding:var(--space-md) var(--space-lg) var(--space-xs);margin-bottom:0}.welcome-hero.nux-01 h2{margin:0;font-size:1.5rem;color:var(--color-text-primary);font-weight:700}.welcome-hero.nux-01 .welcome-subtitle{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.95rem;line-height:1.4}.example-analysis-section{background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(59,130,246,.05));border:1px dashed rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) var(--space-md) 0}.example-badge-header{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.example-badge{background:rgba(34,197,94,.15);color:#22c55e;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.example-preview,.example-summary-card{margin-bottom:var(--space-sm)}.example-summary-card{background:rgba(255,255,255,.03);border-radius:var(--radius-md);padding:var(--space-sm)}.example-summary-card p{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.example-cards-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.example-card{border-radius:var(--radius-md);padding:var(--space-sm)}.example-card.strength{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}.example-card.focus{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2)}.example-card .card-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-bottom:4px}.example-card.strength .card-label{color:#22c55e}.example-card.focus .card-label{color:#eab308}.example-card p{margin:0;font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.expand-example-btn{width:100%;background:transparent;border:none;color:var(--color-text-muted);font-size:.85rem;padding:var(--space-xs) 0;cursor:pointer;transition:color .2s ease}.expand-example-btn:hover{color:var(--color-text-primary)}.sample-session-demo.expanded{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.1)}.slim-mission-card{text-align:center;padding:var(--space-md) var(--space-lg)}.slim-mission-card p{margin:0;color:var(--color-text-muted);font-size:.9rem}.cta-row{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md)}.cta-row .primary-cta{width:100%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:white;font-size:1rem;font-weight:600;padding:14px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.cta-row .primary-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,.3)}.freshness-info{text-align:center;color:var(--color-text-muted);font-size:.8rem;padding:0 var(--space-lg) var(--space-lg);margin:0}.welcome-hero.conv-003{text-align:center;padding:var(--space-md) var(--space-lg) var(--space-sm);margin-bottom:0}.welcome-hero.conv-003 .mat-illustration{font-size:4rem;margin-bottom:var(--space-xs);opacity:.9}.welcome-hero.conv-003 h2{margin:0;font-size:1.75rem;color:var(--color-text-primary);font-weight:600}.welcome-hero.conv-003 p{margin:.75rem 0 0;color:var(--color-text-muted);font-size:1rem;line-height:1.5}.home-empty.first-mission.conv-003{padding:var(--space-md)}.home-empty.first-mission.conv-003 .first-mission-card{background:linear-gradient(135deg,rgba(61,139,255,.1),rgba(142,91,239,.05));border:1px solid rgba(61,139,255,.25);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;max-width:360px;margin:0 auto var(--space-md)}.home-empty.first-mission.conv-003 .first-mission-card h3{margin:0 0 var(--space-md);font-size:1.1rem;color:var(--color-text-primary);font-weight:600}.mission-progress{margin-bottom:var(--space-lg)}.mission-progress .progress-label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.mission-progress .progress-bar{height:6px;background:rgba(148,163,184,.2);border-radius:3px;overflow:hidden}.mission-progress .progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.mission-primary-cta{width:100%;padding:.875rem 1.5rem;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-md)}.mission-primary-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.quick-start-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.quick-chip{padding:.5rem .875rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.quick-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(61,139,255,.05)}.helper-link{background:transparent;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.helper-link:hover{color:var(--color-text-secondary)}.log-help-modal{max-width:320px;padding:var(--space-lg);text-align:left}.log-help-modal h3{margin:0 0 var(--space-sm);font-size:1.25rem;color:var(--color-text-primary)}.log-help-modal .modal-subtitle{margin:0 0 var(--space-md);color:var(--color-text-secondary);font-size:.95rem}.log-help-list{margin:0 0 var(--space-lg);padding-left:var(--space-lg)}.log-help-list li{margin-bottom:var(--space-sm);color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.modal-primary-btn{width:100%;padding:.75rem 1rem;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease}.modal-primary-btn:hover{background:var(--color-primary-hover)}.sample-session-demo{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:2px dashed #bdbdbd;animation:fadeIn .3s ease;position:relative;overflow:hidden}.sample-session-demo .session-card{filter:grayscale(50%) opacity(.75);pointer-events:none}.sample-session-demo .sample-badge{display:inline-block;background:rgba(255,152,0,.15);color:#FF9800;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);position:relative;z-index:2}.sample-session-demo .sample-hint{margin-top:var(--space-md);text-align:center;font-size:.85rem;color:var(--color-text-muted);position:relative;z-index:2}.sample-coach-container{padding:16px;display:flex;flex-direction:column;gap:16px;animation:fadeInUp .4s cubic-bezier(.17,.67,.83,.67)}.sample-coach-header{display:flex;align-items:center;gap:8px}.sample-coach-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.sample-thread{display:flex;flex-direction:column;gap:12px;opacity:.85}.sample-message{border-radius:12px;padding:12px 16px}.sample-message.user{background:var(--color-primary);color:white;margin-left:24px}.sample-message.ai{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);margin-right:24px}.sample-coach-cta{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.25);border-radius:12px;padding:16px;text-align:center}.sample-coach-cta-text{margin:0 0 12px;font-size:.875rem;color:var(--color-text-muted)}.sample-coach-cta-btn{background:var(--color-primary);color:white;border:none;border-radius:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.sample-coach-cta-btn:hover{background:var(--color-primary-dark,#2563eb);transform:translateY(-1px)}.coach-welcome-container{padding:24px 16px 0;display:flex;flex-direction:column;gap:24px;animation:fadeInUp .4s cubic-bezier(.17,.67,.83,.67)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coach-welcome-card{display:flex;align-items:center;gap:16px;background:#12151E;padding:16px;border-radius:16px;border:1px solid #334155;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.coach-avatar-container{flex-shrink:0}.coach-avatar{object-fit:cover}.coach-avatar,.coach-avatar-fallback{width:56px;height:56px;border-radius:50%;border:2px solid #3d8bff}.coach-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#172554);font-size:1.5rem}.coach-avatar-fallback.hidden{display:none}.coach-welcome-text{flex:1 1}.coach-welcome-title{margin:0 0 4px;font-family:var(--font-family);font-size:20px;font-weight:700;color:#F9FAFB}.coach-welcome-subtitle{margin:0;font-family:var(--font-family);font-size:14px;font-weight:400;color:#9CA3AF}.qa-count-badge{display:inline-block;margin-top:8px;padding:4px 10px;background:#1A1F2E;border-radius:12px;font-size:12px;font-weight:600;color:#F9FAFB}.powered-by-badge{display:block;margin-top:6px;font-size:11px;font-weight:400;color:#6B7280;opacity:.8}.coach-example-qna{background:#1A1F2E;border-radius:8px;padding:10px 14px}.coach-example-user{margin:0 0 4px;font-weight:500;color:#F9FAFB}.coach-example-response,.coach-example-user{font-family:var(--font-family);font-size:13px}.coach-example-response{margin:0;font-weight:400;color:#9CA3AF}.coach-prompt-buttons{display:flex;flex-direction:column;gap:8px}.coach-prompt-btn{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;background:#12151E;border:1px solid #1a1f2e;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.coach-prompt-btn:hover{background:#1A1F2E;border-color:#334155}.coach-prompt-btn:active{transform:scale(.98)}.coach-prompt-btn-primary{background:#1A1F2E;border:1.5px solid #3d8bff;box-shadow:0 0 12px rgba(61,139,255,.15)}.coach-prompt-btn-primary .coach-prompt-text{font-weight:600}.coach-prompt-emoji{font-size:1.25rem;flex-shrink:0}.coach-prompt-text{font-family:var(--font-family);font-size:14px;font-weight:500;color:#F9FAFB}.coach-welcome{padding:var(--space-lg)}.coach-welcome .welcome-header{text-align:center;margin-bottom:var(--space-lg)}.coach-welcome .welcome-header h2{font-size:1.25rem;color:var(--color-primary)}.list-panel{min-height:500px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.list-header h2{margin:0;font-size:1.25rem;color:var(--color-info)}.sync-btn{padding:.5rem 1rem;background:var(--color-background);border:1px solid rgba(125,211,252,.35);color:var(--color-info);border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:all .2s}.sync-btn:hover{background:rgba(125,211,252,.1)}.empty-state{text-align:center;color:var(--color-text-muted);padding:2rem}.card-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto}.analysis-card,.session-card{background:var(--color-background);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:1rem}.card-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.card-date{font-weight:600;color:var(--color-info)}.card-id,.card-model{font-size:.8rem;color:var(--color-text-muted)}.card-model{margin:.25rem 0}.card-content{margin:0;line-height:1.5;white-space:pre-wrap}.focus-points{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(148,163,184,.2)}.focus-points strong{color:var(--color-info)}@media (max-width:960px){.chat-container{grid-template-columns:1fr}}.panel{background:var(--color-surface);border-radius:1rem;padding:1.5rem;box-shadow:0 15px 40px rgba(0,0,0,.45)}.chat-log{min-height:400px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-right:.5rem}.message{padding:1rem 1.125rem;border-radius:18px;line-height:1.65;white-space:pre-wrap;box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:85%}.message strong{font-weight:600;color:var(--color-info)}.message.user{background:var(--color-primary);color:#FFFFFF;align-self:flex-end;border-bottom-right-radius:4px}.message.user strong{color:#FFFFFF}.message-badge{display:inline-block;font-size:.7rem;padding:.2rem .6rem;border-radius:1rem;margin-bottom:.5rem;font-weight:600;letter-spacing:.02em}.message-badge.question{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.1));color:var(--color-info);border:1px solid rgba(59,130,246,.35)}.message-badge.training_log{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.1));color:var(--color-success);border:1px solid rgba(34,197,94,.35)}.message.ai{background:#23263A;color:var(--color-text-primary);align-self:flex-start;border-left:3px solid #7c3aed;border-bottom-left-radius:4px}.message.system{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-left:3px solid var(--color-info);color:var(--color-text-secondary);font-size:.9rem}.message.error{background:rgba(239,68,92,.1);color:var(--color-error)}.message.error,.retry-btn{border:1px solid var(--color-error)}.retry-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.625rem 1rem;min-height:2.75rem;background:rgba(239,68,92,.15);color:var(--color-text);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:rgba(239,68,92,.25);transform:translateY(-1px)}.retry-btn:active{transform:translateY(0)}.feedback-container{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(125,211,252,.1)}.feedback-buttons{display:flex;gap:.5rem}.feedback-btn{justify-content:center;width:2.75rem;height:2.75rem;border-radius:.5rem;border:1px solid rgba(125,211,252,.2);background:rgba(15,23,42,.5);font-size:.9rem;transition:all .2s ease;opacity:.6}.feedback-btn:hover{opacity:1;background:rgba(30,41,59,.8);border-color:rgba(125,211,252,.4)}.feedback-btn.active{opacity:1;background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);transform:scale(1.05)}.feedback-btn.active:hover{background:rgba(59,130,246,.3)}.feedback-form{margin-top:.75rem;animation:slideDown .2s ease-out}.feedback-textarea{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid rgba(125,211,252,.2);background:rgba(15,23,42,.7);color:var(--color-text);font-size:.875rem;font-family:inherit;resize:none;transition:border-color .2s ease}.feedback-textarea:focus{outline:none;border-color:rgba(125,211,252,.5)}.feedback-textarea::placeholder{color:var(--color-text-muted)}.feedback-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.feedback-skip,.feedback-submit{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.feedback-submit{background:var(--color-accent);color:white;border:none}.feedback-submit:hover{background:var(--color-accent-hover)}.feedback-skip{background:transparent;color:var(--color-text-secondary);border:1px solid rgba(125,211,252,.2)}.feedback-skip:hover{background:rgba(30,41,59,.5);border-color:rgba(125,211,252,.4)}.quick-reply-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(125,211,252,.1)}.quick-reply-chip{padding:.5rem .875rem;background:rgba(61,139,255,.1);border:1px solid rgba(61,139,255,.3);border-radius:999px;color:var(--color-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);white-space:nowrap;min-height:var(--touch-min);display:flex;align-items:center}.quick-reply-chip:hover{background:rgba(61,139,255,.2);border-color:var(--color-primary);transform:translateY(-1px)}.quick-reply-chip:active{transform:translateY(0);background:rgba(61,139,255,.25)}.structured-coach-response{display:flex;flex-direction:column;gap:.5rem}.response-prefix{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(125,211,252,.15)}.collapsible-section{border-radius:.5rem;overflow:hidden;background:rgba(15,23,42,.5);border:1px solid rgba(125,211,252,.1)}.section-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .8rem;background:rgba(30,41,59,.5);border:none;cursor:pointer;text-align:left;color:inherit;font-size:.9rem;transition:background .2s ease}.section-header:hover{background:rgba(51,65,85,.5)}.section-toggle{font-size:.65rem;color:var(--color-text-muted);width:1rem;flex-shrink:0}.section-emoji{flex-shrink:0}.section-title{font-weight:600;color:var(--color-info);flex:1 1}.copy-btn{font-size:.75rem;padding:.2rem .5rem;background:rgba(59,130,246,.2);border-radius:.25rem;color:var(--color-info);cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background:rgba(59,130,246,.4)}.copy-btn.copied{background:rgba(34,197,94,.3);color:var(--color-success)}.section-content{padding:.6rem .8rem .8rem 2.3rem;line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap}.show-full-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;margin-top:.25rem;background:rgba(59,130,246,.1);border:1px dashed rgba(59,130,246,.3);border-radius:.5rem;color:var(--color-info);font-size:.85rem;cursor:pointer;transition:all .2s ease}.show-full-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5)}.controls{display:flex;gap:.75rem}.controls .ask-btn{border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;background:var(--gradient-primary);color:white;font-weight:600;font-size:1rem;cursor:pointer;min-height:var(--touch-ideal);transition:opacity .15s ease,transform .15s ease}.controls .ask-btn:hover:not(:disabled){transform:translateY(-1px)}.controls .ask-btn:active:not(:disabled){transform:translateY(0)}.controls .ask-btn.empty-input{opacity:.5}.controls .ask-btn:disabled{cursor:not-allowed;opacity:.6}.input-toggles{display:flex;gap:.5rem;margin-bottom:.5rem}.input-wrapper{flex:1 1;position:relative;display:flex}.input-wrapper textarea{flex:1 1;padding-right:3.5rem;min-height:44px;max-height:120px;resize:none;overflow-y:auto}.input-wrapper textarea.recording{border-color:var(--color-error);background:rgba(239,68,68,.1);animation:pulse-border 1.5s ease-in-out infinite}.partner-suggestions{position:absolute;bottom:100%;left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:.5rem;box-shadow:0 -4px 12px rgba(0,0,0,.3);overflow:hidden;z-index:100}.partner-suggestions .suggestions-header{padding:.5rem .75rem;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.partner-suggestions .suggestion-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;cursor:pointer;transition:background .15s ease}.partner-suggestions .suggestion-item.active,.partner-suggestions .suggestion-item:hover{background:var(--color-bg-tertiary)}.partner-suggestions .partner-name{font-weight:500;color:var(--color-text)}.partner-suggestions .partner-belt{font-size:.7rem;padding:.125rem .375rem;border-radius:.25rem;text-transform:capitalize}.partner-suggestions .partner-belt.belt-white{background:#f5f5f5;color:#333}.partner-suggestions .partner-belt.belt-blue{background:#3b82f6;color:white}.partner-suggestions .partner-belt.belt-purple{background:#9333ea;color:white}.partner-suggestions .partner-belt.belt-brown{background:#92400e;color:white}.partner-suggestions .partner-belt.belt-black{background:#1f2937;color:white}.partner-suggestions .roll-count{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}@keyframes pulse-border{0%,to{border-color:var(--color-error)}50%{border-color:var(--color-error)}}.mic-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;background:transparent;border:none;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mic-btn .mic-label{display:none}.mic-btn:hover{background:rgba(61,139,255,.15);color:var(--color-primary);transform:translateY(-50%) scale(1.08)}.mic-btn:active{transform:translateY(-50%) scale(.92);background:rgba(61,139,255,.25)}.mic-btn.recording{background:var(--color-error);animation:pulse-mic .8s ease-in-out infinite;box-shadow:0 0 20px rgba(239,68,68,.5)}.mic-btn.recording,.mic-btn.transcribing{border:none;color:white;width:40px;height:40px;min-width:40px}.mic-btn.transcribing{background:var(--color-primary);animation:pulse-transcribe 1.2s ease-in-out infinite;box-shadow:0 0 16px rgba(61,139,255,.4);cursor:wait}.transcribing-indicator{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin-slow .8s linear infinite;display:block}@keyframes pulse-transcribe{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.03);opacity:.85}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mic-btn.recording:after{content:"";position:absolute;width:14px;height:14px;background:white;border-radius:2px;opacity:0}.recording-timer{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.03em;color:white;text-shadow:0 1px 2px rgba(0,0,0,.2)}.live-transcript-overlay{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;margin-bottom:.5rem;animation:fade-in .2s ease-out}.live-transcript-overlay .live-indicator{color:var(--color-error);font-size:.75rem;animation:pulse-dot 1s ease-in-out infinite;flex-shrink:0;margin-top:.15rem}.live-transcript-overlay .live-text{font-size:.95rem;color:var(--color-text-primary);line-height:1.4;font-style:italic;opacity:.9}@keyframes pulse-mic{0%,to{transform:translateY(-50%) scale(1);box-shadow:0 0 20px rgba(239,68,68,.5)}50%{transform:translateY(-50%) scale(1.05);box-shadow:0 0 28px rgba(239,68,68,.6)}}.mic-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mic-btn-container{position:relative}.mic-btn.pulse-discovery{animation:mic-discovery-pulse 2s ease-in-out infinite}@keyframes mic-discovery-pulse{0%,to{box-shadow:0 4px 12px rgba(61,139,255,.3)}50%{box-shadow:0 0 0 8px rgba(61,139,255,.15),0 4px 12px rgba(61,139,255,.3)}}.voice-tip-tooltip{bottom:calc(100% + 8px);transform:translateX(-50%);border:1px solid #3d8bff;border-radius:8px;padding:8px 12px;white-space:nowrap;animation:fadeInDown .3s cubic-bezier(.17,.67,.83,.67);cursor:pointer;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.3)}.voice-tip-tooltip,.voice-tip-tooltip:after{position:absolute;left:50%;background:#12151E}.voice-tip-tooltip:after{content:"";bottom:-6px;margin-left:-5px;width:10px;height:10px;border-right:1px solid #3d8bff;border-bottom:1px solid #3d8bff;transform:rotate(45deg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.voice-tip-text{font-family:var(--font-family);font-size:13px;font-weight:600;color:#F9FAFB}.chat-input-container{position:sticky;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border-subtle);padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.input-bar-inner{display:flex;align-items:flex-end;gap:10px;background:#1E293B;border-radius:24px;padding:8px 12px;position:relative}.chat-input-container .mic-btn{flex-shrink:0;width:44px;height:44px;min-width:44px;border-radius:50%;background:#7C3AED;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(124,58,237,.25);-webkit-tap-highlight-color:transparent}.chat-input-container .mic-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(124,58,237,.35)}.chat-input-container .mic-btn:active:not(:disabled){transform:scale(.95)}.chat-input-container .mic-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-container[data-state=recording] .mic-btn{background:var(--color-error);animation:mic-recording-pulse 1.5s cubic-bezier(.66,0,0,1) infinite}@keyframes mic-recording-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}70%{box-shadow:0 0 0 12px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.chat-input-container .mic-btn .recording-timer{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:white}.chat-input-container .mic-btn .transcribing-indicator{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin-slow .8s linear infinite}.input-bar-inner textarea{flex:1 1;border:none;background:transparent;color:var(--color-text-primary);font-size:16px;line-height:1.5;padding:8px 4px;resize:none;max-height:150px;min-height:28px;caret-color:var(--color-primary)}.input-bar-inner textarea::placeholder{color:var(--color-text-muted)}.input-bar-inner textarea:focus{outline:none}.input-bar-inner textarea:disabled{opacity:.6;cursor:not-allowed}.chat-input-container .send-btn{flex-shrink:0;width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--color-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(61,139,255,.25);-webkit-tap-highlight-color:transparent}.chat-input-container .send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(61,139,255,.35)}.chat-input-container .send-btn:active:not(:disabled){transform:scale(.95)}.chat-input-container .send-btn:disabled{opacity:.4;cursor:not-allowed;transform:scale(.9)}.chat-input-container[data-state=idle] .send-btn,.chat-input-container[data-state=typing] .mic-btn{transform:scale(0);opacity:0;width:0;min-width:0;padding:0;margin:0;pointer-events:none}.chat-input-container[data-state=typing] .send-btn{transform:scale(1);opacity:1;width:40px;min-width:40px}.chat-input-container[data-state=recording] .send-btn{transform:scale(0);opacity:0;width:0;min-width:0;pointer-events:none}.chat-input-container[data-state=pending] .input-bar-inner,.chat-input-container[data-state=transcribing] .input-bar-inner{opacity:.6;pointer-events:none}.chat-input-container .voice-tip-tooltip{position:absolute;bottom:100%;left:12px;margin-bottom:8px;background:rgba(124,58,237,.95);padding:6px 12px;border-radius:8px;z-index:10;animation:voice-tip-fade .3s ease;cursor:pointer}.input-bar-inner .partner-suggestions{position:absolute;bottom:100%;left:54px;right:54px;margin-bottom:8px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);max-height:200px;overflow-y:auto;z-index:50}.message.ai.thinking{animation:message-slide-fade-in .3s cubic-bezier(.4,0,.2,1)}.message.ai.thinking .thinking-content{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#23263A;border-radius:18px;color:var(--color-text-muted);font-size:.9rem}.thinking-text{color:var(--color-text-secondary)}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-muted);animation:typing-dot-bounce 1.4s ease-in-out infinite both}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes typing-dot-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes message-slide-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{animation:message-slide-fade-in .25s cubic-bezier(.4,0,.2,1)}.message.ai:not(.thinking){animation:message-slide-fade-in .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.message,.message.ai.thinking,.typing-indicator span{animation:none}.chat-input-container .mic-btn,.chat-input-container .send-btn{transition:none}.chat-input-container[data-state=recording] .mic-btn{animation:none;box-shadow:0 0 0 4px rgba(239,68,68,.4)}}.controls.voice-first{display:none}.voice-first-input-row{display:flex;align-items:center;gap:16px;min-height:64px}.mic-fab-container{flex-direction:column;gap:4px;flex-shrink:0}.mic-fab,.mic-fab-container{display:flex;align-items:center}.mic-fab{width:56px;height:56px;min-width:56px;border-radius:50%;background:#7C3AED;border:none;cursor:pointer;justify-content:center;font-size:1.5rem;color:white;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px rgba(124,58,237,.35);-webkit-tap-highlight-color:transparent;touch-action:manipulation;animation:mic-fab-pulse 2s ease-in-out infinite}@keyframes mic-fab-pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px rgba(124,58,237,.35)}50%{transform:scale(1.06);box-shadow:0 6px 24px rgba(124,58,237,.5)}}.mic-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(124,58,237,.5);animation:none}.mic-fab:active{transform:scale(.95);animation:none}.mic-fab.recording{background:var(--color-error);animation:mic-fab-recording .8s ease-in-out infinite;box-shadow:0 0 24px rgba(239,68,68,.6)}@keyframes mic-fab-recording{0%,to{transform:scale(1);box-shadow:0 0 24px rgba(239,68,68,.6)}50%{transform:scale(1.05);box-shadow:0 0 32px rgba(239,68,68,.7)}}.mic-fab.transcribing{background:var(--color-primary);animation:mic-fab-transcribe 1.2s ease-in-out infinite;box-shadow:0 0 20px rgba(61,139,255,.5);cursor:wait}@keyframes mic-fab-transcribe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.85}}.mic-fab:disabled{opacity:.5;cursor:not-allowed;animation:none}.mic-fab .recording-timer{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.03em;color:white;text-shadow:0 1px 2px rgba(0,0,0,.2)}.mic-fab .mic-lucide-icon{color:white;stroke-width:2.5}.mic-fab .transcribing-indicator{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin-slow .8s linear infinite;display:block}.mic-fab-label{font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.prompt-chip-bar{display:flex;gap:10px;overflow-x:auto;flex:1 1;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,black 85%,transparent);mask-image:linear-gradient(90deg,black 85%,transparent)}.prompt-chip-bar::-webkit-scrollbar{display:none}.prompt-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1A1F2E;border:1px solid var(--color-border-subtle);border-radius:20px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.prompt-chip:hover{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.4)}.prompt-chip:active{transform:scale(.97);opacity:.9}.prompt-chip .chip-emoji{font-size:1rem;line-height:1}.prompt-chip .chip-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--color-text-secondary)}.prompt-chip .chip-text{font-size:.8125rem;font-weight:500;color:var(--color-text-primary);line-height:1}.text-input-row{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--color-border-subtle)}.type-instead-label{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0;text-transform:lowercase}.text-input-row .input-wrapper.compact{flex:1 1}.text-input-row .input-wrapper.compact textarea{padding:8px 12px;min-height:36px;font-size:.9rem}.text-input-row .ask-btn{padding:8px 16px;min-height:36px;font-size:.85rem}.chat-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface)}.chat-panel-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.clear-chat-btn{background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-muted);padding:.375rem .625rem;border-radius:.375rem;cursor:pointer;font-size:.8rem;transition:all .15s ease;display:flex;align-items:center;gap:.25rem}.clear-chat-btn:hover{background:rgba(239,68,68,.1);border-color:var(--color-error);color:var(--color-error)}.log-quality-tips{background:var(--color-surface-alt);border:1px solid rgba(59,130,246,.25);border-radius:.75rem;padding:.875rem;margin-bottom:.75rem}.tips-header{justify-content:space-between;margin-bottom:.625rem;font-weight:600;color:var(--color-primary);font-size:.85rem}.tips-close,.tips-header{display:flex;align-items:center}.tips-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;padding:0;width:1.5rem;height:1.5rem;justify-content:center;border-radius:.25rem;transition:all .15s ease}.tips-close:hover{background:rgba(156,163,175,.1);color:var(--color-text-primary)}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tips-list li{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4;padding-left:.25rem}.tips-list li strong{color:var(--color-info);font-weight:600}.tips-toggle-btn{width:2rem;height:2rem;border-radius:.5rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-primary);flex-shrink:0}.tips-toggle-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4)}.tips-toggle-btn:active{transform:scale(.95)}.example-logs-panel{background:linear-gradient(135deg,var(--color-surface-alt) 0,var(--color-background) 100%);border:1px solid var(--color-primary);border-radius:.75rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 4px 12px rgba(59,130,246,.1)}.example-logs-list{display:flex;flex-direction:column;gap:.75rem}.example-log-item{background:rgba(30,41,59,.5);border:1px solid rgba(59,130,246,.2);border-radius:.5rem;padding:.75rem;transition:all .2s ease}.example-log-item:hover{background:rgba(30,41,59,.8);border-color:rgba(59,130,246,.4);cursor:pointer;transform:translateX(2px)}.example-log-label{font-size:.75rem;font-weight:600;color:var(--color-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.example-log-text{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5;cursor:pointer}.short-log-nudge{display:flex;align-items:flex-start;gap:.375rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:.5rem;padding:.625rem .875rem;margin-bottom:.5rem;color:#fbbf24;font-size:.8125rem;line-height:1.4;animation:slideDown .2s ease-out}.short-log-nudge .tip-icon{flex-shrink:0;margin-top:.125rem;color:#fbbf24}.short-log-nudge strong{color:#fcd34d;font-weight:600}.examples-toggle-btn{width:2rem;height:2rem;border-radius:.5rem;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.25);cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#a78bfa;flex-shrink:0}.examples-toggle-btn:hover{background:rgba(147,51,234,.2);border-color:rgba(147,51,234,.4)}.examples-toggle-btn:active{transform:scale(.95)}.input-wrapper textarea{padding-left:1rem}@media (max-width:640px){.mic-btn{width:36px;height:36px;min-width:36px;font-size:1.25rem;right:6px}.mic-btn .mic-label{display:none}.mic-btn.recording,.mic-btn.transcribing{width:40px;min-width:40px;height:40px}.input-wrapper textarea{padding-right:3rem;font-size:16px}.controls{flex-direction:column;gap:.5rem}.controls>button{width:100%;padding:1rem;font-size:1.1rem}}textarea{flex:1 1;resize:none;min-height:88px;border-radius:.75rem;border:1px solid rgba(148,163,184,.4);background:var(--color-background);color:inherit;padding:.75rem 1rem;font-size:1rem}.btn-action{border:none;border-radius:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-info),var(--color-primary));color:white;font-weight:600;cursor:pointer}.btn-action:disabled{opacity:.6;cursor:not-allowed}.drawer-section{margin-bottom:1.25rem}.drawer-section h3{margin:0 0 .5rem;font-size:1rem;color:var(--color-info)}.drawer-card{border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:.75rem;margin-bottom:.5rem}.drawer-card small{display:block;margin-bottom:.25rem;opacity:.65}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.quick-actions button{flex:1 1;min-width:140px;background:var(--color-background);border:1px solid rgba(125,211,252,.35)}.status-line{font-size:.9rem;opacity:.7}.status-toast{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;background:linear-gradient(135deg,#1e40af,var(--color-background));color:#e0f2fe;padding:.75rem calc(1.5rem + env(safe-area-inset-right, 0px)) .75rem calc(1.5rem + env(safe-area-inset-left, 0px));font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.75rem;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.4);animation:slideDown .3s ease-out}.status-spinner{width:16px;height:16px;border:2px solid rgba(224,242,254,.3);border-top:2px solid var(--color-info);border-radius:50%;animation:spin 1s linear infinite}.log-confirmation{background:linear-gradient(135deg,var(--color-surface-alt) 0,var(--color-background) 100%);border:2px solid var(--color-primary);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.log-confirmation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.log-confirmation-header.conflict{border-bottom:1px solid rgba(251,146,60,.3);padding-bottom:.75rem}.date-badge{background:linear-gradient(135deg,var(--color-info),var(--color-primary));color:white;padding:.35rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600;white-space:nowrap}.log-confirmation-header.conflict .date-badge{background:linear-gradient(135deg,var(--color-secondary),var(--color-warning))}.conflict-text,.log-type{font-size:.9rem;color:var(--color-text-secondary)}.conflict-text{color:var(--color-warning)}.log-preview{background:rgba(0,0,0,.2);border-radius:.5rem;padding:.75rem;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.75rem;border-left:3px solid var(--color-primary)}.log-actions{display:flex;gap:.5rem;flex-wrap:wrap}.log-btn{padding:.5rem 1rem;border-radius:.5rem;border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.log-btn.confirm{color:white}.log-btn.confirm,.log-btn.confirm:hover{background:var(--color-success)}.log-btn.question{color:var(--color-text-primary)}.log-btn.question,.log-btn.question:hover{background:var(--color-border-subtle)}.log-btn.append{background:var(--color-success);color:white}.log-btn.overwrite{background:var(--color-secondary);color:white}.log-btn.separate{background:var(--color-primary);color:white}.log-btn.cancel{background:var(--color-border-subtle);color:var(--color-text-primary)}.log-confirmation p{margin:0 0 .75rem}.swipeable-card-container{position:relative;border-radius:1rem;margin-bottom:.75rem}.swipe-action-bg{position:absolute;top:0;bottom:0;width:120px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:white;opacity:0;transition:opacity .15s ease}.swipe-left-bg{right:0;background:linear-gradient(90deg,transparent,var(--color-error));padding-right:1rem;justify-content:flex-end}.swipe-right-bg{left:0;background:linear-gradient(-90deg,transparent,var(--color-primary));padding-left:1rem;justify-content:flex-start}.session-card-enhanced{background:linear-gradient(145deg,var(--color-background) 0,var(--color-surface-alt) 100%);border:1px solid rgba(148,163,184,.15);border-radius:1rem;padding:.875rem 1.125rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.15)}.session-card-enhanced.swiping{transition:none}.session-card-enhanced.expanded{padding:1.125rem;box-shadow:0 4px 24px rgba(0,0,0,.2)}.session-card-enhanced.compact{cursor:pointer}.session-card-enhanced:hover{border-color:rgba(125,211,252,.35);box-shadow:0 6px 28px rgba(0,0,0,.25);transform:translateY(-1px)}.card-header-enhanced{display:flex;justify-content:space-between;align-items:center;gap:.5rem;cursor:pointer}.session-card-enhanced.expanded .card-header-enhanced{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(148,163,184,.1)}.card-header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.expand-chevron{font-size:.7rem;transition:transform .2s}.card-oneliner,.expand-chevron{color:var(--color-text-secondary)}.card-oneliner{flex:1 1;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0 .5rem}.card-date-badge{background:linear-gradient(135deg,var(--color-info),var(--color-primary));color:white;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px rgba(61,139,255,.25);letter-spacing:.01em}.analyzed-badge{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.1));padding:.2rem .5rem;border-radius:.5rem;font-size:.7rem;font-weight:600;box-shadow:0 1px 4px rgba(34,197,94,.15)}.card-header-actions{position:relative}.more-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;padding:.5rem;min-width:2.75rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .15s}.more-btn:hover{background:rgba(148,163,184,.1);color:var(--color-text-primary)}.actions-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,13,20,.6);z-index:999;animation:fadeIn .15s ease-out}@media (max-width:480px){@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.actions-dropdown{position:fixed;top:var(--menu-top,100px);right:var(--menu-right,20px);background:var(--color-surface-alt);border:1px solid rgba(148,163,184,.3);border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:1000;min-width:140px;overflow:hidden}@media (max-width:480px){.actions-dropdown{position:fixed;bottom:0;left:0;right:0;top:auto;max-width:390px;margin:0 auto;border-radius:16px 16px 0 0;background:#12151E;border:none;padding-bottom:env(safe-area-inset-bottom,16px);animation:slideUpSheet .2s ease-out}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.actions-dropdown button{height:56px;padding:0 16px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#F9FAFB}}.actions-dropdown button{display:block;width:100%;padding:.6rem .75rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:.85rem;text-align:left;cursor:pointer;transition:background .15s}.actions-dropdown button:hover{background:rgba(148,163,184,.1)}.actions-dropdown button.delete-action{color:var(--color-error)}.actions-dropdown button.delete-action:hover{background:rgba(239,68,68,.1)}.card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem;line-height:1.4}.card-highlights{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.highlight-badge{background:rgba(125,211,252,.1);border:1px solid rgba(125,211,252,.3);color:var(--color-info);padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem}.card-results{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.result-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:.5rem;font-size:.85rem;line-height:1.4}.result-item.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.result-item.failure{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.result-icon{flex-shrink:0}.skill-focus-badge{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#c4b5fd;padding:.5rem;border-radius:.5rem;font-size:.85rem;margin-bottom:.75rem}.expand-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;padding:.5rem 0;width:100%;text-align:center}.expand-btn:hover{color:var(--color-info)}.card-raw-note{background:var(--color-background);border-radius:.5rem;padding:1rem;margin-top:.5rem;font-size:.85rem;line-height:1.6;color:var(--color-text-secondary);max-height:300px;overflow-y:auto}.card-raw-note pre{white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0;font-family:inherit}.analyzed-badge{background:rgba(34,197,94,.2);color:var(--color-success);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.analysis-content{display:flex;flex-direction:column;gap:.75rem}.session-summary{margin:0;font-size:.95rem;line-height:1.5;color:var(--color-text-secondary)}.analysis-grid{display:grid;grid-template-columns:1fr;grid-gap:.875rem;gap:.875rem;margin-top:.5rem}.analysis-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem .875rem;border-radius:.625rem;background:linear-gradient(135deg,rgba(15,23,42,.7),rgba(30,41,59,.5));transition:transform .15s ease,box-shadow .15s ease}.analysis-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.analysis-item .item-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.analysis-item .item-value{font-size:.875rem;line-height:1.45;color:var(--color-text-primary);font-weight:500}.analysis-item.strength{border-left:3px solid var(--color-success);background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(15,23,42,.6))}.analysis-item.focus{border-left:3px solid var(--color-secondary);background:linear-gradient(135deg,rgba(245,181,68,.08),rgba(15,23,42,.6))}.analysis-details{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.2)}.view-details-cta{width:100%;padding:12px 16px;margin-top:12px;background:var(--color-primary);color:white;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .15s,transform .1s}.view-details-cta:hover{background:var(--color-primary-hover)}.view-details-cta:active{transform:scale(.98)}.detail-section{font-size:.85rem;color:var(--color-text-secondary)}.detail-section .detail-label{color:var(--color-text-muted);margin-right:.5rem}.detail-section.cue{background:rgba(125,211,252,.1);padding:.5rem;border-radius:.25rem;font-style:italic}.detail-section.goal{color:var(--color-info)}.detail-section.mindset{color:#a78bfa}.card-actions{display:flex;gap:1rem;margin-top:.5rem}.card-header-actions{display:flex;gap:.25rem;margin-left:auto;opacity:0;transition:opacity .2s}.session-card-enhanced:hover .card-header-actions{opacity:1}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;font-size:.85rem;transition:background .15s}.icon-btn:hover{background:rgba(255,255,255,.1)}.icon-btn.delete-btn:hover{background:rgba(239,68,68,.2)}.delete-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.delete-confirm-dialog{background:var(--color-surface-alt);padding:1.5rem;border-radius:.75rem;text-align:center;max-width:90%}.delete-confirm-dialog p{margin:0 0 .5rem;color:var(--color-text-primary)}.delete-warning{font-size:.85rem;color:var(--color-secondary)}.delete-confirm-actions{gap:1rem;margin-top:1rem;justify-content:center}.cancel-btn{color:var(--color-text-primary);padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer}.cancel-btn,.cancel-btn:hover{background:var(--color-border-subtle)}.confirm-delete-btn{color:white;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer}.confirm-delete-btn,.confirm-delete-btn:hover{background:var(--color-error)}.modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;z-index:1100;padding:1rem}.modal-backdrop,.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center}.modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:flex-start;z-index:300;padding:calc(2rem + env(safe-area-inset-top, 0px)) 1rem calc(2rem + env(safe-area-inset-bottom, 0px));overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content{background:rgba(20,27,45,.85);border:1px solid rgba(255,255,255,.1);max-width:600px;max-height:90vh}.analysis-modal,.modal-content{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:20px;padding:1.5rem;width:100%;overflow-y:auto;box-shadow:0 24px 48px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.analysis-modal{background:rgba(15,23,42,.85);margin:auto;max-width:400px;max-height:calc(100vh - 4rem);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.analysis-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.analysis-modal-header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.analysis-modal .modal-close{background:transparent;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem}.analysis-modal-body{margin-bottom:1.25rem}.analysis-session-badge{display:inline-block;background:linear-gradient(135deg,rgba(61,139,255,.2),rgba(59,130,246,.1));border:1px solid rgba(61,139,255,.3);border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--color-primary);margin-bottom:1rem}.analysis-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle)}.analysis-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.analysis-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.analysis-section.analysis-focus{background:rgba(61,139,255,.08);border:1px solid rgba(61,139,255,.2);border-radius:var(--radius-md);padding:.75rem;margin:.75rem 0}.analysis-section.analysis-cue{background:rgba(245,181,68,.1);border:1px solid rgba(245,181,68,.2);border-radius:var(--radius-md);padding:.75rem}.analysis-section.analysis-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.analysis-section.analysis-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(61,139,255,.2);border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.analysis-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.analysis-text.highlight{color:var(--color-text-primary);font-weight:500}.analysis-text.italic{font-style:italic;color:var(--color-secondary)}.analysis-modal-actions{display:flex;flex-direction:column;gap:.75rem}.analysis-modal-actions .btn-primary{background:var(--gradient-primary);color:white;border:none;border-radius:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.analysis-modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(61,139,255,.3)}.analysis-modal-actions .btn-secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:.5rem;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s}.analysis-modal-actions .btn-secondary:hover{background:rgba(255,255,255,.05);color:var(--color-text-primary)}.todays-impact-card{position:fixed;bottom:calc(120px + env(safe-area-inset-bottom, 0px) + 1rem);left:1rem;right:1rem;max-width:400px;max-height:calc(100vh - 200px - env(safe-area-inset-bottom, 0px));margin:0 auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px var(--color-border-subtle);z-index:45;transform:translateY(100%) scale(.95);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease-out;overflow:hidden;display:flex;flex-direction:column}.todays-impact-card.visible{transform:translateY(0) scale(1);opacity:1}.impact-card-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(135deg,rgba(61,139,255,.08),transparent);flex-shrink:0}.impact-card-title{display:flex;align-items:center;gap:.5rem}.impact-icon{font-size:1.1rem}.impact-title-text{font-weight:600;font-size:.95rem;color:var(--color-text-primary)}.impact-card-close{background:transparent;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s}.impact-card-close:hover{background:rgba(255,255,255,.08);color:var(--color-text-primary)}.impact-card-body{padding:1rem;overflow-y:auto;flex:1 1;min-height:0}.todays-impact-card.first-session{border:1px solid rgba(34,197,94,.4);background:linear-gradient(135deg,rgba(5,7,11,.98),rgba(14,60,35,.98))}.todays-impact-card.first-session .impact-card-header{border-bottom-color:rgba(34,197,94,.2)}.first-session-celebration{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 0 1rem}.celebration-image{margin-bottom:.75rem;border-radius:var(--radius-md)}.celebration-text{color:var(--color-text-primary);font-size:1rem;font-weight:500;margin:0}.impact-loading{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--color-text-muted);font-size:.9rem}.loading-spinner.small{width:18px;height:18px;border-width:2px}.impact-rating-gain{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.rating-delta{font-size:1.75rem;font-weight:700;color:var(--color-success);line-height:1}.rating-label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.impact-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.impact-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500}.impact-pill.session-count{background:rgba(61,139,255,.15);color:var(--color-primary)}.impact-pill.skills-improved{background:rgba(34,197,94,.15);color:var(--color-success)}.impact-insights{gap:.5rem}.impact-insights,.insight-pill{display:flex;flex-direction:column}.insight-pill{gap:.25rem;padding:.625rem .875rem;border-radius:var(--radius-md)}.insight-pill.strength{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25)}.insight-pill.focus{background:rgba(61,139,255,.1);border:1px solid rgba(61,139,255,.25)}.insight-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.insight-value{font-size:.9rem;color:var(--color-text-primary);line-height:1.4}.impact-coaching-insight{margin-top:.75rem;padding:.75rem;background:rgba(255,255,255,.03);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.coaching-insight-header{font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.375rem;display:flex;align-items:center;gap:.375rem}.coaching-insight-text{font-size:.85rem;color:var(--color-text-secondary);line-height:1.45;margin:0}.impact-card-actions{padding:.75rem 1rem 1rem;border-top:1px solid var(--color-border-subtle);flex-shrink:0}.impact-view-stats{width:100%;background:var(--gradient-primary);color:white;border:none;border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.impact-view-stats:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(61,139,255,.3)}.impact-view-stats:active{transform:translateY(0)}@media (min-width:768px){.todays-impact-card{left:auto;right:1.5rem;bottom:1.5rem;max-width:360px;max-height:calc(100vh - 100px)}}.edit-session-modal h3{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1.25rem}.modal-session-id{color:var(--color-text-muted);font-size:.85rem;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:.5rem}.edit-date-input{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--color-border-subtle);background:var(--color-background);color:var(--color-text-primary);font-size:1rem}.edit-date-input:focus{outline:none;border-color:var(--color-info)}.edit-note-textarea{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--color-border-subtle);background:var(--color-background);color:var(--color-text-primary);font-size:1rem;resize:vertical;font-family:inherit;line-height:1.5}.edit-note-textarea:focus{outline:none;border-color:var(--color-info)}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.save-btn{background:linear-gradient(135deg,var(--color-info),var(--color-primary));color:white;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500}.save-btn:hover:not(:disabled){opacity:.9}.save-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--color-error);font-size:.9rem;margin-top:.5rem}.raw-toggle-btn{background:transparent;color:var(--color-text-muted);font-size:.8rem;padding:.25rem 0}.raw-toggle-btn:hover{color:var(--color-text-secondary)}.reanalyze-btn{background:transparent;color:var(--color-text-muted);font-size:.8rem;padding:.25rem 0;margin-left:auto}.reanalyze-btn:hover{color:var(--color-primary)}.analyze-session-btn{color:white;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.85rem;cursor:pointer;margin-top:.75rem;transition:all .15s ease}.analyze-session-btn,.analyze-session-btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary))}.analyze-session-btn:hover{transform:translateY(-1px)}.no-analysis{padding:.5rem 0}.pending-analysis{margin:0 0 .5rem;color:var(--color-secondary);font-size:.85rem}.raw-preview{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.progress-placeholder{text-align:center;padding:3rem 2rem;color:var(--color-text-secondary)}.progress-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem}.progress-placeholder h3{color:var(--color-text-primary);margin:0 0 1rem}.progress-placeholder ul{list-style:none;padding:0;margin:1.5rem 0}.progress-placeholder li{padding:.5rem 0;font-size:1rem}.progress-placeholder .placeholder-note{margin-top:2rem;font-size:.85rem;color:var(--color-text-muted)}.progress-panel{padding-bottom:1rem}.sample-stats-container{padding:16px;display:flex;flex-direction:column;gap:16px;animation:fadeInUp .4s cubic-bezier(.17,.67,.83,.67)}.sample-stats-header{display:flex;align-items:center;gap:8px}.sample-stats-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.sample-belt-card{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:12px;padding:16px}.sample-belt-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sample-belt-icon{font-size:2rem}.sample-belt-level{font-weight:600;font-size:1rem;color:var(--color-text)}.sample-belt-progress-text{font-size:.8rem;color:var(--color-text-muted)}.sample-belt-progress-bar{height:8px;background:var(--color-border-subtle);border-radius:4px;overflow:hidden}.sample-belt-progress-fill{height:100%;background:linear-gradient(90deg,#3B82F6,#8B5CF6);border-radius:4px;transition:width .3s ease}.sample-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.sample-category-card{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:8px;padding:12px}.sample-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sample-category-name{font-weight:500;font-size:.875rem;color:var(--color-text)}.sample-category-level{font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);padding:2px 6px;border-radius:4px}.sample-category-bar-container{height:6px;background:var(--color-border-subtle);border-radius:3px;overflow:hidden;margin-bottom:4px}.sample-category-bar{height:100%;border-radius:3px;transition:width .3s ease}.sample-category-xp{font-size:.7rem;color:var(--color-text-muted);text-align:right}.sample-total-stats{display:flex;justify-content:center;gap:32px;padding:16px;background:var(--color-surface-alt);border-radius:12px}.sample-stat{display:flex;flex-direction:column;align-items:center}.sample-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.sample-stat-label{font-size:.75rem;color:var(--color-text-muted)}.sample-stats-cta{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.25);border-radius:12px;padding:16px;text-align:center}.sample-stats-cta-text{margin:0 0 12px;font-size:.875rem;color:var(--color-text-muted)}.sample-stats-cta-btn{background:var(--color-primary);color:white;border:none;border-radius:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.sample-stats-cta-btn:hover{background:var(--color-primary-dark,#2563eb);transform:translateY(-1px)}.progress-content{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem}.progress-section{background:var(--color-surface);border-radius:.75rem;padding:1.25rem}.progress-section.skills-section{background:transparent;padding:0}.progress-section.skills-section h3{padding-left:1rem}.progress-section h3{margin:0 0 1rem;font-size:1rem;color:var(--color-text-secondary)}.activity-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:.75rem}.week-labels{display:flex;gap:4px;padding-left:2px;margin-bottom:4px}.week-labels span{width:20px;text-align:center;font-size:.65rem;color:var(--color-text-muted)}.activity-week{display:flex;gap:4px}.activity-day{width:20px;height:20px;border-radius:4px;background:var(--color-surface-alt);cursor:default;transition:transform .1s}.activity-day:hover{transform:scale(1.2)}.activity-day.active{background:var(--color-success)}.activity-legend{display:flex;gap:1rem;justify-content:center;font-size:.75rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-item .dot{width:12px;height:12px;border-radius:3px}.legend-item .dot.inactive{background:var(--color-surface-alt)}.legend-item .dot.active{background:var(--color-success)}.bar-chart{display:flex;gap:.75rem;align-items:flex-end;height:120px;padding:.5rem 0}.bar-container{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary) 100%);border-radius:4px 4px 0 0;display:flex;justify-content:center;align-items:flex-start;padding-top:4px;min-height:10px;transition:height .3s ease}.bar-value{font-size:.75rem;font-weight:600;color:white}.bar-label{font-size:.7rem;color:var(--color-text-muted)}.focus-tags{display:flex;flex-wrap:wrap;gap:.5rem}.focus-tag{padding:.4rem .8rem;background:var(--color-surface-alt);color:var(--color-info);border-radius:9999px;font-size:.8rem;transition:transform .1s}.focus-tag:hover{transform:scale(1.05)}.focus-tag.size-1{font-size:.75rem}.focus-tag.size-2{font-size:.85rem;background:#1e4d8f}.focus-tag.size-3{font-size:.95rem;background:var(--color-primary);font-weight:500}.focus-tags .no-data{color:var(--color-text-muted);font-style:italic;font-size:.85rem}.position-breakdown{padding:.5rem 0}.position-breakdown .no-data{color:var(--color-text-muted);font-style:italic;font-size:.85rem;text-align:center;padding:1rem}.position-bars{display:flex;flex-direction:column;gap:.75rem}.position-bar-row{display:grid;grid-template-columns:120px 1fr 70px;align-items:center;grid-gap:.75rem;gap:.75rem}.position-label{display:flex;align-items:center;gap:.5rem}.position-icon{font-size:1.1rem}.position-name{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.position-bar-container{height:24px;background:var(--color-surface-alt);border-radius:12px;overflow:hidden}.position-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-info));border-radius:12px;transition:width .5s ease}.position-count{font-size:.8rem;color:var(--color-text-muted);text-align:right}.position-breakdown-teaser{padding:1.5rem;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-alt) 100%);border-radius:12px;border:1px dashed var(--color-border);text-align:center}.position-breakdown-teaser .teaser-message{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0;color:var(--color-text-secondary);font-size:.9rem}.position-breakdown-teaser .teaser-icon{font-size:2rem;opacity:.7}.top-techniques{display:flex;flex-direction:column;gap:.5rem}.technique-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-background);border-radius:.5rem;transition:background .2s}.technique-row:hover{background:var(--color-surface-alt)}.technique-rank{font-size:.8rem;font-weight:700;color:var(--color-primary);min-width:24px}.technique-name{flex:1 1;font-size:.9rem;color:var(--color-text-secondary)}.technique-count{font-size:.8rem;color:var(--color-text-muted);padding:.25rem .5rem;background:var(--color-surface-alt);border-radius:9999px}.consistency-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;text-align:center}.consistency-stat{padding:1rem;background:var(--color-background);border-radius:.5rem}.consistency-stat .stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.consistency-stat .stat-value.warning{color:#fbbf24}.consistency-stat .stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.analysis-coverage{text-align:center}.coverage-bar{height:12px;background:var(--color-surface-alt);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.coverage-fill{height:100%;background:linear-gradient(90deg,var(--color-success) 0,var(--color-success) 100%);border-radius:6px;transition:width .5s ease}.coverage-text{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem}.analyze-all-btn{padding:.5rem 1rem;color:white;border:none;border-radius:.5rem;cursor:pointer;font-size:.85rem}.analyze-all-btn,.analyze-all-btn:hover{background:var(--color-primary)}.search-bar{margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;background:var(--color-background);border:1px solid rgba(148,163,184,.3);border-radius:.5rem;color:inherit;font-size:.9rem}.search-input:focus{outline:none;border-color:rgba(125,211,252,.5)}.search-input::placeholder{color:var(--color-text-muted)}.profile-panel{max-width:600px}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background:var(--color-background);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.profile-section.belt-section .section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.profile-section.belt-section .section-header-row h3{margin:0}.edit-link-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;padding:.25rem .5rem}.edit-link-btn:hover{text-decoration:underline}.belt-display-row{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-surface);border-radius:.75rem}.belt-display-label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.profile-section.goal-section .section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.profile-section.goal-section .section-header-row h3{margin:0}.goal-display-row{display:flex;align-items:center;padding:.75rem 1rem;background:var(--color-surface);border-radius:.75rem}.goal-display-label{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.goal-display-label.goal-placeholder{color:var(--color-text-muted);font-style:italic}.done-edit-btn{margin-top:.75rem;padding:.5rem 1.25rem;background:var(--color-primary);color:white;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer}.done-edit-btn:hover{background:var(--color-primary-hover)}.profile-section h3{margin:0 0 1rem;font-size:1rem;color:var(--color-info)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.profile-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.profile-form label.full-width{grid-column:span 2}.profile-form input,.profile-form select,.profile-form textarea{padding:.75rem;background:var(--color-background);border:1px solid rgba(148,163,184,.3);border-radius:.5rem;color:inherit;font-size:.9rem}.profile-form input:focus,.profile-form select:focus,.profile-form textarea:focus{outline:none;border-color:rgba(125,211,252,.5)}.profile-form textarea{resize:vertical;min-height:80px}.field-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem;font-style:italic}.profile-form.modern{gap:1rem}.profile-accordion-section{background:var(--color-surface);border-radius:12px;margin-bottom:1rem;overflow:hidden}.profile-accordion-section.essentials-section{border:2px solid var(--color-primary-muted);padding:0 1rem 1rem}.profile-accordion-section.essentials-section .profile-section{background:var(--color-surface);border:1px solid var(--color-border-subtle);margin-bottom:1rem}.profile-accordion-section.essentials-section .profile-section:last-of-type{margin-bottom:0}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.accordion-header.essentials{border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.accordion-header.essentials h3{color:var(--color-primary);font-size:1rem;margin:0}.accordion-header .accordion-hint{font-size:.75rem;color:var(--color-secondary)}.accordion-header.advanced{background:var(--color-background);border:2px solid var(--color-border);border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.accordion-header.advanced:hover{background:var(--color-surface);border-color:var(--color-secondary)}.accordion-header.advanced.open{border-color:var(--color-primary-muted);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.accordion-header.advanced h3{margin:0;font-size:1rem;color:var(--color-secondary)}.accordion-header .accordion-arrow{color:var(--color-secondary);font-size:.75rem;transition:transform .2s ease}.accordion-content{background:var(--color-surface);padding:1rem;border:2px solid var(--color-primary-muted);border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.accordion-content .profile-section{margin-bottom:1rem}.accordion-content .profile-section:last-child{margin-bottom:0}.optional-details-inline{border-top:1px solid var(--color-border);padding-top:1rem}.optional-details-inline h3{margin-bottom:.75rem}.optional-details-inline .optional-fields{display:flex;flex-direction:column;gap:.75rem}.optional-details-inline .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:480px){.optional-details-inline .form-row{grid-template-columns:1fr}}.belt-chip-selector{display:flex;flex-wrap:wrap;gap:.5rem}.belt-chip{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-radius:.75rem;background:var(--color-surface);border:2px solid transparent;cursor:pointer;transition:all .15s ease;min-width:60px}.belt-chip:hover{background:var(--color-background)}.belt-chip.selected{border-color:var(--color-brand-primary);background:rgba(var(--color-brand-primary-rgb),.1)}.belt-chip .belt-emoji{font-size:1.5rem;line-height:1}.belt-chip .belt-label{font-size:.7rem;margin-top:.25rem;color:var(--color-text-muted)}.belt-chip.selected .belt-label{color:var(--color-text)}.belt-chip.belt-white.selected{border-color:#f0f0f0}.belt-chip.belt-blue.selected{border-color:#3b82f6}.belt-chip.belt-purple.selected{border-color:#8b5cf6}.belt-chip.belt-brown.selected{border-color:#92400e}.belt-chip.belt-black.selected{border-color:#1f2937}.stripes-selector{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle);flex-wrap:wrap}.stripes-label{font-size:.85rem;color:var(--color-text-muted);flex-shrink:0}.stripe-dots{display:flex;gap:.5rem;flex-shrink:0}.stripe-dot{width:32px;height:32px;background:var(--color-surface);border:2px solid transparent;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .15s ease}.stripe-dot:hover{background:var(--color-background)}.stripe-dot.filled{color:#fbbf24}.stripe-dot.selected{border-color:var(--color-brand-primary);background:rgba(var(--color-brand-primary-rgb),.1)}.segmented-control{display:flex;background:var(--color-surface);border-radius:.75rem;padding:.25rem;gap:.25rem}.segment{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:.5rem;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.segment:hover{background:var(--color-background)}.segment.selected{background:var(--color-brand-primary);color:white}.segment-value{font-weight:600;font-size:1rem}.segment-sublabel{font-size:.7rem;opacity:.7}.style-toggle{display:flex;background:var(--color-surface);border-radius:10px;padding:3px;gap:0}.style-pill{flex:1 1;padding:10px 12px;border-radius:8px;background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;color:var(--color-text-secondary)}.style-pill:hover{color:var(--color-text-primary)}.style-pill.selected{background:var(--color-brand-primary);color:white;box-shadow:0 2px 8px rgba(61,139,255,.3)}.goal-cards{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:thin}@media (min-width:480px){.goal-cards{display:grid;grid-template-columns:repeat(3,1fr);overflow-x:visible}}@media (min-width:600px){.goal-cards{grid-template-columns:repeat(5,1fr)}}.goal-card{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border-radius:.75rem;background:var(--color-surface);border:2px solid transparent;cursor:pointer;transition:all .15s ease;text-align:center;flex:0 0 auto;min-width:80px;scroll-snap-align:start}.goal-card:hover{background:var(--color-background)}.goal-card.selected{border-color:var(--color-brand-primary);background:rgba(var(--color-brand-primary-rgb),.1)}.injury-section{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-left:3px solid #f59e0b;border-radius:0 .75rem .75rem 0;padding:1rem;min-height:96px}.injury-section h3{color:#f59e0b}.injury-hint{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.75rem;display:block}.injury-textarea{border-color:rgba(245,158,11,.3)}.injury-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}.goal-emoji,.goal-icon{font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.goal-label{font-size:.85rem;font-weight:600;margin-top:.5rem}.goal-desc{font-size:.7rem;margin-top:.25rem}.duration-chips{display:flex;flex-wrap:wrap;gap:.5rem}.duration-chip{padding:.5rem 1rem;border-radius:2rem;background:var(--color-surface);border:2px solid transparent;transition:all .15s ease}.duration-chip:hover{background:var(--color-background)}.duration-chip.selected{border-color:var(--color-brand-primary);background:rgba(var(--color-brand-primary-rgb),.1)}.modern-input{width:100%;padding:.875rem 1rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.75rem;color:inherit;font-size:.9rem;transition:border-color .15s ease}.modern-input:focus{outline:none;border-color:var(--color-brand-primary)}.modern-input::placeholder{color:var(--color-text-muted)}.modern-textarea{width:100%;padding:.875rem 1rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.75rem;color:inherit;font-size:.9rem;resize:vertical;min-height:80px;transition:border-color .15s ease}.modern-textarea:focus{outline:none;border-color:var(--color-brand-primary)}.modern-textarea::placeholder{color:var(--color-text-muted)}.optional-details{cursor:pointer}.optional-details summary{font-weight:500;color:var(--color-text-muted);padding:.5rem 0;list-style:none;display:flex;align-items:center;gap:.5rem}.optional-details summary:before{content:"▸";transition:transform .2s ease}.optional-details[open] summary:before{transform:rotate(90deg)}.optional-details .optional-fields{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.save-profile-btn{padding:1rem;font-size:1rem;background:linear-gradient(135deg,var(--color-success),var(--color-success))}.save-profile-btn:hover{background:linear-gradient(135deg,var(--color-success),#15803d)}.training-schedule-editor{padding:0}.training-schedule-editor .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.training-schedule-editor h4{margin:0;font-size:1rem;color:var(--color-info)}.training-schedule-editor .auto-detected-badge{font-size:.7rem;background:rgba(168,85,247,.15);color:#a855f7;padding:.2rem .5rem;border-radius:.25rem}.training-schedule-editor .schedule-description{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .75rem}.training-schedule-editor .day-selector{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.training-schedule-editor .day-chip{padding:.5rem .75rem;background:rgba(100,116,139,.2);border:1px solid rgba(148,163,184,.3);border-radius:.5rem;color:var(--color-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.training-schedule-editor .day-chip:hover{background:rgba(100,116,139,.3);border-color:rgba(148,163,184,.5)}.training-schedule-editor .day-chip.selected{background:#3D8BFF;border-color:#3D8BFF;color:#FFFFFF}.training-schedule-editor .time-selector{margin-bottom:.75rem}.training-schedule-editor .time-selector label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.training-schedule-editor .time-selector select{padding:.4rem .6rem;background:var(--color-background);border:1px solid rgba(148,163,184,.3);border-radius:.375rem;color:inherit;font-size:.8rem}.training-schedule-editor .schedule-summary{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 .75rem;padding:.5rem;background:rgba(34,197,94,.08);border-radius:.375rem}.training-schedule-editor .save-schedule-btn{padding:.5rem 1rem;font-size:.85rem;background:var(--color-success);color:white;border:none;border-radius:.5rem;cursor:pointer;transition:opacity .15s ease}.training-schedule-editor .save-schedule-btn:hover{opacity:.9}.training-schedule-editor .save-schedule-btn.saving,.training-schedule-editor .save-schedule-btn:disabled{opacity:.6;cursor:not-allowed}.training-schedule-editor .save-status{font-size:.75rem;margin:.5rem 0 0}.training-schedule-editor .save-status.success{color:var(--color-success)}.training-schedule-editor .save-status.error{color:var(--color-error)}.training-schedule-editor .loading-shimmer{background:linear-gradient(90deg,rgba(148,163,184,.1),rgba(148,163,184,.2) 50%,rgba(148,163,184,.1));background-size:200% 100%;animation:shimmer 1.5s infinite}.advanced-schedule-editor{padding:1rem}.advanced-schedule-editor.card{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.advanced-schedule-editor.inline{padding:0}.advanced-schedule-header h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text)}.advanced-schedule-header .schedule-hint{font-size:.75rem;color:var(--color-text-secondary);margin:0 0 1rem}.advanced-day-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.advanced-day-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;background:rgba(148,163,184,.05);transition:background .15s ease}.advanced-day-row.selected{background:rgba(59,130,246,.08)}.advanced-day-row .day-toggle{flex:1 1;display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:transparent;border:none;cursor:pointer;color:var(--color-text);font-size:.9rem;text-align:left;border-radius:6px;transition:background .15s ease}.advanced-day-row .day-toggle:hover{background:rgba(148,163,184,.1)}.advanced-day-row .day-checkbox{width:22px;height:22px;border-radius:4px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:white;transition:all .15s ease}.advanced-day-row .day-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary)}.advanced-day-row .time-picker-inline{flex-shrink:0}.advanced-day-row .time-select{padding:.375rem .5rem;font-size:.85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;min-width:100px}.advanced-day-row .time-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.schedule-summary-advanced{padding:.75rem;background:rgba(34,197,94,.08);border-radius:8px;margin-bottom:1rem;font-size:.85rem}.schedule-summary-advanced strong{display:block;margin-bottom:.5rem;color:var(--color-text)}.schedule-summary-advanced ul{margin:0;padding-left:1.25rem;color:var(--color-text-secondary)}.schedule-summary-advanced li{margin:.25rem 0}.advanced-schedule-actions{display:flex;gap:.75rem;justify-content:flex-end}.advanced-schedule-actions .cancel-btn{padding:.5rem 1rem;font-size:.85rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .15s ease}.advanced-schedule-actions .cancel-btn:hover{background:rgba(148,163,184,.1)}.advanced-schedule-actions .save-btn{padding:.5rem 1rem;font-size:.85rem;background:var(--color-primary);color:white;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.advanced-schedule-actions .save-btn:hover{opacity:.9}.advanced-schedule-actions .save-btn:disabled{opacity:.5;cursor:not-allowed}.advanced-schedule-link{display:inline-block;margin-top:.75rem;padding:.25rem .5rem;font-size:.75rem;color:var(--color-text-tertiary);text-decoration:underline;background:transparent;border:none;cursor:pointer;opacity:.7;transition:opacity .15s ease}.advanced-schedule-link:hover{opacity:1;color:var(--color-text-secondary)}.account-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.data-controls{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.data-controls h4{font-size:.9rem;color:var(--color-text-muted);margin:0 0 .75rem}.data-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.delete-account-btn,.export-data-btn{padding:.625rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.export-data-btn{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-primary)}.export-data-btn:hover{background:var(--color-surface-lighter);border-color:var(--color-primary)}.delete-account-btn{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.delete-account-btn:hover{background:rgba(239,68,68,.1)}.data-note{margin-top:.75rem;font-size:.75rem;color:var(--color-text-muted)}.delete-account-modal{max-width:420px}.delete-account-modal h2{color:var(--color-danger);margin-bottom:1rem}.delete-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.delete-warning p{margin:0 0 .5rem;font-size:.9rem}.delete-warning ul{margin:.5rem 0 0;padding-left:1.25rem;font-size:.85rem;color:var(--color-text-muted)}.delete-warning li{margin-bottom:.25rem}.delete-confirm-form{margin-bottom:1.5rem}.delete-confirm-form label{display:block;font-size:.9rem;margin-bottom:.5rem}.delete-confirm-form input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);color:var(--color-text-primary);font-size:.9rem;margin-top:.5rem}.delete-confirm-form input:focus{outline:none;border-color:var(--color-danger)}.delete-confirm-btn{background:var(--color-danger);border:none;color:white;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-btn:not(:disabled):hover{background:#dc2626}.feedback-section{margin-top:1.5rem;padding:1rem;background:var(--color-surface-alt);border-radius:.75rem;border:1px solid rgba(59,130,246,.2)}.feedback-section h3{margin:0 0 .5rem;font-size:1rem}.feedback-intro{font-size:.85rem;color:var(--color-text-muted);margin:0 0 1rem}.profile-feedback-buttons{display:flex;flex-direction:column;gap:.5rem}.profile-feedback-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-primary);text-decoration:none;font-size:.9rem;transition:all .2s}.profile-feedback-btn:hover{background:var(--color-surface-lighter);border-color:var(--color-primary)}.profile-feedback-btn.bug:hover{border-color:var(--color-error)}.profile-feedback-btn.feature:hover{border-color:var(--color-warning)}.account-info{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.account-email{font-size:.9rem;color:var(--color-text-muted)}.auth-method-badge{font-size:.75rem;padding:.25rem .5rem;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-muted)}.email-user-notice{margin-top:1rem;padding:.875rem;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:.5rem}.email-user-notice p{margin:0 0 .75rem;font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.send-magic-link-btn{padding:.5rem 1rem;background:var(--color-primary);border:none;border-radius:.5rem;color:white;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.send-magic-link-btn:hover{background:var(--color-primary-hover)}.sign-out-row{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.sign-out-btn-profile{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;transition:all .2s}.sign-out-btn-profile:hover{border-color:var(--color-error);color:var(--color-error)}.promotion-section{margin-top:1.5rem}.promotion-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.promotion-section .section-header h3{margin:0}.add-promotion-btn{padding:.5rem 1rem;font-size:.85rem;background:#1e40af;border-radius:.5rem;color:#bfdbfe}.add-promotion-btn:hover{background:var(--color-primary)}.promotion-form{background:var(--color-surface-alt);padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.promotion-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.promotion-form label.full-width{grid-column:span 2}.promotion-form input,.promotion-form select{padding:.75rem;background:var(--color-background);border:1px solid rgba(148,163,184,.3);border-radius:.5rem;color:inherit;font-size:.9rem}.promotion-form input:focus,.promotion-form select:focus{outline:none;border-color:rgba(125,211,252,.5)}.save-promotion-btn{padding:.75rem;font-size:.95rem;background:linear-gradient(135deg,var(--color-secondary),var(--color-warning));border-radius:.5rem;color:white;font-weight:600}.save-promotion-btn:hover{background:linear-gradient(135deg,var(--color-warning),#b45309)}.promotion-timeline{display:flex;flex-direction:column;gap:0}.promotion-item{display:flex;gap:1rem;position:relative}.promotion-item.latest{background:rgba(125,211,252,.05);border-radius:.5rem;margin:-.5rem;padding:.5rem}.promotion-marker{display:flex;flex-direction:column;align-items:center;width:2rem;flex-shrink:0}.belt-emoji{font-size:1.5rem;z-index:1}.belt-visual-marker{display:flex;align-items:center;justify-content:center;z-index:1}.timeline-line{width:2px;flex:1 1;background:rgba(148,163,184,.3);margin-top:.25rem;min-height:2rem}.promotion-content{flex:1 1;padding-bottom:1rem;position:relative}.promotion-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.promotion-header strong{color:var(--color-text-primary);font-size:1rem}.promotion-date{color:var(--color-text-muted);font-size:.85rem}.promotion-notes{margin:.5rem 0 0;color:var(--color-text-secondary);font-size:.9rem;font-style:italic}.delete-promotion-btn{position:absolute;top:0;right:0;padding:.25rem .5rem;font-size:.75rem;background:transparent;opacity:.4;transition:opacity .2s}.delete-promotion-btn:hover{opacity:1;background:rgba(239,68,68,.2);border-radius:.25rem}.tab-btn{min-height:48px;display:flex;align-items:center;justify-content:center}@media (max-width:640px){main{padding:1rem}.app-header{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.app-header h1{font-size:1.1rem}.header-feedback-link{font-size:.7rem;padding:.3rem .5rem}.tab-nav{padding:.35rem;gap:.25rem}.tab-btn{padding:.6rem .5rem;font-size:.8rem;min-height:48px}.progress-content{padding:0 .5rem}.progress-section{padding:1rem}.consistency-stats{grid-template-columns:1fr;gap:.75rem}.consistency-stat{padding:.75rem}.consistency-stat .stat-value{font-size:1.5rem}.bar-chart{height:100px;gap:.5rem}.activity-day{width:16px;height:16px}.week-labels span{width:16px;font-size:.55rem}.activity-week{gap:2px}}@media (max-width:400px){.tab-btn{font-size:.75rem;padding:.5rem .35rem}.tab-btn-text{display:none}.app-header h1{font-size:1.1rem}.tagline{font-size:.8rem}}@media (max-width:640px){.chat-panel{display:flex;flex-direction:column;height:calc(100vh - 160px);min-height:350px}.chat-log{flex:1 1;min-height:200px;max-height:none;overflow-y:auto;padding-bottom:var(--space-md)}.chat-log .message.ai{font-size:1rem;line-height:1.7}.controls{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom, 0px));left:0;right:0;background:var(--color-surface);padding:.75rem 1rem;border-top:1px solid rgba(148,163,184,.2);z-index:90;box-shadow:0 -2px 8px rgba(0,0,0,.2)}.chat-panel.has-messages .controls textarea{min-height:44px;max-height:80px;padding:.6rem 3.75rem .6rem .85rem}.chat-panel{padding-bottom:60px}.chat-panel.has-messages{padding-bottom:50px}.controls .input-wrapper+button{min-height:var(--touch-ideal);font-size:1rem;font-weight:600}}.welcome-container{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0}.welcome-header{text-align:center}.welcome-header.compact{padding:.5rem 0}.welcome-header.compact h2{font-size:1.1rem}.welcome-header h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-info)}.welcome-header p{margin:0;color:var(--color-text-muted);font-size:.9rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.quick-actions.two-col{grid-template-columns:1fr 1fr}.quick-action-card{background:var(--color-surface);border:1px solid rgba(125,211,252,.2);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s;text-align:center}.quick-action-card:hover{background:rgba(125,211,252,.1);border-color:rgba(125,211,252,.4);transform:translateY(-2px)}.quick-action-card .icon{font-size:1.75rem;margin-bottom:.5rem}.quick-action-card .label{font-size:.85rem;color:var(--color-text-primary);font-weight:500}.quick-action-card .hint{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.quick-action-card.voice-hero{background:linear-gradient(135deg,rgba(61,139,255,.15),rgba(59,130,246,.05));border:2px solid rgba(61,139,255,.4);grid-column:1/-1;padding:1.25rem 1.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;text-align:left}.quick-action-card.voice-hero:hover{background:linear-gradient(135deg,rgba(61,139,255,.25),rgba(59,130,246,.1));border-color:var(--color-primary);box-shadow:0 4px 20px rgba(61,139,255,.3)}.quick-action-card.voice-hero .icon{font-size:2.5rem;margin-bottom:0;background:linear-gradient(135deg,var(--color-primary),#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-action-card.voice-hero .voice-content{flex:1 1}.quick-action-card.voice-hero .label{font-size:1.1rem;font-weight:600}.quick-action-card.voice-hero .hint{font-size:.85rem;margin-top:.35rem}@media (min-width:480px){.quick-actions:has(.voice-hero){grid-template-columns:repeat(2,1fr)}.quick-action-card.voice-hero{grid-column:span 2}}.quick-action-card.advice-card{background:linear-gradient(135deg,rgba(61,139,255,.15),rgba(59,130,246,.05));border:2px solid rgba(61,139,255,.4);padding:1.25rem 1.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;text-align:left}.quick-action-card.advice-card:hover{background:linear-gradient(135deg,rgba(61,139,255,.25),rgba(59,130,246,.1));border-color:var(--color-primary);box-shadow:0 4px 20px rgba(61,139,255,.3)}.quick-action-card.advice-card .icon{font-size:2.5rem;margin-bottom:0}.quick-action-card.advice-card .advice-content{flex:1 1}.quick-action-card.advice-card .label{font-size:1.1rem;font-weight:600}.quick-action-card.advice-card .hint{font-size:.85rem;margin-top:.35rem}.quick-actions-row{display:flex;gap:10px;margin-top:12px;margin-bottom:16px}.quick-actions-row .quick-action-card{flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-actions-row .quick-action-card:active{transform:scale(.97);opacity:.9}.quick-actions-row .quick-action-card .card-icon{font-size:18px;line-height:1}.quick-actions-row .quick-action-card .card-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.quick-actions-row .log-session-card{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(124,58,237,.05));border-color:rgba(124,58,237,.4)}.quick-actions-row .log-session-card:hover{background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(124,58,237,.1));border-color:var(--purple-500);box-shadow:0 4px 16px rgba(124,58,237,.25)}.quick-actions-row .ask-coach-card{background:linear-gradient(135deg,rgba(61,139,255,.15),rgba(61,139,255,.05));border-color:rgba(61,139,255,.4)}.quick-actions-row .ask-coach-card:hover{background:linear-gradient(135deg,rgba(61,139,255,.25),rgba(61,139,255,.1));border-color:var(--color-primary);box-shadow:0 4px 16px rgba(61,139,255,.25)}.show-all-link{background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.show-all-link:hover{background:rgba(61,139,255,.1)}.coach-unlock-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,rgba(61,139,255,.1),rgba(125,211,252,.1));border:1px solid rgba(61,139,255,.2);border-radius:var(--radius-lg);margin-bottom:.5rem}.coach-unlock-banner .unlock-icon{font-size:1.5rem}.coach-unlock-banner .unlock-text{font-size:.9rem;line-height:1.4;color:var(--color-text-secondary)}.coach-unlock-banner .unlock-text strong{color:var(--color-primary)}.qa-limit-banner{display:flex;align-items:center;gap:12px;margin:0 16px 16px;padding:12px 16px;background:#12151E;border-radius:8px}.qa-limit-emoji{font-size:20px}.qa-limit-text{font-size:14px;line-height:20px;color:#F9FAFB;margin:0}.qa-limit-link{color:#3D8BFF;font-weight:600;text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.qa-limit-link:hover{color:#5DA1FF}.qa-limit-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,13,20,.96);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.qa-limit-gate-modal{max-width:340px;width:100%;padding:24px;background:#12151E;border-radius:16px;display:flex;flex-direction:column;gap:16px;text-align:center}.qa-limit-gate-modal h2{font-size:20px;font-weight:600;color:#F9FAFB;margin:0}.qa-limit-gate-modal p{font-size:14px;color:#9CA3AF;margin:0;line-height:1.5}.qa-limit-gate-cta{width:100%;height:48px;background:#7C3AED;border:none;border-radius:8px;font-weight:600;font-size:16px;color:#F9FAFB;cursor:pointer;margin-top:8px;transition:background .15s ease}.qa-limit-gate-cta:hover{background:#8B5CF6}.qa-limit-gate-cta:active{transform:scale(.98)}.example-prompts{background:var(--color-background);border-radius:.75rem;padding:1rem}.example-prompts h4{margin:0 0 .75rem;font-size:.85rem;color:var(--color-text-muted)}.example-prompt{display:block;padding:.5rem .75rem;margin:.35rem 0;background:rgba(125,211,252,.05);border:1px solid rgba(125,211,252,.15);border-radius:.5rem;color:var(--color-info);font-size:.85rem;cursor:pointer;transition:all .15s;text-align:left;width:100%}.example-prompt:hover{background:rgba(125,211,252,.15);border-color:rgba(125,211,252,.3)}.prompt-container{display:flex;flex-direction:column;gap:8px;padding:0 16px 12px}.prompt-btn{width:100%;min-height:48px;padding:12px 16px;background:#1A1F2E;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#F9FAFB;text-align:left;cursor:pointer;transition:all .15s ease}.prompt-btn:hover{background:#252B3D;transform:translateY(-1px)}.prompt-btn:active{transform:translateY(0);background:#1A1F2E}.profile-warning{display:inline-flex;align-items:center;gap:.25rem;position:relative}.profile-warning .warning-dot{width:8px;height:8px;background:var(--color-error);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.profile-incomplete-banner{background:linear-gradient(135deg,rgba(234,179,8,.15),rgba(234,179,8,.05));border:1px solid rgba(234,179,8,.3);border-radius:.75rem;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.profile-incomplete-banner .icon{font-size:1.25rem}.profile-incomplete-banner .text{flex:1 1;font-size:.9rem;color:#fcd34d}.profile-incomplete-banner .text strong{color:#fef08a}.rollforge-rating-card{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(145deg,var(--color-surface) 0,rgba(30,41,59,.8) 100%);border:1px solid var(--belt-accent-glow);border-radius:1rem;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.15),0 0 30px var(--belt-accent-glow);transition:box-shadow .3s ease}.rating-ring-container{position:relative;width:90px;height:90px;flex-shrink:0}.belt-progress-ring{width:100%;height:100%}.belt-progress-ring .ring-bg{stroke:rgba(148,163,184,.15)}.belt-progress-ring .ring-progress{transition:stroke-dasharray .6s ease-out}.belt-progress-ring .ring-progress.belt-white{stroke:#e2e8f0}.belt-progress-ring .ring-progress.belt-blue{stroke:#3b82f6}.belt-progress-ring .ring-progress.belt-purple{stroke:#a855f7}.belt-progress-ring .ring-progress.belt-brown{stroke:#a16207}.belt-progress-ring .ring-progress.belt-black{stroke:#1e293b}.rating-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:800;color:var(--color-info);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rating-info{display:flex;flex-direction:column;gap:.25rem}.rating-label{font-size:1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.belt-microcopy{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.stats-dashboard{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.stat-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:1rem;text-align:center}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--color-info);line-height:1}.stat-card .stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.35rem;text-transform:uppercase;letter-spacing:.05em}.stat-card.highlight{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3)}.stat-card.highlight .stat-value{color:#4ade80}.stat-card.warning{background:linear-gradient(135deg,rgba(234,179,8,.15),rgba(234,179,8,.05));border-color:rgba(234,179,8,.3)}.stat-card.warning .stat-value{color:#facc15}.strengths-focus-pills{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.pills-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;position:relative;overflow:hidden}.pills-row:last-child{margin-bottom:0}.pills-label{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.pills-container{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem 0;margin:-.25rem 0;flex:1 1;min-width:0}.pills-container::-webkit-scrollbar{display:none}.pills-row:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--color-surface));pointer-events:none;opacity:0;transition:opacity .2s}.pills-row:has(.pills-container:hover):after{opacity:0}.pill{font-size:.8rem;padding:.4rem .85rem;border-radius:1rem;max-width:none;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pill:hover{transform:scale(1.02)}.pill:active{transform:scale(.98)}.strength-pill{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#4ade80}.strength-pill:hover{background:rgba(34,197,94,.25);box-shadow:0 2px 8px rgba(34,197,94,.2)}.focus-pill{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.focus-pill:hover{background:rgba(59,130,246,.25);box-shadow:0 2px 8px rgba(59,130,246,.2)}.pill-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:1rem 1.25rem;max-width:320px;width:calc(100% - 2rem);z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:pill-tooltip-in .2s ease-out}@keyframes pill-tooltip-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pill-tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.pill-tooltip-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pill-tooltip-type.strength{color:#4ade80}.pill-tooltip-type.focus{color:#60a5fa}.pill-tooltip-content{font-size:.9rem;color:var(--color-text-primary);line-height:1.5}.pill-tooltip-date{font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem}.pill-tooltip-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}.legal-page{min-height:100vh;padding:2rem;background:#050607}.legal-container{max-width:800px;margin:0 auto;color:var(--color-text-primary)}.legal-container .back-link{display:inline-block;color:var(--color-info);text-decoration:none;margin-bottom:2rem;font-size:.9rem}.legal-container .back-link:hover{text-decoration:underline}.legal-container h1{font-size:2rem;margin-bottom:.5rem;color:var(--color-text-primary)}.legal-container .last-updated{color:var(--color-text-muted);font-size:.9rem;margin-bottom:2rem}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:.75rem;border-bottom:1px solid var(--color-border-subtle);padding-bottom:.5rem}.legal-container h3{font-size:1rem;color:var(--color-text-secondary);margin:1rem 0 .5rem}.legal-container p{line-height:1.7;margin-bottom:1rem}.legal-container ul{margin:.5rem 0 1rem 1.5rem;line-height:1.7}.legal-container li{margin-bottom:.5rem}.legal-container a{color:var(--color-info)}.legal-container .contact-email{font-family:monospace;background:var(--color-surface);padding:.5rem 1rem;border-radius:.5rem;display:inline-block}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-subtle);display:flex;gap:2rem;justify-content:center}.legal-footer a{color:var(--color-info);text-decoration:none}.legal-footer a:hover{text-decoration:underline}.changelog-page .changelog-intro{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2.5rem;line-height:1.6}.changelog-list{display:flex;flex-direction:column;gap:2rem}.changelog-entry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s ease}.changelog-entry:hover{border-color:var(--color-border-subtle)}.changelog-entry.latest{border-color:var(--color-success);background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.02))}.changelog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.version-badge{display:flex;align-items:center;gap:.5rem}.version-badge .new-tag{background:var(--color-success);color:white;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.version-badge .version{font-family:monospace;font-size:.9rem;color:var(--color-text-muted);background:var(--color-surface-alt);padding:2px 8px;border-radius:4px}.changelog-date{font-size:.85rem;color:var(--color-text-muted)}.changelog-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;border:none;padding:0}.changelog-section{margin-top:1rem}.changelog-section h3{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 .5rem}.changelog-section ul{margin:0;padding-left:1.25rem}.changelog-section li{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:.25rem}.changelog-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border);text-align:center}.changelog-footer p{color:var(--color-text-muted);font-size:.95rem}.changelog-footer a{color:var(--color-info);text-decoration:none}.changelog-footer a:hover{text-decoration:underline}.feature-request-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.05));border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.feature-request-trigger:hover{border-color:rgba(251,191,36,.4);background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1))}.feature-request-trigger .trigger-icon{font-size:1.25em}.feature-request-trigger .trigger-text{flex:1 1;text-align:left;font-weight:500}.feature-request-trigger .trigger-arrow{color:var(--color-text-muted);transition:transform .2s ease}.feature-request-trigger:hover .trigger-arrow{transform:translateX(4px)}.feature-request-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.feature-request-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feature-request-form .form-header h4{margin:0;font-size:1rem;color:var(--color-text-primary)}.feature-request-form .close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease}.feature-request-form .close-btn:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.feature-request-form .form-field{margin-bottom:16px}.feature-request-form label{display:block;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.feature-request-form .category-chips{display:flex;flex-wrap:wrap;gap:8px}.feature-request-form .category-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.feature-request-form .category-chip:hover{border-color:var(--color-border-subtle);background:var(--color-surface)}.feature-request-form .category-chip.selected{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.1));border-color:var(--color-primary);color:var(--color-text-primary)}.feature-request-form .chip-emoji{font-size:1em}.feature-request-form .chip-label{font-weight:500}.feature-request-form textarea{width:100%;padding:12px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px}.feature-request-form textarea:focus{outline:none;border-color:var(--color-primary)}.feature-request-form textarea::placeholder{color:var(--color-text-muted)}.feature-request-form .char-count{display:block;text-align:right;font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.feature-request-form .form-actions{display:flex;gap:12px;margin-top:16px}.feature-request-form .cancel-btn{flex:1 1;padding:10px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.feature-request-form .cancel-btn:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.feature-request-form .submit-btn{flex:2 1;padding:10px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:white;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.feature-request-form .submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.4)}.feature-request-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.feature-request-success{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md)}.feature-request-success .success-icon{font-size:1.5em}.feature-request-success p{margin:0;color:var(--color-text-secondary);font-size:.95rem}.app-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.1);text-align:center;font-size:.75rem}.app-footer,.app-footer a{color:var(--color-text-muted)}.app-footer a{text-decoration:none;margin:0 .75rem}.app-footer a:hover{color:var(--color-info)}.streak-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(251,146,60,.15),rgba(251,146,60,.05));border:1px solid rgba(251,146,60,.3);border-radius:.75rem;font-size:.9rem}.streak-display .streak-fire{font-size:1.25rem}.streak-display .streak-count{font-weight:700;color:var(--color-warning)}.streak-display .streak-label{color:#fdba74}.stats-share-card{background:linear-gradient(135deg,var(--color-surface-alt),var(--color-background));border:2px solid var(--color-primary);border-radius:1rem;padding:1.5rem;text-align:center;position:relative;overflow:hidden}.stats-share-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--belt-purple),var(--color-primary))}.stats-share-card .card-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.stats-share-card .card-subtitle{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem}.stats-share-card .stats-row{display:flex;justify-content:space-around;margin-bottom:1rem}.stats-share-card .stat-item{text-align:center}.stats-share-card .stat-item .value{font-size:2rem;font-weight:700;color:var(--color-info)}.stats-share-card .stat-item .label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-share-card .belt-display{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:2rem;margin-bottom:1rem}.stats-share-card .share-btn{margin-top:1rem;padding:.75rem 1.5rem;color:white;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.stats-share-card .share-btn,.stats-share-card .share-btn:hover{background:var(--color-primary)}.stats-share-card .branding{margin-top:1rem;font-size:.75rem;color:var(--color-text-muted)}.feedback-btn{position:fixed;bottom:1rem;right:1rem;padding:.75rem 1rem;color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:2rem;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:100;transition:background .2s}.feedback-btn,.feedback-btn:hover{background:var(--color-border-subtle)}.feedback-modal-overlay{background:rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200}.feedback-modal{background:rgba(20,30,50,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.5rem;width:min(400px,90vw);max-height:80vh;overflow-y:auto;box-shadow:0 24px 48px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.feedback-modal h3{margin:0 0 1rem;color:var(--color-text-primary)}.feedback-modal textarea{width:100%;min-height:120px;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-primary);font-size:.9rem;resize:vertical;margin-bottom:1rem}.feedback-modal textarea:focus{outline:none;border-color:var(--color-primary)}.feedback-modal .modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.feedback-modal .cancel-btn{padding:.5rem 1rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:.5rem;cursor:pointer}.feedback-modal .submit-btn{padding:.5rem 1rem;background:var(--color-primary);color:white;border:none;border-radius:.5rem;cursor:pointer}.feedback-modal .submit-btn:disabled{background:var(--color-border-subtle);cursor:not-allowed}.this-week-card.compact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-sm)}.week-stat.primary{display:flex;align-items:baseline;gap:var(--space-xs);flex-wrap:wrap}.week-stat .stat-number{font-size:2rem;font-weight:800;line-height:1;color:var(--color-primary)}.week-stat .stat-unit{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.week-stat .stat-unit.ready-state{font-size:1rem;color:var(--color-primary);font-weight:600}.mat-time-badge{font-size:.7rem;font-weight:500;color:var(--color-primary);background:rgba(59,130,246,.1);padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-xs);white-space:nowrap}.week-stats-row{display:flex;align-items:center;gap:var(--space-md)}.consistency-pill,.streak-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--color-primary)}.month-stat{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--color-text-secondary)}.month-stat .stat-icon{font-size:.9rem}.month-stat .stat-label{font-size:.7rem;color:var(--color-text-muted)}.this-week-card:not(.compact){display:flex;align-items:center;gap:1.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(251,146,60,.15),rgba(59,130,246,.1));border:1px solid rgba(251,146,60,.3);border-radius:1rem;margin-bottom:1rem}.this-week-primary{display:flex;flex-direction:column;align-items:center;min-width:80px;padding-right:1.5rem;border-right:1px solid rgba(255,255,255,.1)}.this-week-count{font-size:2.5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-warning),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.this-week-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.this-week-message{font-size:.85rem;font-weight:500;color:var(--color-warning);margin-top:.25rem}.this-week-secondary{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.streak-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:rgba(251,146,60,.2);border:1px solid rgba(251,146,60,.4);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--color-warning);width:-moz-fit-content;width:fit-content}.streak-badge .streak-icon{font-size:1rem}.streak-badge .streak-value{white-space:nowrap}.stat-row{display:flex;gap:1rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.35rem}.stat-item .stat-icon{font-size:.9rem}.stat-item .stat-value{font-weight:700;font-size:1rem;color:var(--color-text)}.stat-item .stat-label{font-size:.75rem;color:var(--color-text-muted)}@media (max-width:480px){.this-week-card{flex-direction:column;text-align:center;padding:1rem}.this-week-primary{padding-right:0;padding-bottom:.75rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);width:100%}.this-week-secondary{align-items:center;width:100%}.stat-row{justify-content:center}}.training-streak{display:flex;gap:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(251,146,60,.1),rgba(59,130,246,.1));border:1px solid rgba(251,146,60,.2);border-radius:.75rem;margin-bottom:1rem}.training-streak .streak-item{display:flex;align-items:center;gap:.25rem}.training-streak .streak-item.primary{padding-right:1rem;border-right:1px solid rgba(255,255,255,.1)}.training-streak .streak-icon{font-size:1.1rem}.training-streak .streak-count{font-weight:700;font-size:1.1rem;color:var(--color-warning)}.training-streak .streak-label{font-size:.75rem;color:var(--color-text-muted)}.feedback-fab{position:fixed;bottom:calc(130px + env(safe-area-inset-bottom, 0px));right:1rem;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary));border:none;cursor:pointer;font-size:1.5rem;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(59,130,246,.4);transition:all .2s ease;z-index:1000}@media (min-width:768px){.feedback-fab{display:flex;bottom:1.5rem}}.feedback-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(59,130,246,.5)}.feedback-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.feedback-modal{background:var(--color-surface);border-radius:1rem;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5)}.feedback-modal .feedback-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-subtle)}.feedback-modal .feedback-header h3{margin:0;font-size:1.1rem}.feedback-modal .feedback-header .close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.feedback-modal .feedback-header .close-btn:hover{color:#fff}.feedback-modal .feedback-type-selector{display:flex;gap:.5rem;padding:1rem 1.25rem .5rem}.feedback-modal .type-btn{flex:1 1;padding:.5rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;transition:all .15s}.feedback-modal .type-btn:hover{border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.feedback-modal .type-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:white}.feedback-modal .feedback-textarea{width:calc(100% - 2.5rem);margin:.75rem 1.25rem;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-primary);font-size:.9rem;resize:vertical;min-height:100px}.feedback-modal .feedback-textarea:focus{outline:none;border-color:var(--color-primary)}.feedback-modal .submit-feedback-btn{width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem;padding:.75rem;background:var(--color-primary);border:none;border-radius:.5rem;color:white;font-weight:600;cursor:pointer;transition:background .15s}.feedback-modal .submit-feedback-btn:hover:not(:disabled){background:var(--color-primary)}.feedback-modal .submit-feedback-btn:disabled{background:var(--color-border-subtle);cursor:not-allowed}.feedback-modal .feedback-success{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:.5rem}.feedback-modal .feedback-success .success-icon{font-size:2.5rem}.feedback-modal .feedback-success p{margin:0;color:#10b981;font-weight:500}.feedback-prompt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1002;padding:1rem;animation:fadeIn .3s ease}.feedback-prompt{background:var(--color-surface);border-radius:1rem;width:100%;max-width:340px;padding:1.5rem;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:slideUp .3s ease}.feedback-prompt-emoji{font-size:3rem;margin-bottom:.5rem}.feedback-prompt h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-text-primary)}.feedback-prompt p{margin:0 0 1.25rem;font-size:.95rem;color:var(--color-text-muted);line-height:1.5}.feedback-prompt-buttons{display:flex;flex-direction:column;gap:.5rem}.feedback-prompt-btn{padding:.75rem 1rem;border-radius:.5rem;font-size:.95rem;cursor:pointer;border:none;transition:all .2s;text-decoration:none;display:block}.feedback-prompt-btn.primary{background:linear-gradient(135deg,var(--color-primary),#2563eb);color:white;font-weight:600}.feedback-prompt-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.4)}.feedback-prompt-btn.secondary{background:var(--color-surface-lighter);color:var(--color-text-primary)}.feedback-prompt-btn.secondary:hover{background:var(--color-surface-alt)}.feedback-prompt-btn.dismiss{background:transparent;color:var(--color-text-muted);font-size:.85rem;padding:.5rem}.beta-banner,.feedback-prompt-btn.dismiss:hover{color:var(--color-text-secondary)}.beta-banner{position:relative;width:100%;padding:12px 44px 12px 16px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(139,92,246,.12));border:1px solid rgba(59,130,246,.25);border-radius:10px;margin:0 0 .5rem;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:.85rem;z-index:50}.beta-banner-icon{font-size:1.25rem;flex-shrink:0}.beta-banner-text{flex:1 1}.beta-banner-text strong{color:var(--color-primary);font-weight:600}.beta-banner-dismiss{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;border-radius:50%;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;padding:4px 6px;line-height:1;opacity:.8;transition:all .2s}.beta-banner-dismiss:hover{opacity:1;background:rgba(255,255,255,.15)}.sync-status-bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:8px 16px;font-size:.85rem;font-weight:500;z-index:1001;transition:all .3s ease}.sync-status-bar.offline{background:linear-gradient(135deg,rgba(234,179,8,.9),rgba(194,120,3,.9));color:#1a1a1a}.sync-status-bar.syncing{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.9));color:white}.sync-status-bar .sync-icon{font-size:1rem}.sync-status-bar .status-spinner.small{width:14px;height:14px;border-width:2px}.beta-banner{top:36px}@media (max-width:480px){.beta-banner{padding:10px 40px 10px 12px;font-size:.8rem;gap:8px}.beta-banner-icon{font-size:1.1rem}.sync-status-bar{font-size:.8rem;padding:6px 12px}}.webview-warning-banner{position:fixed;top:0;left:0;right:0;padding:16px 20px;background:linear-gradient(135deg,rgba(255,75,92,.15),rgba(245,180,68,.15));border-bottom:2px solid var(--color-warning);z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease-out}.webview-warning-content{max-width:600px;margin:0 auto;text-align:center}.webview-warning-title{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--color-warning)}.webview-warning-text{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--color-text-primary)}.webview-warning-text strong{color:var(--color-warning);font-weight:700}.webview-options{display:flex;flex-direction:column;gap:16px;margin-top:16px}.webview-option{background:rgba(255,255,255,.05);border-radius:12px;padding:16px}.webview-option-label{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.webview-option-hint{margin:0;font-size:13px;color:var(--color-text-secondary)}.webview-browser-buttons{display:flex;gap:8px;margin:12px 0}.webview-copy-url-btn,.webview-open-browser-btn{flex:1 1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.webview-open-browser-btn{background:var(--color-accent);color:white}.webview-open-browser-btn:hover{background:var(--color-accent-hover,#1d4ed8);transform:translateY(-1px)}.webview-open-browser-btn:active{transform:translateY(0)}.webview-copy-url-btn{background:rgba(255,255,255,.1);color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2)}.webview-copy-url-btn:hover{background:rgba(255,255,255,.15)}.webview-divider{font-size:13px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.webview-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.webview-modal{background:rgba(20,30,50,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:20px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;padding:28px 24px;position:relative;box-shadow:0 24px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08),0 0 1px rgba(255,255,255,.1);animation:slideUp .3s ease-out}.webview-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.05);color:var(--color-text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.webview-modal-close:hover{background:rgba(255,255,255,.1);color:var(--color-text-primary)}.webview-modal-header{text-align:center;margin-bottom:24px}.webview-modal-header h2{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--color-text-primary)}.webview-modal-subtitle{margin:0;font-size:14px;color:var(--color-text-secondary)}.webview-primary-option{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(59,130,246,.05));border:1px solid rgba(59,130,246,.25);border-radius:16px;padding:20px;position:relative;margin-bottom:20px}.option-badge{position:absolute;top:-10px;left:16px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.option-badge.recommended{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.webview-primary-option h3{margin:8px 0;font-size:17px;font-weight:600;color:var(--color-text-primary)}.option-desc{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.email-input-wrapper{display:flex;gap:8px}.webview-email-input{flex:1 1;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3);color:var(--color-text-primary);font-size:15px;outline:none;transition:all .2s}.webview-email-input:focus{border-color:var(--color-primary);background:rgba(0,0,0,.4);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.webview-email-input::placeholder{color:var(--color-text-muted)}.webview-email-submit{padding:14px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.webview-email-submit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.webview-email-submit:disabled{opacity:.6;cursor:not-allowed}.webview-error{margin:10px 0 0;padding:8px 12px;background:rgba(239,68,68,.15);border-radius:8px;font-size:13px;color:#ef4444}.webview-divider-line{display:flex;align-items:center;gap:12px;margin:20px 0}.webview-divider-line:after,.webview-divider-line:before{content:"";flex:1 1;height:1px;background:rgba(255,255,255,.1)}.webview-divider-line span{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.webview-secondary-option{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}.webview-secondary-option h4{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--color-text-primary)}.option-desc-small{margin:0 0 12px;font-size:13px;color:var(--color-text-secondary)}.browser-steps{margin:0 0 14px;padding-left:20px;list-style:decimal}.browser-steps li{font-size:13px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:4px}.browser-steps li::marker{color:var(--color-primary);font-weight:600}.browser-action-buttons{display:flex;gap:8px;margin-bottom:10px}.webview-copy-btn,.webview-open-btn{flex:1 1;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.webview-open-btn{background:rgba(255,255,255,.1);color:var(--color-text-primary)}.webview-open-btn:hover{background:rgba(255,255,255,.15)}.webview-copy-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--color-text-secondary)}.webview-copy-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.25);color:var(--color-text-primary)}.webview-copy-btn-primary{flex:1 1;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:var(--color-accent)}.webview-copy-btn-primary:hover{background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.5)}.webview-fallback-hint{margin:0;font-size:11px;color:var(--color-text-muted);text-align:center}.webview-success-state{text-align:center;padding:20px 0}.webview-success-state .success-checkmark{font-size:48px;margin-bottom:16px}.webview-success-state h3{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--color-text-primary)}.webview-success-state p{margin:0 0 8px;font-size:14px;color:var(--color-text-secondary)}.webview-success-state .success-hint{font-size:13px;color:var(--color-text-muted);margin-bottom:20px}.webview-try-different{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--color-text-secondary);padding:10px 20px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.webview-try-different:hover{background:rgba(255,255,255,.05);color:var(--color-text-primary)}.webview-modal-footer{margin:20px 0 0;text-align:center;font-size:12px;color:var(--color-text-muted)}@media (max-width:480px){.webview-modal{padding:24px 20px;border-radius:16px;max-height:85vh}.webview-modal-header h2{font-size:20px}.email-input-wrapper{flex-direction:column}.webview-email-submit{width:100%}.browser-action-buttons{flex-direction:column}.webview-copy-btn,.webview-open-btn{width:100%}}.email-signin-form{display:flex;flex-direction:column;gap:12px}.email-input-group{display:flex;gap:8px}.email-input{flex:1 1;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--color-text-primary);font-size:15px;outline:none;transition:border-color .2s,background .2s}.email-input:focus{border-color:var(--color-primary);background:rgba(255,255,255,.08)}.email-input::placeholder{color:var(--color-text-secondary)}.email-submit-btn{padding:12px 20px;border-radius:8px;border:none;background:var(--color-primary);color:white;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,transform .1s}.email-submit-btn:hover:not(:disabled){background:var(--color-primary-dark,#1d4ed8)}.email-submit-btn:disabled{opacity:.6;cursor:not-allowed}.email-hint{margin:0;font-size:12px;color:var(--color-text-secondary)}.email-error{margin:0;font-size:13px;color:var(--color-error,#ef4444)}.email-signin-success{text-align:center;padding:8px 0}.email-signin-success .success-icon{font-size:32px;margin-bottom:8px}.email-signin-success .success-title{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--color-success,#22c55e)}.email-signin-success .success-message{margin:0 0 4px;font-size:14px;color:var(--color-text-primary)}.email-signin-success .success-hint{margin:0 0 12px;font-size:13px;color:var(--color-text-secondary)}.email-signin-success .try-different-email{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:background .2s,color .2s}.email-signin-success .try-different-email:hover{background:rgba(255,255,255,.05);color:var(--color-text-primary)}@media (max-width:480px){.email-input-group{flex-direction:column}.email-submit-btn{width:100%}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:480px){.webview-warning-banner{padding:12px 16px}.webview-warning-title{font-size:14px}.webview-warning-text{font-size:13px}}.auth-error-banner{position:fixed;top:0;left:0;right:0;padding:16px 24px;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.98));color:var(--color-text-primary);text-align:center;font-size:14px;z-index:1001;border-bottom:1px solid var(--color-primary);box-shadow:0 4px 20px rgba(0,0,0,.3)}.auth-error-banner p{margin:0 0 12px}.email-fallback-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.email-fallback-input{padding:10px 16px;border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-surface);color:var(--color-text-primary);font-size:14px;min-width:220px}.email-fallback-input:focus{outline:none;border-color:var(--color-primary)}.email-fallback-btn{padding:10px 20px;background:var(--color-primary);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.email-fallback-btn:hover{background:var(--color-primary-dark)}.try-google-again{background:none;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer;text-decoration:underline;padding:4px}.try-google-again:hover{color:var(--color-text-primary)}@media (max-width:480px){.email-fallback-form{flex-direction:column;align-items:center}.email-fallback-btn,.email-fallback-input{width:100%;max-width:280px}}.landing-page{padding:0;flex-direction:column}.landing-loading,.landing-page{min-height:100vh;display:flex;align-items:center}.landing-loading{justify-content:center}.landing-loading .spinner{width:40px;height:40px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.hero{width:100%;max-width:1200px;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.hero-content .badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border:1px solid rgba(59,130,246,.3);border-radius:2rem;font-size:.85rem;color:var(--color-info);margin-bottom:1.5rem}.hero-content h1{font-size:3rem;line-height:1.1;margin:0 0 1.5rem;font-weight:800}.hero-content h1 .highlight{background:linear-gradient(135deg,var(--color-primary),var(--belt-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:2rem}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-cta-buttons{width:100%;max-width:600px}.final-trust-bar,.hero-cta-buttons,.hero-trust-bar{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.final-trust-bar,.hero-trust-bar{padding:.75rem 0;margin-top:.5rem;font-size:.9rem;color:var(--color-text-muted)}.final-trust-bar .trust-item,.hero-trust-bar .trust-item{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.cta-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary));color:white;border:none;border-radius:.75rem;box-shadow:0 4px 12px rgba(59,130,246,.3);flex:1 1 200px;max-width:280px}.cta-primary,.cta-secondary{padding:1rem 2rem;min-height:52px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.cta-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:.75rem;flex:1 1 180px;max-width:260px}.cta-secondary:hover{background:rgba(59,130,246,.1);transform:translateY(-2px)}.cta-secondary:disabled{opacity:.7;cursor:not-allowed;transform:none}.cta-secondary-compact{padding:.75rem 1.25rem;min-height:48px;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.cta-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.cta-primary.cta-slow{animation:pulse-slow 2s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.7}50%{opacity:.9}}.auth-slow-hint{font-size:.8rem;color:var(--color-text-warning,#fbbf24);margin-top:.5rem;padding:.5rem 1rem;background:rgba(251,191,36,.1);border-radius:.5rem;border:1px solid rgba(251,191,36,.2);max-width:400px;text-align:center}.cta-primary.large{padding:1.25rem 2.5rem;font-size:1.2rem}.cta-note{font-size:.85rem;color:var(--color-text-muted)}.cta-trust{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem;opacity:.8}.beta-spots-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:280px;margin:.75rem auto;padding:.5rem .75rem;background:rgba(0,0,0,.2);border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.beta-spots-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;opacity:.7}.beta-spots-bar{position:relative;width:100%;height:6px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden}.beta-spots-filled{position:absolute;left:0;top:0;height:100%;border-radius:3px;transition:width .5s ease}.beta-spots-container.low-urgency .beta-spots-filled{background:linear-gradient(90deg,#22c55e,#4ade80)}.beta-spots-container.low-urgency .beta-spots-label,.beta-spots-container.low-urgency .beta-spots-text{color:#4ade80}.beta-spots-container.medium-urgency .beta-spots-filled{background:linear-gradient(90deg,#eab308,#facc15)}.beta-spots-container.medium-urgency .beta-spots-label,.beta-spots-container.medium-urgency .beta-spots-text{color:#facc15}.beta-spots-container.high-urgency .beta-spots-filled{background:linear-gradient(90deg,#f97316,#fb923c)}.beta-spots-container.high-urgency .beta-spots-label,.beta-spots-container.high-urgency .beta-spots-text{color:#fb923c}.beta-spots-container.critical-urgency .beta-spots-filled{background:linear-gradient(90deg,#ef4444,#f87171)}.beta-spots-container.critical-urgency .beta-spots-label,.beta-spots-container.critical-urgency .beta-spots-text{color:#f87171}.beta-spots-text{display:block;margin-top:.4rem;font-size:.75rem;font-weight:600;text-align:center}.social-proof-mini{flex-direction:column;gap:.3rem;margin-top:.75rem;padding:.6rem 1rem;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:.75rem}.belt-breakdown,.social-proof-mini{display:flex;align-items:center;justify-content:center}.belt-breakdown{gap:.4rem;flex-wrap:wrap}.belt-count{font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:.25rem}.belt-count.white{background:rgba(255,255,255,.15);color:#fff}.belt-count.blue{background:rgba(59,130,246,.2);color:#60a5fa}.belt-count.purple{background:rgba(168,85,247,.2);color:#c084fc}.belt-count.brown{background:rgba(180,83,9,.2);color:#d97706}.belt-sep{color:var(--color-text-muted);font-size:.6rem}.social-proof-mini .proof-text{font-size:.7rem;font-weight:500;color:var(--color-text-muted)}.social-proof-mini.testimonial-style{background:rgba(168,85,247,.08);border-color:rgba(168,85,247,.2);text-align:center;padding:.8rem 1.2rem}.social-proof-mini .testimonial-quote{font-size:.85rem;font-style:italic;color:var(--color-text-secondary);line-height:1.4;margin:0 0 .4rem}.social-proof-mini .testimonial-author{font-size:.75rem;font-weight:600;color:#c084fc}.privacy-reassurance{font-size:.8rem;color:#9BA3BD;margin-top:.75rem}.alt-signin-note{font-size:.8rem;color:var(--color-text-muted);margin-top:.75rem}.alt-signin-note a{color:var(--color-primary);text-decoration:underline}.alt-signin-note a:hover{color:var(--color-primary-hover)}.hero-visual{display:flex;justify-content:center}.phone-mockup{width:300px;aspect-ratio:280/607;background:var(--color-surface);border-radius:2rem;padding:.5rem;box-shadow:0 25px 50px rgba(0,0,0,.5);overflow:hidden;contain:layout style}.phone-mockup .hero-demo-video,.phone-mockup .hero-screenshot{width:100%;height:auto;border-radius:1.5rem;display:block}.phone-mockup .hero-demo-video{object-fit:cover;aspect-ratio:280/607}.phone-mockup .demo-caption{text-align:center;font-size:.75rem;color:#9BA3BD;margin-top:.5rem}.hero-trust-icons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.hero-trust-icons .trust-icon{font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem}.hero-demo-poster-btn{position:relative;display:block;border:none;padding:0;cursor:pointer;background:transparent;width:100%;border-radius:1.5rem;overflow:hidden}.hero-demo-poster-btn:hover .play-icon{transform:translate(-50%,-50%) scale(1.1);background:rgba(61,139,255,.95)}.hero-demo-poster-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hero-demo-poster{width:100%;height:auto;display:block;border-radius:1.5rem}.hero-demo-poster-btn .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:rgba(61,139,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 20px rgba(0,0,0,.4)}.phone-mockup .screen{background:var(--color-surface);border-radius:1.5rem;padding:1.5rem;min-height:400px}.mock-chat{display:flex;flex-direction:column;gap:1rem}.mock-message{padding:1rem;border-radius:1rem;font-size:.85rem;line-height:1.5}.mock-message.user{background:var(--color-border-subtle);align-self:flex-end;max-width:90%}.mock-message.coach{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.3)}.problem-solution{width:100%;max-width:1000px;padding:4rem 2rem;display:flex;align-items:center;justify-content:center;gap:2rem}.problem,.solution{flex:1 1;padding:2rem;border-radius:1rem}.problem{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.solution{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}.problem h2,.solution h2{font-size:1.5rem;margin:0 0 1rem}.problem ul,.solution ul{list-style:none;padding:0;margin:0}.problem li,.solution li{padding:.5rem 0;font-size:1rem;color:var(--color-text-secondary)}.bridge-line{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(239,68,68,.3);font-size:1.05rem;color:var(--color-text-secondary)}.arrow{font-size:2rem;color:var(--color-text-muted)}.features{width:100%;max-width:1000px;padding:4rem 2rem;text-align:center}.features h2{font-size:2rem;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.feature-card{background:var(--color-surface);padding:2rem;border-radius:1rem;text-align:left;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:2rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin:0 0 .75rem}.feature-card p{color:var(--color-text-muted);line-height:1.6;margin:0}.feature-card.highlight-card{background:linear-gradient(135deg,var(--color-surface-alt) 0,var(--color-surface) 100%);border:2px solid var(--color-primary);position:relative}.feature-card.highlight-card:before{content:"⭐ KEY FEATURE";position:absolute;top:-12px;left:1rem;background:var(--color-primary);color:white;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:4px}.diff-subtitle{margin-bottom:2rem}.diff-subtitle,.final-subtitle{color:var(--color-text-muted);font-size:1.1rem}.final-subtitle{margin-bottom:1.5rem}.testimonial-author{margin-top:.5rem;font-size:.9rem}.how-it-works{width:100%;max-width:900px;padding:4rem 2rem;text-align:center}.how-it-works h2{font-size:2rem;margin-bottom:3rem}.steps{display:flex;gap:2rem}.step{flex:1 1;text-align:center}.step-number{width:3rem;height:3rem;background:linear-gradient(135deg,var(--color-primary),var(--belt-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1.1rem;margin:0 0 .5rem}.step p{color:var(--color-text-muted);font-size:.95rem}.differentiator{width:100%;max-width:900px;padding:4rem 2rem;text-align:center}.differentiator h2{font-size:2rem;margin-bottom:2rem}.comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.other-apps,.our-app{padding:2rem;border-radius:1rem}.other-apps{background:rgba(107,114,128,.1);border:1px solid rgba(107,114,128,.2)}.our-app{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}.other-apps h3,.our-app h3{font-size:1.25rem;margin:0 0 1rem}.other-apps ul,.our-app ul{list-style:none;padding:0;margin:0;text-align:left}.other-apps li,.our-app li{padding:.5rem 0;color:var(--color-text-secondary)}.social-proof{width:100%;max-width:700px;padding:4rem 2rem;text-align:center}.social-proof h2{font-size:2rem;margin-bottom:1rem}.beta-note{color:var(--color-text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}@media (max-width:768px){.testimonials-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -1rem 2rem;padding:.5rem 1rem;gap:1rem;scrollbar-width:none;-ms-overflow-style:none}.testimonials-grid::-webkit-scrollbar{display:none}.testimonials-grid .testimonial-card{flex:0 0 85%;min-width:280px;max-width:320px;scroll-snap-align:start}}.testimonial-card{background:var(--color-surface);padding:1.5rem;border-radius:1rem;text-align:left}.testimonial-card p{font-style:italic;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.testimonial-author{display:block;font-size:.85rem;color:var(--color-text-muted);font-style:normal}.testimonial-placeholder{background:var(--color-surface);padding:2rem;border-radius:1rem;font-style:italic;color:var(--color-text-secondary)}.proof-badge{background:var(--color-surface-alt);border:1px solid var(--color-secondary);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:.95rem;color:var(--color-secondary);display:inline-block}.seo-section{width:100%;max-width:800px;padding:3rem 2rem;text-align:left;border-top:1px solid rgba(255,255,255,.1)}.seo-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-text);text-align:center}.seo-content{display:flex;flex-direction:column;gap:1.25rem}.seo-content p{font-size:1rem;line-height:1.7;color:var(--color-text-secondary)}.seo-content strong{color:var(--color-text);font-weight:600}@media (max-width:768px){.seo-section{padding:2rem 1rem}.seo-section h2{font-size:1.25rem}.seo-content p{font-size:.95rem}}.final-cta{width:100%;max-width:600px;padding:4rem 2rem;text-align:center}.final-cta h2{font-size:2rem;margin-bottom:1.5rem}.final-cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%;margin:1.5rem 0}.sticky-cta-bar{display:none}@media (max-width:768px){.sticky-cta-bar{position:fixed;left:0;right:0;bottom:0;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom, 0));background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);z-index:1000;display:flex;gap:.75rem;justify-content:center;align-items:center;min-height:56px}.sticky-cta-bar .cta-primary{flex:1 1 auto;max-width:180px;min-height:44px;font-size:.95rem;padding:.75rem 1.25rem}.sticky-cta-bar .cta-secondary-compact{flex:0 0 auto}.landing-footer{padding-bottom:5rem}}.landing-footer{width:100%;padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:2rem}.landing-footer .footer-links{margin-bottom:1rem}.landing-footer .footer-links a{color:var(--color-text-muted);text-decoration:none;margin:0 .5rem;padding:.75rem .5rem;min-height:44px;display:inline-flex;align-items:center}.landing-footer .footer-links a:hover{color:var(--color-info)}.landing-footer .footer-feedback{margin-bottom:1rem;font-size:.9rem;color:var(--color-text-muted)}.landing-footer .footer-feedback a{color:var(--color-info);text-decoration:underline;text-underline-offset:2px}.landing-footer .footer-feedback a:hover{text-decoration:underline}.landing-footer p{color:var(--color-text-muted);font-size:.85rem}.privacy-badge{margin-top:1rem;font-size:.9rem;color:var(--color-text-muted)}.pain-questions{list-style:none;padding:0}.pain-questions li{font-size:1.2rem;margin:1rem 0;padding-left:0;color:var(--color-text)}.pain-questions li:before{content:"→ ";color:var(--color-warning)}.pain-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}.pain-card{background:var(--color-surface);border-radius:.75rem;padding:1.25rem;text-align:center;border:1px solid var(--color-border-subtle);transition:transform .2s,box-shadow .2s}.pain-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.pain-icon{display:block;font-size:2rem;margin-bottom:.75rem}.pain-card p{font-size:1rem;color:var(--color-text);margin:0;line-height:1.4}@media (max-width:768px){.pain-cards{display:grid;grid-template-columns:1fr;overflow-x:visible;padding:0;margin:1.5rem 0;grid-gap:1rem;gap:1rem}.pain-cards::-webkit-scrollbar{display:none}.pain-card{flex:none;min-width:0;max-width:100%;scroll-snap-align:none}}.stat-callout{background:rgba(var(--color-warning-rgb),.1);border-left:3px solid var(--color-warning);padding:.75rem 1rem;margin:1.5rem 0;font-size:.95rem;border-radius:0 .5rem .5rem 0}.comparison-table-section{padding:3rem 2rem;text-align:center}.comparison-table-section h2{margin-bottom:2rem}.comparison-table{max-width:600px;margin:0 auto;border-radius:.75rem;overflow:hidden;background:var(--color-surface)}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:.5rem;gap:.5rem}.table-header{background:var(--color-surface-alt,rgba(255,255,255,.05));font-weight:600;font-size:.85rem}.table-cell{padding:.75rem .5rem;text-align:center}.table-cell.feature-name{text-align:left;padding-left:1rem}.table-cell.highlight{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);font-weight:600}.table-row{border-top:1px solid rgba(255,255,255,.05)}.faq-section{padding:3rem 2rem;max-width:800px;margin:0 auto}.faq-section h2{text-align:center;margin-bottom:2rem}.faq-grid{display:grid;grid-gap:1rem;gap:1rem}.faq-item{background:var(--color-surface);border-radius:.5rem;overflow:hidden}.faq-item summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.25rem;color:var(--color-primary)}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 1.25rem 1rem;margin:0;color:var(--color-text-muted);line-height:1.6}@media (max-width:600px){.comparison-table{font-size:.85rem}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.table-cell{padding:.5rem .25rem}.table-cell.feature-name{padding-left:.5rem}}@media (max-width:768px){.hero{grid-template-columns:1fr;padding:1.5rem 1rem 1rem;text-align:center;gap:1.5rem}.hero-content h1{font-size:clamp(1.6rem,5vw,2rem);line-height:1.2;margin-bottom:.75rem}.hero-visual{order:1;margin-top:.5rem}.hero-content{order:0}.phone-mockup{width:75%;max-width:280px;margin:0 auto;box-shadow:0 15px 40px rgba(0,0,0,.4)}.hero-cta{margin-top:1rem}.hero-cta .cta-note{margin-top:.5rem;font-size:.8rem}.alt-signin-note{margin-top:.5rem!important;font-size:.75rem!important}.privacy-badge{margin-top:.75rem;font-size:.8rem}.hero-content .badge{font-size:.7rem;padding:.35rem .65rem;margin-bottom:.75rem}.problem-solution{flex-direction:column;padding:2rem 1rem}.arrow{transform:rotate(90deg)}.feature-grid{grid-template-columns:1fr}.steps{flex-direction:column}.comparison{grid-template-columns:1fr}.hero-cta .cta-primary{width:100%;max-width:300px;padding:.9rem 1.5rem;font-size:1rem}.hero-subtitle{font-size:.95rem;line-height:1.45;margin-bottom:.5rem}}@media (max-width:380px){.hero{padding:1rem .75rem .75rem}.hero-content h1{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.phone-mockup{width:70%;max-width:240px}.hero-content .badge{font-size:.65rem}.arrow{display:none}}.error-state{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--color-background)}.error-state-content{max-width:420px;width:100%}.error-state-illustration{position:relative;margin-bottom:1.5rem}.error-state-icon{font-size:4rem;display:block;margin-bottom:.5rem;animation:error-shake .5s ease-out}@keyframes error-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.error-state-gi-stripes{display:flex;justify-content:center;gap:4px;opacity:.6}.error-state-gi-stripes .stripe{width:24px;height:4px;background:var(--color-border);border-radius:2px}.error-state-gi-stripes .stripe:nth-child(2){background:var(--color-primary)}.error-state-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem}.error-state-message{font-size:1rem;color:var(--color-text-muted);line-height:1.6;margin:0 0 1.5rem}.error-state-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.error-state-btn{padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.error-state-btn.primary{background:var(--color-primary);color:white}.error-state-btn.primary:hover{background:var(--color-primary-hover,#2563eb);transform:translateY(-1px)}.error-state-btn.primary:active{transform:translateY(0)}.error-state-btn.secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.error-state-btn.secondary:hover{background:var(--color-border-subtle)}.error-state-tip{background:var(--color-surface);padding:1.25rem;border-radius:1rem;border-left:4px solid var(--color-primary);text-align:left}.error-state-tip .tip-label{font-size:.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0 0 .5rem}.error-state-tip .tip-text{color:var(--color-text-secondary);font-style:italic;margin:0;font-size:.9rem;line-height:1.5}.error-state.inline{min-height:auto;padding:2rem 1rem}.error-state.inline .error-state-icon{font-size:2.5rem}.error-state.inline .error-state-title{font-size:1.25rem}.error-state.inline .error-state-tip{display:none}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.error-content{max-width:500px}.error-icon{font-size:4rem;margin-bottom:1rem}.error-page h1{font-size:6rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--belt-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1}.error-page h2{font-size:1.5rem;color:var(--color-text-muted);margin:.5rem 0 1.5rem}.error-page>.error-content>p{color:var(--color-text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.error-btn{padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .2s}.error-btn.primary{color:white}.error-btn.primary,.error-btn.primary:hover{background:var(--color-primary)}.error-btn.secondary{color:var(--color-text-secondary)}.error-btn.secondary,.error-btn.secondary:hover{background:var(--color-border-subtle)}.error-tips{background:var(--color-surface);padding:1.5rem;border-radius:1rem;border-left:4px solid var(--color-primary)}.error-tips .tip-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.error-tips .tip-text{color:var(--color-text-secondary);font-style:italic;margin:0}.onboarding-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem}.onboarding-modal{background:linear-gradient(145deg,#1a1f2e,#0f1318);border:1px solid var(--color-border-subtle);border-radius:1.5rem;padding:2rem;width:min(480px,95vw);max-height:90vh;overflow-y:auto;position:relative}.onboarding-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border-subtle);transition:all .3s ease}.progress-dot.active{background:var(--color-primary);transform:scale(1.2)}.progress-dot.completed{background:var(--color-success)}.onboarding-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.step-icon{font-size:3rem;margin-bottom:.5rem}.onboarding-step h2{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.step-description{color:var(--color-text-muted);font-size:.95rem;margin:0;line-height:1.5}.beta-notice{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(59,130,246,.1));border:1px solid rgba(34,197,94,.3);border-radius:.75rem;width:100%}.beta-notice .beta-badge{font-size:.85rem;font-weight:600;color:#22c55e;background:rgba(34,197,94,.15);padding:.25rem .75rem;border-radius:999px}.beta-notice p{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.step-features{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;width:100%}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(59,130,246,.1);border-radius:.75rem;text-align:left}.feature-icon{font-size:1.25rem}.belt-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.belt-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .2s ease;min-width:70px}.belt-option:hover{background:var(--color-border-subtle)}.belt-option.selected{border-color:var(--color-primary);background:rgba(59,130,246,.15)}.belt-bar{width:40px;height:8px;border-radius:4px}.belt-bar,.belt-option[data-belt=white] .belt-bar{background:#f5f5f5}.belt-option[data-belt=blue] .belt-bar{background:var(--color-primary)}.belt-option[data-belt=purple] .belt-bar{background:var(--belt-purple)}.belt-option[data-belt=brown] .belt-bar{background:#92400e}.belt-option[data-belt=black] .belt-bar{background:var(--color-surface);border:1px solid var(--color-border-subtle)}.belt-name{font-size:.8rem;color:var(--color-text-secondary)}.stripes-selector{width:100%;margin:1rem 0}.stripes-selector label{display:block;color:var(--color-text-muted);font-size:.9rem;margin-bottom:.5rem}.stripe-buttons{gap:.5rem}.stripe-btn,.stripe-buttons{display:flex;justify-content:center}.stripe-btn{width:40px;height:40px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border-subtle);color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease;align-items:center;padding:0;font-size:1rem;line-height:1}.stripe-btn:hover{background:var(--color-border-subtle)}.stripe-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:white}.goal-selector{display:flex;flex-direction:column;gap:.5rem;width:100%;margin:.5rem 0}.goal-option{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--color-surface);border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.goal-option:hover{background:var(--color-border-subtle)}.goal-option.selected{border-color:var(--color-primary);background:rgba(59,130,246,.15)}.goal-label{font-weight:500;color:var(--color-text-primary)}.goal-desc{font-size:.8rem;color:var(--color-text-muted)}.frequency-selector{width:100%;margin:1rem 0}.frequency-selector label{display:block;color:var(--color-text-muted);font-size:.9rem;margin-bottom:.75rem}.frequency-slider{display:flex;align-items:center;gap:1rem}.frequency-slider input[type=range]{flex:1 1;height:8px;-webkit-appearance:none;background:var(--color-border-subtle);border-radius:4px;outline:none}.frequency-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer}.frequency-value{font-weight:600;color:var(--color-primary);min-width:80px}.tutorial-steps{display:flex;flex-direction:column;gap:1rem;width:100%;margin:1rem 0;text-align:left}.tutorial-item{display:flex;gap:1rem;align-items:flex-start}.tutorial-number{width:32px;height:32px;min-width:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;line-height:1;flex-shrink:0;color:white}.tutorial-content strong{display:block;color:var(--color-text-primary);margin-bottom:.25rem}.tutorial-content p{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.4}.fab-inline{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gradient-primary);color:white;font-weight:700;font-size:1rem;border-radius:50%;vertical-align:middle;margin:0 2px}.return-reminder{display:flex;gap:var(--space-md);align-items:flex-start;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) 0;text-align:left}.return-reminder .reminder-icon{font-size:1.5rem;flex-shrink:0}.return-reminder .reminder-content strong{display:block;color:var(--color-primary);font-size:.95rem;margin-bottom:var(--space-xs)}.return-reminder .reminder-content p{margin:0;color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.step-actions{display:flex;gap:1rem;margin-top:1rem;width:100%;justify-content:center}.onboarding-finish-btn,.onboarding-next-btn{padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%);color:white;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.onboarding-finish-btn:hover,.onboarding-next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.4)}.onboarding-back-btn{padding:.875rem 1.5rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:.75rem;font-size:.95rem;cursor:pointer;transition:all .2s ease}.onboarding-back-btn:hover{background:var(--color-border-subtle);color:var(--color-text-primary)}.onboarding-finish-btn{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success) 100%)}.onboarding-finish-btn:hover{box-shadow:0 4px 12px rgba(34,197,94,.4)}.onboarding-finish-btn:disabled,.onboarding-next-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.onboarding-skip{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:.85rem;cursor:pointer;padding:.5rem}.onboarding-skip,.onboarding-skip:hover{color:var(--color-text-muted)}.onboarding-skip:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.onboarding-modal{padding:1.5rem;border-radius:1rem}.step-icon{font-size:2.5rem}.onboarding-step h2{font-size:1.25rem}.belt-selector{gap:.375rem}.belt-option{padding:.5rem .75rem;min-width:60px}.goal-option{flex-direction:column;align-items:flex-start;gap:.25rem}}.shareable-stats-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.shareable-stats-content{background:var(--color-surface);border-radius:1rem;padding:1.5rem;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5)}.shareable-stats-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.shareable-stats-content .modal-header h3{margin:0;font-size:1.25rem}.shareable-stats-content .close-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.shareable-stats-content .close-btn:hover{color:#fff}.canvas-container{background:var(--color-surface);border-radius:12px;overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;min-height:200px}.canvas-container img{display:block}.stats-actions{display:flex;gap:.75rem;flex-wrap:wrap}.stats-actions .generate-btn{flex:1 1;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary));color:white;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.stats-actions .generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.4)}.stats-actions .generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.stats-actions .action-btn{flex:1 1;min-width:100px;padding:.75rem 1rem;color:white;border:none;border-radius:.5rem;font-size:.9rem;cursor:pointer;transition:all .2s}.stats-actions .action-btn,.stats-actions .action-btn:hover{background:var(--color-border-subtle)}.stats-actions .action-btn.primary{background:linear-gradient(135deg,#10b981,#059669)}.stats-actions .action-btn.primary:hover{box-shadow:0 4px 12px rgba(16,185,129,.4)}.stats-actions .action-btn.secondary{background:var(--color-surface);border:1px solid var(--color-border-subtle)}.generating-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--color-text-muted);min-height:200px}.generating-spinner{width:2rem;height:2rem;border:3px solid rgba(59,130,246,.2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.generating-message{text-align:center;color:var(--color-text-muted);font-size:.9rem;padding:.5rem}.share-stats-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--belt-purple),#7c3aed);color:white;border:none;border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem}.share-stats-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.4)}@media (max-width:480px){.shareable-stats-content{padding:1rem;border-radius:.75rem}.stats-actions{flex-direction:column}.stats-actions .action-btn{min-width:auto}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line{background:linear-gradient(90deg,rgba(55,65,81,.3) 25%,rgba(75,85,99,.5) 50%,rgba(55,65,81,.3) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.25rem}.skeleton-card{background:rgba(15,23,42,.5);border:1px solid rgba(125,211,252,.1);border-radius:.75rem;padding:1rem;margin-bottom:.75rem}.skeleton-title{height:1.25rem;width:60%;margin-bottom:.75rem}.skeleton-text{height:.875rem;width:100%;margin-bottom:.5rem}.skeleton-text.short{width:75%}.skeleton-list{padding:.5rem}.skeleton-profile{padding:1rem}.skeleton-header{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.skeleton-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(90deg,rgba(55,65,81,.3) 25%,rgba(75,85,99,.5) 50%,rgba(55,65,81,.3) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-info{flex:1 1}.skeleton-name{height:1.5rem;width:40%;margin-bottom:.5rem}.skeleton-belt{height:1rem;width:30%}.skeleton-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.skeleton-stat-box{height:70px;border-radius:.5rem;background:linear-gradient(90deg,rgba(55,65,81,.3) 25%,rgba(75,85,99,.5) 50%,rgba(55,65,81,.3) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-form{gap:1rem}.skeleton-field,.skeleton-form{display:flex;flex-direction:column}.skeleton-field{gap:.5rem}.skeleton-label{height:.875rem;width:25%}.skeleton-input{height:2.5rem;width:100%;border-radius:.375rem}@media (max-width:600px){.skeleton-stats{grid-template-columns:repeat(2,1fr)}}.snackbar{position:fixed;bottom:calc(env(safe-area-inset-bottom, 0px) + 90px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:9999;animation:snackbar-slide-up .3s var(--ease-out-expo);max-width:calc(100vw - 32px);min-width:280px}@keyframes snackbar-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.snackbar-success{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-surface-alt),rgba(47,206,124,.1))}.snackbar-undo{border-color:var(--color-warning);background:linear-gradient(135deg,var(--color-surface-alt),rgba(245,200,76,.1))}.snackbar-message{flex:1 1;font-size:.9rem;color:var(--color-text-primary);font-weight:500}.snackbar-action{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast);min-height:var(--touch-min);display:flex;align-items:center}.snackbar-action:hover{background:var(--color-primary);color:white}.snackbar-dismiss{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;font-size:1rem;opacity:.7;transition:opacity var(--duration-fast);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center}.snackbar-dismiss:hover{opacity:1}@media (max-width:640px){.snackbar{left:16px;right:16px;transform:none;width:auto;min-width:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px)}@keyframes snackbar-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.bottom-nav-container{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(5,7,11,.55);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);box-shadow:0 -1px 0 rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.05)}.bottom-nav{justify-content:space-between;padding:var(--space-sm) 0;height:60px;width:100%}.bottom-nav,.nav-item{display:flex;align-items:center;position:relative}.nav-item{flex-direction:column;justify-content:center;gap:4px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px 0;border-radius:var(--radius-md);transition:all var(--duration-fast);min-height:var(--touch-ideal);flex:1 1;max-width:25%}.nav-item:active{background:rgba(61,139,255,.1)}.nav-item.active{color:var(--color-primary)}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);border-radius:1px;transform:translateX(-50%);transition:width .2s ease-out}.nav-item.active:after{width:24px}.nav-icon{font-size:1.25rem;line-height:1}.nav-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.unread-badge{position:absolute;top:-2px;right:4px;background:var(--color-error);font-size:.65rem;min-width:20px;height:20px;border-radius:var(--radius-full);padding:0 3px}.nav-fab,.unread-badge{color:white;font-weight:700;display:flex;align-items:center;justify-content:center}.nav-fab{width:56px;height:56px;min-height:56px;min-width:56px;border-radius:50%;background:rgba(61,139,255,.65);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:1.5rem;box-shadow:0 8px 24px rgba(61,139,255,.4),0 2px 8px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.25);transition:all var(--duration-fast);z-index:101}.nav-fab:active{transform:translateX(-50%) scale(.95);background:rgba(61,139,255,.85);box-shadow:0 2px 8px rgba(61,139,255,.25),inset 0 1px 1px rgba(255,255,255,.15)}.nav-fab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.log-fab .fab-icon{display:block}.fab-spotlight-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:99;animation:fade-in .3s ease-out}.fab-spotlight-tooltip{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);text-align:center;max-width:260px;box-shadow:0 8px 24px rgba(61,139,255,.4);animation:spotlight-bounce .5s ease-out;z-index:102}@keyframes spotlight-bounce{0%{transform:translateX(-50%) translateY(20px);opacity:0}60%{transform:translateX(-50%) translateY(-5px)}to{transform:translateX(-50%) translateY(0);opacity:1}}.fab-spotlight-tooltip .tooltip-arrow{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--color-primary)}.fab-spotlight-tooltip p{margin:0;font-size:.95rem;line-height:1.4}.fab-spotlight-tooltip .tooltip-subtext{font-size:.85rem;opacity:.9;margin-top:var(--space-xs)}.nav-fab.spotlight-active{animation:fab-pulse 1.5s ease-in-out infinite;box-shadow:0 0 0 0 rgba(61,139,255,.7)}@keyframes fab-pulse{0%{box-shadow:0 4px 12px rgba(61,139,255,.4),0 0 0 0 rgba(61,139,255,.7)}50%{box-shadow:0 4px 12px rgba(61,139,255,.4),0 0 0 16px rgba(61,139,255,0)}to{box-shadow:0 4px 12px rgba(61,139,255,.4),0 0 0 0 rgba(61,139,255,0)}}.nav-fab-spacer{flex:1 1;max-width:25%;height:100%}.quick-log-backdrop{top:0;background:rgba(0,0,0,.5);z-index:200;animation:fade-in .2s}.quick-log-backdrop,.quick-log-sheet{position:fixed;left:0;right:0;bottom:0}.quick-log-sheet{z-index:201;background:var(--color-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 -4px 16px rgba(0,0,0,.3);animation:sheet-slide-up .3s var(--ease-out-expo)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.sheet-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.sheet-close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.25rem;padding:4px 8px;min-height:var(--touch-ideal);min-width:var(--touch-ideal);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.sheet-close-btn:active{background:rgba(61,139,255,.1)}.sheet-content{flex:1 1;overflow-y:auto;padding:var(--space-lg);padding-bottom:var(--space-xl);gap:var(--space-xl)}.sheet-content,.sheet-section{display:flex;flex-direction:column}.sheet-section{gap:var(--space-md)}.section-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-md);border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);min-height:var(--touch-ideal);color:var(--color-text-secondary)}.chip,.chip:active{background:var(--color-surface-alt)}.chip.active{background:rgba(61,139,255,.2);border-color:var(--color-primary);color:var(--color-primary)}.chip-emoji{font-size:1.5rem}.chip-label{font-size:.75rem;font-weight:500}.use-last-btn{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;transition:all var(--duration-fast);min-height:var(--touch-ideal);text-align:center}.use-last-btn:active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-sm);gap:var(--space-sm)}.duration-chip{border:2px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--duration-fast);min-height:var(--touch-ideal)}.duration-chip,.duration-chip:active{background:var(--color-surface-alt)}.duration-chip.active{background:rgba(61,139,255,.2);border-color:var(--color-primary);color:var(--color-primary)}.custom-duration-input{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.custom-duration-input input{flex:1 1;background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:1rem;min-height:var(--touch-ideal)}.custom-duration-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(61,139,255,.1)}.input-unit{color:var(--color-text-secondary);font-weight:500}.recording-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(255,75,92,.1);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem;font-weight:500}.recording-dot{width:8px;height:8px;background:var(--color-error);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.transcript-display{padding:var(--space-sm);background:var(--color-surface-alt);border-radius:var(--radius-md);border-left:2px solid var(--color-primary)}.transcript-editable{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:1rem;line-height:1.5;font-family:inherit;resize:vertical;min-height:120px;height:120px;box-sizing:border-box}.transcript-editable:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(30,136,229,.2)}.transcript-interim-hint{margin:var(--space-xs) 0 0 0;color:var(--color-text-muted);font-size:.8rem;font-style:italic}.transcript-final{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary);font-size:.95rem;line-height:1.5}.transcript-interim{margin:0;color:var(--color-text-muted);font-style:italic;font-size:.9rem}.recording-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(255,75,92,.1);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem}.error-icon{flex-shrink:0}.mic-section{gap:var(--space-md);margin-bottom:var(--space-lg)}.mic-pill,.mic-section{display:flex;align-items:center}.mic-pill{flex:1 1;justify-content:center;gap:var(--space-sm);background:var(--gradient-primary);border:none;color:white;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-full);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--duration-fast);min-height:var(--touch-ideal)}.mic-pill:active{transform:scale(.97);box-shadow:0 2px 8px rgba(61,139,255,.3)}.mic-pill.recording{background:linear-gradient(90deg,#FF4B5C,#FF6B7D);animation:pulse-glow 1s ease-in-out infinite}.mic-pill.transcribing{background:linear-gradient(90deg,#F5B544,#F5C84C);animation:transcribing-pulse .8s ease-in-out infinite;cursor:wait}@keyframes transcribing-pulse{0%,to{opacity:1;box-shadow:0 0 8px rgba(245,181,68,.4)}50%{opacity:.7;box-shadow:0 0 16px rgba(245,181,68,.6)}}.voice-mode-badge{font-size:.75rem;margin-left:var(--space-xs);opacity:.6}.offline-badge{font-size:.9rem;margin-left:var(--space-xs);opacity:.8;animation:pulse 2s ease-in-out infinite}.pending-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:var(--space-xs);padding:.25rem .5rem;background:var(--accent);color:white;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:transform .15s ease}.pending-badge:hover{transform:scale(1.05)}.pending-badge:active{transform:scale(.95)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px rgba(255,75,92,.4)}50%{box-shadow:0 0 16px rgba(255,75,92,.6)}}.mic-icon{font-size:1.25rem}.mic-label{font-size:.95rem}.or-text{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.note-textarea{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;line-height:1.6;resize:vertical;min-height:200px;height:200px;flex-grow:1;width:100%;box-sizing:border-box}.note-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(61,139,255,.1)}.note-textarea::placeholder{color:var(--color-text-muted)}.sheet-footer{padding:var(--space-lg);padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-subtle);flex-shrink:0;background:var(--color-surface)}.save-session-btn{width:100%;padding:var(--space-md) var(--space-lg);min-height:var(--touch-ideal);border-radius:var(--radius-md);font-size:1rem;font-weight:600}.save-session-btn:disabled{opacity:.6;cursor:not-allowed}.editable-chip{position:relative;display:inline-flex;-webkit-user-select:none;user-select:none}.chip-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--chip-bg,rgba(100,100,100,.15));border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text-primary);transition:all var(--duration-fast);min-height:36px}.chip-button:active{transform:scale(.95);background:var(--chip-bg,rgba(100,100,100,.25))}.editable-chip.low-confidence .chip-button{border-style:dashed;border-color:var(--color-warning)}.chip-emoji{font-size:1rem;line-height:1}.chip-value{white-space:nowrap}.chip-confidence-hint{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-warning);color:var(--color-surface);border-radius:50%;font-size:.65rem;font-weight:700;margin-left:var(--space-xs)}.chip-edit-container{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--chip-bg,rgba(100,100,100,.15));border:2px solid var(--color-primary);border-radius:var(--radius-pill);min-height:36px}.chip-edit-input{width:100px;max-width:150px;border:none;background:transparent;color:var(--color-text-primary);font-size:.85rem;font-weight:500;outline:none}.chip-edit-input::placeholder{color:var(--color-text-muted)}.chip-menu{position:absolute;top:calc(100% + var(--space-xs));left:50%;transform:translateX(-50%);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;overflow:hidden;min-width:100px}.chip-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-size:.85rem;cursor:pointer;transition:background var(--duration-fast);text-align:left}.chip-menu-item:active,.chip-menu-item:hover{background:var(--color-surface-alt)}.chip-menu-item.chip-menu-remove{color:var(--color-error)}.parsed-session-display{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) 0}.parsed-session-display.loading{animation:pulse 1.5s ease-in-out infinite}.parsed-category{display:flex;flex-direction:column;gap:var(--space-xs)}.category-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.category-label.skeleton-label{width:60px;height:14px;background:var(--color-surface-alt);border-radius:var(--radius-sm)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.chip-skeleton{width:80px;height:36px;background:var(--color-surface-alt);border-radius:var(--radius-pill);overflow:hidden}.skeleton-content{width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.add-chip-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:2px dashed var(--color-border-subtle);border-radius:var(--radius-pill);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text-muted);transition:all var(--duration-fast);min-height:36px}.add-chip-button:active,.add-chip-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.add-chip-button-inline{padding:var(--space-xs) var(--space-sm);font-size:1rem}.add-chip-input-container{display:inline-flex}.add-chip-input{width:120px;padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border:2px solid var(--color-primary);border-radius:var(--radius-pill);color:var(--color-text-primary);font-size:.85rem;outline:none}.add-chip-input::placeholder{color:var(--color-text-muted)}.parsed-session-display.error{padding:var(--space-md)}.parse-error-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(239,68,68,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem}.error-icon{font-size:1rem}.raw-text-fallback{margin-top:var(--space-sm)}.raw-text-display{width:100%;padding:var(--space-sm);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.85rem;resize:none}.parsed-session-display.empty{padding:var(--space-md)}.parse-empty-hint{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.85rem;margin-bottom:var(--space-md)}.hint-icon{font-size:1rem}.empty-categories{display:flex;flex-direction:column;gap:var(--space-md)}.low-confidence-hint{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(234,179,8,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.8rem}.template-selector{display:flex;flex-direction:column;gap:var(--space-sm)}.template-selector.loading{animation:pulse 1.5s ease-in-out infinite}.template-skeleton{height:52px;background:var(--color-surface-alt);border-radius:var(--radius-md)}.template-chip-wrapper{position:relative}.template-chip{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);text-align:left}.template-chip:active{transform:scale(.98);background:var(--color-surface)}.template-chip.use-last{border-color:var(--color-primary);background:rgba(61,139,255,.1)}.template-chip.add-template{border-style:dashed;border-color:var(--color-border-subtle);color:var(--color-text-muted);justify-content:center}.template-chip.add-template:active,.template-chip.add-template:hover{border-color:var(--color-primary);color:var(--color-primary)}.template-emoji{font-size:1.5rem;width:32px;text-align:center;flex-shrink:0}.template-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.template-name{font-size:.9rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-meta{font-size:.75rem;color:var(--color-text-muted)}.template-menu{position:absolute;top:calc(100% + var(--space-xs));right:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;overflow:hidden}.template-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-size:.85rem;cursor:pointer;transition:background var(--duration-fast)}.template-menu-item:active,.template-menu-item:hover{background:var(--color-surface-alt)}.template-menu-item.delete{color:var(--color-error)}.template-create-form{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-alt);border:1px solid var(--color-primary);border-radius:var(--radius-md)}.template-name-input{flex:1 1;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.85rem;outline:none}.template-name-input:focus{border-color:var(--color-primary)}.template-name-input::placeholder{color:var(--color-text-muted)}.template-cancel-btn,.template-save-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all var(--duration-fast)}.template-save-btn{color:var(--color-success)}.template-save-btn:hover:not(:disabled){background:rgba(34,197,94,.1)}.template-save-btn:disabled{cursor:not-allowed}.template-cancel-btn,.template-save-btn:disabled{color:var(--color-text-muted)}.template-cancel-btn:hover{background:rgba(100,100,100,.1);color:var(--color-text-secondary)}.template-empty{padding:var(--space-md);text-align:center}.empty-hint{font-size:.85rem;color:var(--color-text-muted)}.narrative-section{margin-bottom:var(--space-lg)}.narrative-card{background:linear-gradient(135deg,rgba(61,139,255,.1),rgba(61,139,255,.05));border:1px solid rgba(61,139,255,.2);border-radius:var(--radius-lg);padding:var(--space-md)}.narrative-text{font-size:.95rem;line-height:1.6;color:var(--color-text-primary);margin:0;white-space:pre-line}.narrative-suggestions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(61,139,255,.15)}.suggestion-item{font-size:.85rem;color:var(--color-text-secondary);margin:var(--space-xs) 0}.suggestion-item:first-child{margin-top:0}.session-detail-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:1200;transition:background .3s ease;pointer-events:none}.session-detail-overlay.visible{background:rgba(0,0,0,.7);pointer-events:auto}.session-detail-sheet{position:fixed;bottom:0;left:0;right:0;height:92vh;max-height:calc(100vh - env(safe-area-inset-top, 20px));background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 32px rgba(0,0,0,.4)}.session-detail-sheet.visible{transform:translateY(0)}.session-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);flex-shrink:0}.detail-close-btn,.detail-edit-btn,.detail-save-btn{background:none;border:none;font-size:.95rem;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all .2s ease}.detail-close-btn{color:var(--color-text-muted)}.detail-close-btn:hover{color:var(--color-text-primary);background:var(--color-surface-alt)}.detail-edit-btn{color:var(--color-primary)}.detail-edit-btn:hover{background:rgba(61,139,255,.1)}.detail-save-btn{color:var(--color-success);font-weight:600}.detail-save-btn:hover:not(:disabled){background:rgba(34,197,94,.1)}.detail-save-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.detail-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0}.detail-error{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:rgba(239,68,68,.15);border-bottom:1px solid rgba(239,68,68,.3);color:var(--color-error);font-size:.9rem}.detail-error button{background:none;border:none;color:var(--color-error);cursor:pointer;padding:var(--space-xs)}.session-detail-content{flex:1 1;overflow-y:auto;padding:var(--space-lg);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom, 0px));-webkit-overflow-scrolling:touch}.detail-meta-section{margin-bottom:var(--space-lg)}.detail-meta-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.detail-session-type{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-surface-alt);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:.9rem;color:var(--color-text-secondary);text-transform:capitalize}.detail-date{font-size:.95rem;color:var(--color-text-secondary)}.detail-date-input{font-size:.95rem;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-primary)}.detail-rating{margin-top:var(--space-sm);font-size:1.1rem;letter-spacing:.1em}.detail-section{margin-bottom:var(--space-lg)}.detail-section-title{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-sm) 0}.detail-note-display{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-md)}.detail-note-display p{margin:0 0 var(--space-xs) 0;line-height:1.6;color:var(--color-text-primary)}.detail-note-display p:last-child{margin-bottom:0}.detail-note-edit{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-note-textarea{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-primary);font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;min-height:150px}.detail-note-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(61,139,255,.2)}.detail-note-hint{font-size:.85rem;color:var(--color-primary);margin:0;padding:var(--space-xs) var(--space-sm);background:rgba(61,139,255,.1);border-radius:var(--radius-sm)}.detail-analysis-section{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:var(--space-md)}.detail-analysis-block{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.detail-analysis-block:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-analysis-block .analysis-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.detail-analysis-block p{margin:0;line-height:1.5;color:var(--color-text-primary)}.detail-strength{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md)}.detail-focus,.detail-strength{padding:var(--space-sm);margin:var(--space-sm) 0}.detail-focus{background:rgba(61,139,255,.08);border:1px solid rgba(61,139,255,.2);border-radius:var(--radius-md)}.detail-cue{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);padding:var(--space-sm);margin:var(--space-sm) 0}.detail-cue .cue-text{font-style:italic;font-size:1.05rem;font-weight:500;color:var(--color-primary)}.detail-analysis-meta{display:flex;gap:var(--space-md);margin-top:var(--space-md);font-size:.75rem;color:var(--color-text-muted)}.analysis-feedback-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.analysis-feedback-label{font-size:.85rem;color:var(--color-text-muted)}.analysis-feedback-buttons{display:flex;gap:var(--space-md)}.analysis-feedback-btn{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:1.25rem;cursor:pointer;transition:all .2s ease;opacity:.7}.analysis-feedback-btn:hover{background:var(--color-surface);transform:scale(1.1);opacity:1}.analysis-feedback-btn.active{background:var(--color-primary);border-color:var(--color-primary);opacity:1;transform:scale(1.15)}.analysis-feedback-form{width:100%;margin-top:var(--space-sm)}.analysis-feedback-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-primary);font-size:.9rem;resize:none}.analysis-feedback-textarea:focus{outline:none;border-color:var(--color-primary)}.analysis-feedback-form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.analysis-feedback-cancel,.analysis-feedback-submit{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all .2s ease}.analysis-feedback-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.analysis-feedback-cancel:hover{background:var(--color-surface-alt)}.analysis-feedback-submit{background:var(--color-primary);border:none;color:white}.analysis-feedback-submit:hover{background:var(--color-primary-dark)}.analysis-feedback-thanks{font-size:.85rem;color:var(--color-success)}.detail-no-analysis{text-align:center;padding:var(--space-xl);background:var(--color-surface-alt);border-radius:var(--radius-lg)}.detail-no-analysis p{margin:0 0 var(--space-md) 0;color:var(--color-text-muted)}.detail-analyze-btn{background:var(--color-primary);color:white;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.95rem;cursor:pointer;transition:all .2s ease}.detail-analyze-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.session-detail-footer{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--color-border-subtle);background:var(--color-surface);flex-shrink:0}.detail-action-btn{flex:1 1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.detail-action-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.detail-delete-btn{border-color:rgba(239,68,68,.3);color:var(--color-error)}.detail-delete-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.5)}.detail-delete-confirm{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.delete-confirm-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;max-width:320px}.delete-confirm-content p{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.delete-confirm-content .delete-warning{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.delete-confirm-actions{display:flex;gap:var(--space-md)}.delete-confirm-actions button{flex:1 1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.95rem;cursor:pointer;transition:all .2s ease}.delete-confirm-actions button:first-child{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-secondary)}.delete-confirm-actions .confirm-delete{background:var(--color-error);border:none;color:white}.delete-confirm-actions .confirm-delete:hover{background:#dc2626}.share-referral-container{position:relative}.share-referral-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--color-accent) 0,#1d4ed8 100%);border:none;border-radius:var(--radius-md);color:white;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.share-referral-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.4)}.share-referral-btn:active{transform:translateY(0)}.share-icon{font-size:1.1em}.share-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.3);z-index:100}.share-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.95rem;cursor:pointer;text-align:left;transition:background .15s ease}.share-menu-item:last-child{border-bottom:none}.share-menu-item:hover{background:var(--color-surface-alt)}.share-menu-cancel{color:var(--color-text-secondary)}.referral-section{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(139,92,246,.1));border:1px solid rgba(37,99,235,.2)}.referral-intro{margin:0 0 16px;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.push-prompt-card{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.15));border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.push-prompt-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.push-prompt-header h4{margin:0;font-size:1rem;color:var(--color-text-primary)}.push-prompt-icon{font-size:1.3em}.push-prompt-description{margin:0 0 16px;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.push-prompt-actions{display:flex;gap:12px}.push-prompt-enable{flex:1 1;padding:12px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-md);color:white;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.push-prompt-enable:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.4)}.push-prompt-enable:disabled{opacity:.7;cursor:not-allowed}.push-prompt-dismiss{padding:12px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.push-prompt-dismiss:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.push-prompt-floating{position:fixed;bottom:80px;left:16px;right:16px;max-width:400px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.push-prompt-floating .push-prompt-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.push-prompt-floating .push-prompt-icon{font-size:1.5em;flex-shrink:0}.push-prompt-floating .push-prompt-text strong{display:block;margin-bottom:4px;color:var(--color-text-primary)}.push-prompt-floating .push-prompt-text p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.push-prompt-floating .push-prompt-actions{display:flex;gap:10px}.push-prompt-floating .push-prompt-dismiss,.push-prompt-floating .push-prompt-enable{flex:1 1;padding:10px 16px;font-size:.9rem}.bjj-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.bjj-icon-white,.bjj-icon.white{filter:invert(1)}.bjj-icon-primary,.bjj-icon.primary{filter:invert(50%) sepia(90%) saturate(500%) hue-rotate(190deg) brightness(100%)}.bjj-icon-success,.bjj-icon.success{filter:invert(65%) sepia(50%) saturate(500%) hue-rotate(100deg) brightness(95%)}.bjj-icon-warning,.bjj-icon.warning{filter:invert(75%) sepia(50%) saturate(500%) hue-rotate(10deg) brightness(100%)}.bjj-icon-error,.bjj-icon.error{filter:invert(30%) sepia(80%) saturate(1500%) hue-rotate(330deg) brightness(100%)}.bjj-icon-muted,.bjj-icon.muted{filter:invert(50%) brightness(120%)}body.screenshot-mode .bottom-nav,body.screenshot-mode .bottom-navigation,body.screenshot-mode .debug-panel,body.screenshot-mode .dev-tools,body.screenshot-mode .fab,body.screenshot-mode .floating-fab,body.screenshot-mode .header-search,body.screenshot-mode .nav-bar,body.screenshot-mode .nav-tabs,body.screenshot-mode .quick-action-fab,body.screenshot-mode .search-bar,body.screenshot-mode .search-input,body.screenshot-mode .snackbar,body.screenshot-mode .toast{display:none!important}body.screenshot-mode *,body.screenshot-mode :after,body.screenshot-mode :before{animation:none!important;transition:none!important}body.screenshot-mode .panel,body.screenshot-mode .tab-content{overflow:visible!important;max-height:none!important}body.screenshot-mode{background:#0a0e1a!important}.radar-chart-screenshot{background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:16px;padding:24px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center}.radar-chart-screenshot h3{margin:0 0 16px;font-size:17px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.radar-chart-screenshot .radar-polygon{fill:url(#radarGradient);stroke:#7C3AED;stroke-width:2.5;filter:drop-shadow(0 0 16px rgba(124,58,237,.6))}.skill-score-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#1F2333;border:1px solid #334155;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.skill-score-badge .label{font-size:12px;font-weight:500;color:#94A3B8}.skill-score-badge .value{font-size:32px;font-weight:700;color:#FACC15;line-height:1}.radar-chart-screenshot .axis-label{font-size:14px;font-weight:500;fill:#E2E8F0}.analysis-preview-card{background:#1E293B;padding:16px;border-radius:12px;margin-bottom:16px}.analysis-preview-chips{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.analysis-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#111827;border:1px solid #334155;border-radius:8px;font-size:12px;font-weight:500;color:#E2E8F0}.analysis-chip.xp-chip{color:#FACC15;font-weight:600}.analysis-chip .chip-icon{width:16px;height:16px}.bjj-term-highlight{background:rgba(124,58,237,.2);border-radius:4px;padding:2px 4px;font-weight:600;color:#E2E8F0}.analysis-cta-btn{width:100%;height:48px;background:linear-gradient(90deg,#3D8BFF,#7C3AED);border:none;border-radius:12px;font-size:16px;font-weight:600;color:white;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.analysis-cta-btn:hover{transform:scale(1.02);box-shadow:0 4px 16px rgba(124,58,237,.4)}.analysis-cta-btn:active{transform:scale(.98)}.advisor-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#3D8BFF,#7C3AED);display:flex;align-items:center;justify-content:center;flex-shrink:0}.advisor-avatar .avatar-icon{width:18px;height:18px;filter:invert(1)}.message.advisor-styled{background:#181C2A;border-left:4px solid #facc15;border-radius:4px 12px 12px 12px;padding:14px 16px}.delta-highlight{color:#22C55E;font-weight:600}.delta-highlight.negative{color:#EF4444}.key-insight-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:rgba(34,197,94,.1);border-left:4px solid #22c55e;border-radius:12px;margin-bottom:16px}.key-insight-card .insight-icon{width:24px;height:24px;flex-shrink:0}.key-insight-card .insight-text{font-size:14px;color:#E2E8F0;line-height:1.5}.action-card{background:#161A22;box-shadow:0 4px 12px rgba(0,0,0,.2);border-radius:12px;padding:16px;margin-top:16px}.action-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.action-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#E2E8F0}.action-card-title .card-icon{width:20px;height:20px}.xp-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#FACC15;color:#0a0e1a;font-size:12px;font-weight:600;border-radius:999px}.action-list{list-style:none;padding:0;margin:0}.action-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(51,65,85,.5);font-size:14px;color:#CBD5E1}.action-list li:last-child{border-bottom:none}.action-list li .action-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.belt-progress-gauge{display:flex;flex-direction:column;align-items:center;padding:24px;margin-bottom:16px}.belt-gauge-circle{position:relative;width:100px;height:100px}.belt-gauge-circle svg{transform:rotate(-90deg)}.belt-gauge-circle .gauge-track{fill:none;stroke:#334155;stroke-width:8}.belt-gauge-circle .gauge-progress{fill:none;stroke:url(#gaugeGradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.belt-gauge-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.belt-gauge-content .belt-icon{width:36px;height:36px;margin-bottom:4px}.belt-info{text-align:center;margin-top:12px}.belt-info .belt-name{font-size:16px;font-weight:600;color:#E2E8F0}.belt-info .stripe-progress{font-size:12px;color:#94A3B8;margin-top:2px}.stripe-indicators{display:flex;gap:8px;margin-top:8px}.stripe-dot{width:10px;height:10px;border-radius:50%;background:#334155}.stripe-dot.earned{background:#FACC15}.focus-area-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:0 16px}.focus-area-card{background:#181C2A;border-radius:8px;padding:12px 8px;text-align:center}.focus-area-card:nth-child(2n){background:#1E293B}.focus-area-card .skill-icon{width:24px;height:24px;margin:0 auto 8px}.focus-area-card .skill-name{font-size:11px;font-weight:500;color:#E2E8F0;margin-bottom:6px;line-height:1.2}.focus-area-card .mini-progress-bar{height:4px;background:#334155;border-radius:2px;margin-bottom:6px;overflow:hidden}.focus-area-card .mini-progress-bar .fill{height:100%;background:linear-gradient(90deg,#3D8BFF,#22C55E);border-radius:2px}.focus-area-card .xp-delta{font-size:11px;font-weight:600;color:#22C55E}.screenshot-hero-stack{display:flex;flex-direction:column;gap:16px;padding:16px}.rating-delta-card{background:#0F172A;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px}.rating-delta-card .delta-icon{width:48px;height:48px}.rating-delta-card .delta-value{font-size:36px;font-weight:700;color:#22C55E}.rating-delta-card .delta-label{font-size:14px;color:#94A3B8;margin-top:2px}.streak-card{background:#0F172A;border-radius:16px;padding:20px}.streak-card .streak-label{font-size:14px;font-weight:600;color:#E2E8F0;margin-bottom:12px}.streak-dots{display:flex;gap:8px}.streak-dot{width:32px;height:32px;border-radius:50%;background:#334155;display:flex;align-items:center;justify-content:center}.streak-dot.filled{background:#FACC15}.streak-dot .day-label{font-size:10px;font-weight:600;color:#0a0e1a}.focus-skill-hero{background:#1F2937;border:1px solid #334155;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px}.focus-skill-hero .skill-icon-wrapper{width:48px;height:48px;background:rgba(124,58,237,.2);border-radius:12px;display:flex;align-items:center;justify-content:center}.focus-skill-hero .skill-icon-wrapper .icon{width:28px;height:28px}.focus-skill-hero .skill-info{flex:1 1}.focus-skill-hero .skill-name{font-size:16px;font-weight:600;color:#E2E8F0;margin-bottom:6px}.focus-skill-hero .skill-progress-bar{height:6px;background:#334155;border-radius:3px;overflow:hidden}.focus-skill-hero .skill-progress-bar .fill{height:100%;background:linear-gradient(90deg,#3D8BFF,#7C3AED);border-radius:3px}.focus-skill-hero .xp-chip{padding:6px 12px;background:#FACC15;color:#0a0e1a;font-size:14px;font-weight:600;border-radius:999px}