.app-layout{background:var(--color-bg-primary);min-height:100vh;display:flex}.app-header{height:var(--header-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);padding:0 var(--space-4);align-items:center;gap:var(--space-3);z-index:var(--z-header);display:none;position:fixed;top:0;left:0;right:0}.app-header__menu{color:var(--color-text-secondary);transition:color var(--transition-fast)}.app-header__menu:hover{color:var(--color-text-primary)}.app-header__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.app-sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary);z-index:var(--z-sidebar);transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.app-sidebar__top{padding:var(--space-5) var(--space-5);height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.app-sidebar__logo{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.app-sidebar__close{color:var(--color-text-tertiary);transition:color var(--transition-fast);display:none}.app-sidebar__close:hover{color:var(--color-text-primary)}.app-sidebar__nav{padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.app-sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:flex;position:relative}.app-sidebar__link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.app-sidebar__link--active{background:var(--color-bg-active);color:var(--color-text-primary)}.app-sidebar__link--active:before{content:"";background:var(--color-text-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:25%;bottom:25%;left:0}.app-sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-primary);display:flex}.app-sidebar__avatar{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-secondary);width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-sidebar__user-info{flex-direction:column;display:flex;overflow:hidden}.app-sidebar__user-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar__user-email{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar-backdrop{z-index:calc(var(--z-sidebar) - 1);background:#0009;display:none;position:fixed;inset:0}.app-main{margin-left:var(--sidebar-width);padding:var(--space-8);max-width:var(--content-max-width);flex:1;width:100%;animation:.3s fadeIn}@media (width<=768px){.app-header{display:flex}.app-sidebar{transform:translate(-100%)}.app-sidebar--open{transform:translate(0)}.app-sidebar__close,.app-sidebar-backdrop{display:block}.app-main{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4));margin-left:0}}.auth-layout{background:var(--color-bg-primary);min-height:100vh;padding:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-layout__glow{pointer-events:none;background:radial-gradient(#ffffff05 0%,#0000 70%);width:600px;height:400px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.auth-layout__header{padding:var(--space-5) var(--space-6);position:absolute;top:0;left:0;right:0}.auth-layout__logo{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em;text-decoration:none}.auth-layout__main{width:100%;max-width:400px;animation:.4s fadeIn}.landing{background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}.landing-hero{min-height:80vh;padding:var(--space-20) var(--space-6);text-align:center;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-hero__glow{pointer-events:none;background:radial-gradient(#ffffff0a 0%,#ffffff03 40%,#0000 70%);width:800px;height:600px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.landing-hero__content{z-index:1;max-width:720px;animation:.6s slideUp;position:relative}.landing-hero__heading{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:-.03em;margin-bottom:var(--space-6)}.landing-hero__subtext{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-10)}.landing-cta-button{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-text-primary);color:var(--color-bg-primary);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);letter-spacing:-.01em;text-decoration:none;display:inline-flex}.landing-cta-button:hover{filter:brightness(.88);transform:translateY(-2px);box-shadow:0 8px 24px #ffffff0f}.landing-cta-button:active{transform:translateY(0)}.landing-features{padding:var(--space-20) var(--space-6);max-width:1000px;margin:0 auto}.landing-features__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.landing-feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-slow);animation:.5s backwards slideUp}.landing-feature-card:first-child{animation-delay:.1s}.landing-feature-card:nth-child(2){animation-delay:.2s}.landing-feature-card:nth-child(3){animation-delay:.3s}.landing-feature-card:hover{box-shadow:var(--shadow-glow), var(--shadow-lg);border-color:var(--color-border-secondary);transform:translateY(-4px)}.landing-feature-card__icon{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-text-primary);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.landing-feature-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.01em}.landing-feature-card__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.landing-timeline{padding:var(--space-20) var(--space-6);max-width:640px;margin:0 auto}.landing-timeline__heading{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-12);letter-spacing:-.02em}.landing-timeline__list{flex-direction:column;gap:0;display:flex}.landing-timeline__item{align-items:center;gap:var(--space-5);padding:var(--space-5) 0;animation:.4s backwards slideUp;display:flex;position:relative}.landing-timeline__dot{border-radius:var(--radius-full);background:var(--color-text-primary);z-index:1;flex-shrink:0;width:12px;height:12px;position:relative}.landing-timeline__connector{background:var(--color-border-secondary);width:2px;height:100%;position:absolute;top:50%;left:5px}.landing-timeline__item:last-child .landing-timeline__connector{display:none}.landing-timeline__content{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-timeline__level{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono);min-width:28px}.landing-timeline__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.landing-timeline__sep{color:var(--color-text-tertiary)}.landing-timeline__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.landing-final-cta{padding:var(--space-20) var(--space-6);text-align:center}.landing-final-cta__heading{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-8);letter-spacing:-.02em}.landing-footer{padding:var(--space-8) var(--space-6);border-top:1px solid var(--color-border-primary);text-align:center}.landing-footer__text{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (width<=768px){.landing-hero__heading{font-size:var(--text-3xl)}.landing-hero__subtext{font-size:var(--text-base)}.landing-features__grid{gap:var(--space-4);grid-template-columns:1fr}.landing-hero{min-height:60vh;padding:var(--space-16) var(--space-4)}}.login-page{animation:.4s fadeIn}.login-card{padding:var(--space-8)}.login-card__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em}.login-card__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-5);background:#ef44441a;border:1px solid #ef444433}.login-card__form{gap:var(--space-5);flex-direction:column;display:flex}.login-card__field{gap:var(--space-2);flex-direction:column;display:flex}.login-card__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.login-card__submit{width:100%;margin-top:var(--space-2);padding:var(--space-3) var(--space-6);min-height:44px}.login-card__footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.login-card__link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast);text-decoration:none}.login-card__link:hover{opacity:.8}.signup-page{animation:.4s fadeIn}.signup-card{padding:var(--space-8)}.signup-card__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em}.signup-card__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-5);background:#ef44441a;border:1px solid #ef444433}.signup-card__form{gap:var(--space-5);flex-direction:column;display:flex}.signup-card__field{gap:var(--space-2);flex-direction:column;display:flex}.signup-card__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.signup-card__submit{width:100%;margin-top:var(--space-2);padding:var(--space-3) var(--space-6);min-height:44px}.signup-card__footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.signup-card__link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast);text-decoration:none}.signup-card__link:hover{opacity:.8}.dashboard{animation:.3s fadeIn}.dashboard__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em}.dashboard__loading{justify-content:center;align-items:center;min-height:300px;display:flex}.dashboard__empty{text-align:center;padding:var(--space-10) var(--space-6);margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.dashboard__empty-visual{margin-bottom:var(--space-5);opacity:.8}.dashboard__empty-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dashboard__empty-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;line-height:var(--leading-relaxed)}.dashboard__level-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.dashboard__growth-empty{min-height:120px;font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.dashboard__grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.dashboard__card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;display:flex}.dashboard__card-header h2{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.dashboard__card-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.dashboard__level-display{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.dashboard__level-badge{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.02em}.dashboard__level-name{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.dashboard__progress{gap:var(--space-2);flex-direction:column;display:flex}.dashboard__progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden}.dashboard__progress-fill{background:var(--color-text-primary);border-radius:var(--radius-full);height:100%;transition:width .6s}.dashboard__progress-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;display:flex}.dashboard__skill-map{flex-direction:column;align-items:center;display:flex}.radar-chart{width:100%;max-width:280px}.dashboard__growth{grid-column:1/-1}.growth-graph{width:100%;height:auto}.dashboard__coaching-log{grid-column:1/-1}.dashboard__advice-list{gap:var(--space-3);flex-direction:column;display:flex}.dashboard__advice-item{padding:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.dashboard__advice-item:hover{border-color:var(--color-border-secondary)}.dashboard__advice-meta{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.dashboard__advice-topic{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dashboard__advice-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.dashboard__advice-summary{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.dashboard__advice-level{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border-primary);font-family:var(--font-mono);letter-spacing:.03em;padding:2px 8px}.dashboard__advice-topics{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.dashboard__advice-tag{color:var(--color-text-tertiary);border-radius:var(--radius-full);background:#ffffff0a;border:1px solid #ffffff0f;padding:2px 8px;font-size:10px}@media (width<=768px){.dashboard__grid{grid-template-columns:1fr}.dashboard__growth,.dashboard__coaching-log{grid-column:1}}.coaching{height:calc(100vh - var(--space-8) * 2);margin:calc(var(--space-8) * -1);gap:0;margin-top:0;animation:.3s fadeIn;display:flex}.coaching__sidebar-toggle{top:var(--space-3);left:var(--space-3);color:var(--color-text-secondary);z-index:10;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:none;position:absolute}.coaching__sidebar-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.coaching__sidebar{border-right:1px solid var(--color-border-primary);width:260px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.coaching__sidebar-backdrop{display:none}.coaching__new-session{width:100%;font-size:var(--text-xs);padding:var(--space-2) var(--space-4);justify-content:center}.coaching__session-list{gap:var(--space-1);flex-direction:column;display:flex}.coaching__session-item{align-items:flex-start;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:left;transition:all var(--transition-fast);background:0 0;flex-direction:column;width:100%;display:flex}.coaching__session-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.coaching__session-item--active{background:var(--color-bg-active);color:var(--color-text-primary)}.coaching__session-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.coaching__session-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.coaching__chat{flex-direction:column;flex:1;min-width:0;display:flex}.coaching__messages{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.coaching__message{gap:var(--space-3);max-width:75%;animation:.25s slideUp;display:flex}.coaching__message--user{flex-direction:row-reverse;align-self:flex-end}.coaching__message--coach{align-self:flex-start}.coaching__avatar{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-secondary);width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.coaching__bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);max-width:100%}.coaching__message--coach .coaching__bubble{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary)}.coaching__message--user .coaching__bubble{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary)}.coaching__bubble-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.coaching__bubble-footer{align-items:center;gap:var(--space-2);margin-top:var(--space-1);justify-content:flex-end;display:flex}.coaching__bubble-time{color:var(--color-text-tertiary);font-size:10px}.coaching__level-badge{border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);color:var(--color-text-secondary);font-size:9px;font-weight:var(--font-weight-medium);white-space:nowrap;padding:1px 6px}.coaching__error{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);margin:0 var(--space-6);border-radius:var(--radius-md);font-size:var(--text-xs);color:#e05555;background:#dc323214;border:1px solid #dc323233;animation:.2s slideUp;display:flex}.coaching__error button{color:#e05555;cursor:pointer;font-size:var(--text-xs);padding:var(--space-1);opacity:.7;background:0 0;border:none}.coaching__error button:hover{opacity:1}.coaching__typing{padding:var(--space-1) 0;gap:4px;display:flex}.coaching__typing span{background:var(--color-text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}.coaching__typing span:nth-child(2){animation-delay:.2s}.coaching__typing span:nth-child(3){animation-delay:.4s}.coaching__input{align-items:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-primary);display:flex}.coaching__textarea{resize:none;min-height:40px;max-height:120px;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);transition:border-color var(--transition-normal);flex:1}.coaching__textarea:focus{border-color:var(--color-border-hover);outline:none}.coaching__textarea::placeholder{color:var(--color-text-disabled)}.coaching__send{border-radius:var(--radius-md);background:var(--color-text-primary);width:40px;height:40px;color:var(--color-bg-primary);transition:all var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.coaching__send:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px)}.coaching__send:disabled{opacity:.3;cursor:not-allowed}@media (width<=768px){.coaching{height:calc(100vh - var(--header-height));margin:0;position:relative}.coaching__sidebar-toggle{display:block}.coaching__sidebar{background:var(--color-bg-secondary);width:260px;z-index:var(--z-modal);transition:transform var(--transition-slow);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.coaching__sidebar--open{transform:translate(0)}.coaching__sidebar-backdrop{z-index:calc(var(--z-modal) - 1);background:#0009;display:block;position:fixed;inset:0}.coaching__message{max-width:90%}.coaching__messages{padding:var(--space-4)}.coaching__input{padding:var(--space-3) var(--space-4)}}.coaching__loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.coaching__onboarding{width:100%;height:100%;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.onboarding__card{width:100%;max-width:640px;animation:.5s fadeIn}.onboarding__title{color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center;font-size:1.5rem;font-weight:700}.onboarding__subtitle{color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-6);font-size:.875rem;line-height:1.6}.onboarding__levels{gap:var(--space-3);flex-direction:column;display:flex}.onboarding__level-btn{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%;display:flex}.onboarding__level-btn:hover{border-color:var(--color-accent);background:hsla(var(--accent-hsl), .05);transform:translate(4px)}.onboarding__level-btn:active{transform:translate(2px)}.onboarding__level-btn:disabled{opacity:.6;cursor:wait}.onboarding__level-icon{width:44px;height:44px;color:var(--color-text-secondary);opacity:.8;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding__level-btn:hover .onboarding__level-icon{color:var(--color-text-primary);opacity:1}.onboarding__level-info{flex-direction:column;gap:2px;display:flex}.onboarding__level-tag{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.onboarding__level-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.onboarding__level-desc{color:var(--color-text-tertiary);font-size:.8rem;line-height:1.4}.learn{animation:.3s fadeIn}.learn__loading{justify-content:center;align-items:center;min-height:300px;display:flex}.learn__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em}.learn__back{align-items:center;gap:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:inline-flex}.learn__back:hover{color:var(--color-text-primary)}.learn__header{margin-bottom:var(--space-5)}.learn__header-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.learn__header-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.learn__header-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-1)}.learn__header-objective{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.learn-steps{margin-bottom:var(--space-6);padding:var(--space-3) 0;align-items:center;gap:0;display:flex}.learn-steps__item{align-items:center;gap:var(--space-2);flex:1;display:flex}.learn-steps__dot{border-radius:var(--radius-full);border:1.5px solid var(--color-border-primary);width:24px;height:24px;color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.learn-steps__item--active .learn-steps__dot{border-color:var(--color-text-primary);color:var(--color-text-primary)}.learn-steps__item--done .learn-steps__dot{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-primary)}.learn-steps__label{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.learn-steps__item--active .learn-steps__label{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.learn-steps__line{background:var(--color-border-primary);height:1px;margin:0 var(--space-2);flex:1}.learn-level-badge{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border-primary);font-family:var(--font-mono);letter-spacing:.03em;padding:2px 8px}.learn-status{border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-medium);padding:2px 8px}.learn-status--completed{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033}.learn-status--progress{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433}.learn__next-card{cursor:pointer;margin-bottom:var(--space-6);transition:border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #ffffff1a}.learn__next-card:hover{border-color:#fff3;transform:translateY(-1px)}.learn__next-eyebrow{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.learn__next-content{justify-content:space-between;align-items:center;display:flex}.learn__next-info{gap:var(--space-1);flex-direction:column;display:flex}.learn__next-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.learn__next-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.learn__next-meta{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm);display:flex}.learn__section{margin-bottom:var(--space-8)}.learn__section-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.learn__section-level{font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:var(--text-base)}.learn__module-list{gap:var(--space-2);flex-direction:column;display:flex}.learn__module-card{cursor:pointer;padding:var(--space-4);transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.learn__module-card:hover{border-color:var(--color-border-secondary)}.learn__module-info{flex:1;min-width:0}.learn__module-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.learn__module-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.learn__module-meta{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.learn__module-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.learn__lesson{gap:var(--space-5);flex-direction:column;display:flex}.learn__concept-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.learn__insight{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border-left:2px solid var(--color-text-primary);background:#ffffff08;display:flex}.learn__insight svg{color:var(--color-text-primary);flex-shrink:0;margin-top:2px}.learn__insight span{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed)}.learn__comparison{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.learn__example{padding:var(--space-4)}.learn__example-label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);display:flex}.learn__example-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.learn__example-icon--bad{color:#ef4444;background:#ef444426}.learn__example-icon--good{color:#4ade80;background:#4ade8026}.learn__example-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);white-space:pre-wrap}.learn__example--bad{border-color:#ef444426}.learn__example--good{border-color:#4ade8026}.learn__example-why{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-primary);line-height:var(--leading-relaxed)}.learn__next-btn{align-items:center;gap:var(--space-2);align-self:flex-end;display:inline-flex}.learn__challenge-card{padding:var(--space-6)}.learn__challenge-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.learn__challenge-instruction{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.learn__challenge-seed{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.learn__challenge-seed-label{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);display:block}.learn__challenge-seed-text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-relaxed);white-space:pre-wrap}.learn__challenge-input{resize:vertical;width:100%;min-height:140px;margin-bottom:var(--space-3)}.learn__error{font-size:var(--text-sm);color:#ef4444;margin-bottom:var(--space-3)}.learn__challenge-actions{justify-content:space-between;align-items:center;display:flex}.learn__back-btn{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0}.learn__back-btn:hover{border-color:var(--color-border-secondary);color:var(--color-text-primary)}.learn__submit-btn{align-items:center;gap:var(--space-2);display:inline-flex}.learn__review{max-width:640px;margin:0 auto}.learn__review-card{padding:var(--space-6)}.learn__review-header{align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-primary);display:flex}.learn__review-score{align-items:baseline;gap:2px;display:flex}.learn__review-score-number{font-size:48px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:-.04em;line-height:1}.learn__review-score-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.learn__review-module h2{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.learn__review-status{font-size:var(--text-sm);color:#4ade80;font-weight:var(--font-weight-medium)}.learn__review-feedback{margin-bottom:var(--space-5)}.learn__review-feedback h3,.learn__review-criteria h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.learn__review-feedback p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.learn__review-criteria{margin-bottom:var(--space-5)}.learn__review-criteria-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.learn__review-criterion{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--color-border-primary);display:flex}.learn__review-criterion--met{color:#4ade80;border-color:#4ade8033}.learn__review-criterion-icon{font-size:10px;font-weight:700}.learn__review-actions{padding-top:var(--space-5);border-top:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;display:flex}.learn__coach-btn{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:inline-flex}.learn__coach-btn:hover{border-color:var(--color-border-secondary);color:var(--color-text-primary)}.learn__empty{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary)}@media (width<=768px){.learn__comparison{grid-template-columns:1fr}.learn__next-content,.learn__review-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.learn__challenge-actions{gap:var(--space-3);flex-direction:column}.learn__challenge-actions .learn__back-btn,.learn__challenge-actions .learn__submit-btn{justify-content:center;width:100%}}.settings{max-width:640px;animation:.3s fadeIn}.settings__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em}.settings__section{margin-bottom:var(--space-5)}.settings__section-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-5);letter-spacing:-.01em}.settings__field{margin-bottom:var(--space-4)}.settings__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.settings__value{font-size:var(--text-sm);color:var(--color-text-tertiary);padding:var(--space-3) 0}.settings__save{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.settings__radio-group{gap:var(--space-2);flex-direction:column;display:flex}.settings__radio-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.settings__radio-item:hover{border-color:var(--color-border-secondary)}.settings__radio-item--active{border-color:var(--color-border-hover);background:var(--color-bg-elevated)}.settings__radio-input{display:none}.settings__radio-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.settings__radio-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings__radio-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.settings__radio-check{width:20px;height:20px;color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.settings__status{align-items:flex-start;gap:var(--space-3);display:flex}.settings__status-indicator{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;margin-top:4px}.settings__status-indicator--disconnected{background:var(--color-text-tertiary)}.settings__status-indicator--connected{background:var(--color-success)}.settings__status-info{gap:var(--space-1);flex-direction:column;display:flex}.settings__status-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings__status-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.settings__logout{padding:var(--space-3) var(--space-6);color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;display:inline-flex}.settings__logout:hover{background:#ef44441a}:root{--color-bg-primary:#08090a;--color-bg-secondary:#111214;--color-bg-tertiary:#1a1b1e;--color-bg-elevated:#222326;--color-bg-hover:#2a2b2e;--color-bg-active:#323336;--color-border-primary:#ffffff14;--color-border-secondary:#ffffff1f;--color-border-hover:#ffffff29;--color-text-primary:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:#707070;--color-text-disabled:#505050;--color-error:#ef4444;--color-success:#22c55e;--color-info:#3b82f6;--color-warning:#eab308;--glass-bg:#111214b3;--glass-border:#ffffff0f;--glass-blur:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--shadow-glow:0 0 20px #ffffff08;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:240px;--sidebar-width-collapsed:64px;--header-height:56px;--content-max-width:1200px;--z-sidebar:100;--z-header:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh}::selection{color:#08090a;background:#ffffffe6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}:focus-visible{outline-offset:2px;outline:2px solid #fff6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-text-primary);color:var(--color-bg-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;display:inline-flex}.btn-primary:hover{filter:brightness(.9);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:var(--color-text-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:0 0;display:inline-flex}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:0 0;border:none;display:inline-flex}.btn-ghost:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);transition:border-color var(--transition-normal)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:var(--color-border-hover);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-disabled)}.loading-spinner{border:2px solid var(--color-border-primary);border-top-color:var(--color-text-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}