: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}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-background);color:inherit}a{color:var(--color-info)}[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}.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}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.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)}.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)}.btn,.nav-btn,.tab-btn,[role=button],a.link-button,button{min-height:44px;min-width:44px}.btn-primary,.cta-btn,.primary-btn,.save-btn,.submit-btn{min-height:48px}.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}.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)}}.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%)}.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}.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)}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}@media (max-width:640px){.tab-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}}.chat-panel{display:flex;flex-direction:column}.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}}.home-panel{display:flex;flex-direction:column;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);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom, 0px));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;align-items:center;gap:8px;margin-bottom:var(--space-sm)}.example-label{font-size:.8rem;color:var(--color-text-muted)}.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;cursor:default}.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);cursor:default}.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}.empty-state-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-md)}.empty-state-belt-icon{font-size:3rem;margin-bottom:var(--space-md);filter:drop-shadow(0 2px 8px rgba(124,58,237,.25))}.empty-state-title{font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-sm);line-height:1.2}.empty-state-subtitle{font-size:1rem;color:var(--color-text-secondary);line-height:1.5;margin:0;max-width:280px}.empty-state-unlock-list{display:flex;flex-direction:column;gap:10px;padding:0 var(--space-md) var(--space-md)}.unlock-item{display:flex;align-items:flex-start;gap:12px;background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.14);border-radius:var(--radius-md);padding:12px 14px}.unlock-icon{font-size:1.35rem;flex-shrink:0;margin-top:1px}.unlock-text{display:flex;flex-direction:column;gap:2px}.unlock-text strong{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.unlock-text p{margin:0;font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.empty-state-cta{display:flex;flex-direction:column;align-items:center;gap:10px;padding:var(--space-md) var(--space-md) var(--space-xl)}.empty-state-log-btn{width:100%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:white;font-size:1.05rem;font-weight:600;padding:15px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.empty-state-log-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(124,58,237,.35)}.empty-state-log-btn:active{transform:scale(.98)}.empty-state-hint{margin:0;font-size:.8rem;color:var(--color-text-muted);text-align:center}.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}.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:calc(16px + env(safe-area-inset-top, 0px)) 16px 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}.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)}.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)}.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}.panel{background:var(--color-surface);border-radius:1rem;padding:1.5rem;box-shadow:0 15px 40px rgba(0,0,0,.45)}.structured-coach-response{display:flex;flex-direction:column;gap:6px}.response-prefix{margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(125,211,252,.15)}.collapsible-section{border-radius:10px;overflow:hidden;background:rgba(15,23,42,.5);border:1px solid rgba(125,211,252,.1)}.section-header{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;min-height:32px;background:rgba(30,41,59,.5);border:none;cursor:pointer;text-align:left;color:inherit;font-size:.8125rem;line-height:1.2;transition:background .2s ease}.section-header:hover{background:rgba(51,65,85,.5)}.section-toggle{font-size:.55rem;color:var(--color-text-muted);width:16px;flex-shrink:0}.section-emoji{flex-shrink:0;font-size:14px}.section-title{font-weight:600;color:var(--color-info);flex:1 1}.copy-btn{font-size:.7rem;padding:2px 6px;background:rgba(59,130,246,.2);border-radius:4px;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:4px 8px 6px 2rem;line-height:1.45;font-size:.875rem;color:var(--color-text-secondary);white-space:pre-wrap}.show-full-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:6px 10px;min-height:32px;margin-top:4px;background:rgba(59,130,246,.1);border:1px dashed rgba(59,130,246,.3);border-radius:8px;color:var(--color-info);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.show-full-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5)}.skill-link-chip{display:inline-flex;align-items:center;gap:3px;padding:0 6px 1px;margin:0 1px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);border-radius:6px;color:#a5b4fc;font-size:.9em;font-family:inherit;font-weight:500;line-height:1.5;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;vertical-align:middle;white-space:nowrap;text-decoration:none}.skill-link-icon{font-size:.75em;opacity:.7;flex-shrink:0}.skill-link-chip:hover{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.45);color:#c7d2fe}.skill-link-chip:active{background:rgba(99,102,241,.28);transform:scale(.97)}.skill-link-chip--static{cursor:default;border-style:dashed;color:#94a3b8}.skill-link-chip--static:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.25);color:#94a3b8}.skill-link-chip--static:active{transform:none}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:slideDownFromTop .3s ease-out}@keyframes slideDownFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.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}@keyframes spin{to{transform:rotate(1turn)}}.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}@media (hover:hover){.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}.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}@media (hover:hover){.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;padding:env(safe-area-inset-top,0) 16px env(safe-area-inset-bottom,0)}.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{display:flex;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)}.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)}.quick-log-backdrop{top:0;background:rgba(0,0,0,.5);z-index:10001;animation:fade-in .2s}.quick-log-backdrop,.quick-log-sheet{position:fixed;left:0;right:0;bottom:0}.quick-log-sheet{z-index:10002;background:var(--color-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:calc(100vh - 40px - env(safe-area-inset-top, 0px));padding-bottom:env(safe-area-inset-bottom,0);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}.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}.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}