@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";.category-scroll-strip-container{position:relative;margin-bottom:1.5rem}.category-scroll-strip{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-scroll-strip::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;scroll-snap-align:start;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;background:var(--color-bg-slate-100);border:1.5px solid transparent;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--color-text-slate-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-pill:hover{background:var(--color-bg-slate-200);border-color:var(--color-border-slate-strong)}.category-pill.selected{background:var(--color-brand-gradient-interactive);color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--color-brand-alpha-30)}.category-pill-icon{font-size:1rem;line-height:1}.category-pill-label{font-weight:500}.category-pill-count{font-size:.7rem;padding:.125rem .4rem;border-radius:1rem;background:var(--color-shadow-sm);color:inherit;opacity:.7}.category-pill.selected .category-pill-count{background:var(--color-glass-white-20);opacity:1}.category-scroll-fade{position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,rgba(245,247,250,1),transparent);pointer-events:none}.category-scroll-strip-container.scrolled-end .category-scroll-fade{opacity:0}@media (max-width: 640px){.category-pill{padding:.5rem .875rem;font-size:.8125rem}.category-pill-icon{font-size:.9rem}.category-pill-count{font-size:.65rem;padding:.1rem .35rem}}.dcw{width:100%}.dcw-desktop{display:block}.dcw-mobile{display:none}@media (max-width: 767px){.dcw-desktop{display:none}.dcw-mobile{display:block}}.dcw-svg{width:100%;height:auto;display:block}.dcw-petal{outline:none}.dcw-petal:focus-visible{stroke-width:3;stroke-dasharray:4}.dcw-petal.empty{fill-opacity:.35!important}.dcw-petal-label{-webkit-user-select:none;user-select:none;letter-spacing:.02em}.dcw-centre{outline:none;transition:fill .2s ease}.dcw-centre:hover{fill:#f8f9fc}.dcw-centre:focus-visible{stroke:var(--color-brand-primary);stroke-width:3;stroke-dasharray:4}.dcw-row1{display:flex;align-items:center;gap:3rem}.dcw-row1__svg{flex:0 0 auto;width:420px;max-width:420px}.dcw-row1__areas{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.dcw-area-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:1.5px solid transparent;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.875rem;color:#515154;text-align:left;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;line-height:1.35}.dcw-area-btn:hover{background:rgba(0,0,0,.025);color:var(--color-gray-800)}.dcw-area-btn.selected{background:#fff;border-color:var(--area-color, #e8e8ed);color:var(--color-gray-800);box-shadow:0 2px 8px var(--color-glass-black-06);font-weight:600}.dcw-area-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.dcw-area-btn__num{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-text-inverse)}.dcw-area-btn__label{flex:1;min-width:0}.dcw-area-btn__count{flex-shrink:0;font-size:.625rem;font-weight:600;color:var(--color-text-inverse);padding:.125rem .5rem;border-radius:100px;opacity:.85}.dcw-row2{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-dark-surface)}.dcw-detail__heading{font-size:1.0625rem;font-weight:700;margin:0 0 1.25rem;padding-bottom:.625rem;border-bottom:2px solid currentColor;line-height:1.35}.dcw-detail__comps{display:flex;flex-direction:column;gap:1.25rem}.dcw-comp--empty{opacity:.5}.dcw-comp__header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.dcw-comp__id{font-weight:700;font-size:.9375rem;flex-shrink:0}.dcw-comp__name{font-size:1rem;font-weight:500;color:var(--color-gray-800);flex:1}.dcw-comp__soon{font-size:.6875rem;font-style:italic;color:var(--color-dark-surface-light);flex-shrink:0}.dcw-comp__scenarios{display:flex;flex-direction:column;gap:.5rem;padding-left:1.75rem}.dcw-scenario{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:#fff;border:1.5px solid var(--color-dark-surface);border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dcw-scenario:hover{transform:translateY(-1px);border-color:var(--color-brand-primary);box-shadow:0 2px 12px var(--color-glass-black-06)}.dcw-scenario:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.dcw-scenario__avatar{flex-shrink:0;width:36px;height:36px}.dcw-scenario__avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.dcw-scenario__avatar-ph{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;color:var(--color-text-inverse)}.dcw-scenario__info{flex:1;min-width:0}.dcw-scenario__title{display:block;font-size:.9375rem;font-weight:600;color:var(--color-gray-800);line-height:1.3}.dcw-scenario__desc{display:block;font-size:.875rem;color:var(--color-gray-500);line-height:1.4}.dcw-scenario__arrow{flex-shrink:0;font-size:1.25rem;color:var(--color-dark-surface-light);line-height:1;transition:color .15s ease}.dcw-scenario:hover .dcw-scenario__arrow{color:var(--color-brand-primary)}.dcw-scenario:disabled{cursor:default;opacity:.6}.dcw-scenario:disabled:hover{transform:none;border-color:var(--color-dark-surface);box-shadow:none}.dcw-scenario--loading{opacity:1!important;border-color:var(--color-brand-primary)}.dcw-scenario__spinner{width:36px;height:36px;border:3px solid var(--color-dark-surface);border-top-color:var(--color-brand-primary);border-radius:50%;animation:dcw-spin .7s linear infinite}@keyframes dcw-spin{to{transform:rotate(360deg)}}.dcw-mobile__svg{max-width:220px;margin:0 auto 1.5rem}.dcw-mobile__accordions{display:flex;flex-direction:column;gap:.25rem}.dcw-accordion__trigger{display:flex;align-items:center;gap:.625rem;width:100%;padding:.875rem 1rem;background:none;border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--color-gray-800);text-align:left;transition:background-color .15s ease;min-height:48px}.dcw-accordion__trigger:hover{background:rgba(0,0,0,.03)}.dcw-accordion.open .dcw-accordion__trigger{font-weight:600;background:rgba(0,0,0,.02)}.dcw-accordion__num{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--color-text-inverse)}.dcw-accordion__label{flex:1;min-width:0;line-height:1.3}.dcw-accordion__count{flex-shrink:0;font-size:.5625rem;font-weight:700;color:var(--color-text-inverse);padding:.0625rem .375rem;border-radius:100px;min-width:16px;text-align:center}.dcw-accordion__chevron{flex-shrink:0;font-size:1.25rem;color:var(--color-dark-surface-light);transition:transform .2s ease;line-height:1}.dcw-accordion__chevron.open{transform:rotate(90deg)}.dcw-accordion__body{padding:.25rem 0 1rem .5rem}.dcw-accordion__body .dcw-detail__heading{display:none}.dcw-accordion__body .dcw-comp__scenarios{padding-left:1rem}.dcw-accordion__body .dcw-scenario{padding:.75rem;min-height:44px;align-items:flex-start}.dcw-accordion__body .dcw-scenario__title,.dcw-accordion__body .dcw-scenario__desc{white-space:normal}.dcw-attribution{font-size:.6875rem;color:var(--color-gray-500);text-align:center;margin:1.5rem 0 0;width:100%}.dcw-attribution a{color:var(--color-brand-primary);text-decoration:none}.dcw-attribution a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.dcw-petal,.dcw-centre,.dcw-area-btn,.dcw-scenario,.dcw-accordion__chevron{transition:none!important}}.digcomp-mobile{display:flex;flex-direction:column;gap:.5rem;max-width:600px;margin:0 auto 1.5rem;padding:0 .5rem}.digcomp-mobile__area{border-radius:14px;border:1.5px solid var(--color-dark-surface);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.digcomp-mobile__area.expanded{border-color:var(--area-color, #e8e8ed);box-shadow:0 2px 12px var(--color-glass-black-06)}.digcomp-mobile__area-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;cursor:pointer;font-family:inherit;min-height:56px}.digcomp-mobile__area-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.digcomp-mobile__color-bar{width:4px;height:32px;border-radius:100px;flex-shrink:0}.digcomp-mobile__area-info{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}.digcomp-mobile__area-number{font-size:.6875rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em}.digcomp-mobile__area-name{font-size:1rem;font-weight:600;color:var(--color-gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.digcomp-mobile__area-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.digcomp-mobile__count{font-size:.6875rem;font-weight:700;color:var(--color-text-inverse);padding:.125rem .5rem;border-radius:100px;min-width:20px;text-align:center}.digcomp-mobile__chevron{font-size:1.25rem;color:var(--color-gray-500);transition:transform .2s ease;line-height:1}.digcomp-mobile__chevron.open{transform:rotate(90deg)}.digcomp-mobile__competences{padding:0 1rem 1rem}.digcomp-mobile__area-full-name{font-size:.75rem;color:var(--color-gray-500);margin:0 0 .75rem;padding-left:.75rem;line-height:1.35}.digcomp-mobile__comp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.digcomp-mobile__comp-item{margin:0}.digcomp-mobile__comp-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;background:rgba(0,0,0,.02);border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.8125rem;text-align:left;min-height:44px;transition:background-color .15s ease;color:var(--color-gray-800);line-height:1.3}.digcomp-mobile__comp-btn.active:hover{background:var(--color-glass-black-06)}.digcomp-mobile__comp-btn.active:active{background:var(--color-shadow-sm)}.digcomp-mobile__comp-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.digcomp-mobile__comp-btn.disabled{cursor:default;opacity:.5}.digcomp-mobile__comp-id{flex-shrink:0;font-weight:600;font-size:.75rem;color:var(--color-gray-500);min-width:28px}.digcomp-mobile__comp-name{flex:1;min-width:0}.digcomp-mobile__comp-badge{flex-shrink:0;font-size:.625rem;font-weight:600;color:var(--color-text-inverse);padding:.125rem .5rem;border-radius:100px;white-space:nowrap}.digcomp-mobile__comp-soon{flex-shrink:0;font-size:.6875rem;font-style:italic;color:var(--color-dark-surface-light)}.digcomp-mobile__attribution{font-size:.75rem;color:var(--color-gray-500);text-align:center;margin:.5rem 0 0}.digcomp-mobile__attribution a{color:var(--color-brand-primary);text-decoration:none}.digcomp-mobile__attribution a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.digcomp-mobile__chevron,.digcomp-mobile__area,.digcomp-mobile__comp-btn{transition:none!important}}.login-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;animation:fadeIn .2s ease-out}.login-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px var(--color-shadow-xs);max-width:420px;width:100%;padding:2rem;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-slate-quaternary);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.login-modal-close:hover{background:var(--color-bg-slate-100);color:var(--color-text-slate-secondary)}.login-modal-close:active{transform:scale(.95)}.login-modal-header{text-align:center;margin-bottom:1.75rem}.login-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 .5rem;letter-spacing:-.02em}.login-modal-header p{color:var(--color-text-slate-tertiary);margin:0;font-size:.95rem}.login-modal-form{display:flex;flex-direction:column;gap:1rem}.login-modal-field{display:flex;flex-direction:column;gap:.5rem}.login-modal-field label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.login-modal-field input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--color-border-slate);border-radius:10px;background:#fff;color:var(--color-text-slate-primary);transition:all .15s ease}.login-modal-field input::placeholder{color:var(--color-text-slate-quaternary)}.login-modal-field input:hover:not(:disabled){border-color:var(--color-border-slate-strong)}.login-modal-field input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.login-modal-field input:disabled{background:var(--color-bg-page);cursor:not-allowed}.login-modal-submit{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:10px;background:var(--color-brand-gradient);color:var(--color-text-inverse);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-35)}.login-modal-submit:active:not(:disabled){transform:translateY(0)}.login-modal-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-modal-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--color-text-slate-quaternary);font-size:.875rem}.login-modal-divider:before,.login-modal-divider:after{content:"";flex:1;height:1px;background:var(--color-bg-slate-200)}.login-modal-google{display:flex;justify-content:center}.login-modal-google>div{width:100%}.login-modal-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-modal-loading .spinner{width:18px;height:18px;border:2px solid var(--color-glass-white-30);border-top-color:var(--color-text-inverse);border-radius:50%;animation:spin .8s linear infinite}.login-modal-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:10px;margin-top:1rem;font-size:.9rem;animation:noticeIn .3s ease-out}@keyframes noticeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-modal-notice .notice-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.login-modal-notice.success{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.login-modal-notice.success .notice-icon{color:var(--color-success)}.login-modal-notice.success strong{display:block;margin-bottom:.25rem}.login-modal-notice.success p{margin:0;color:var(--color-success-dark)}.login-modal-notice.error{background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error-light)}.login-modal-notice.error .notice-icon{color:var(--color-error)}.login-modal-notice.session-expired{background:var(--color-bg-primary);color:var(--color-warning-dark);border:1px solid var(--color-warning-light)}.login-modal-notice.session-expired .notice-icon{color:var(--color-warning)}.login-modal-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border-slate)}.login-modal-footer p{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;font-size:.8rem;color:var(--color-text-slate-tertiary)}.login-modal-footer svg{color:var(--color-text-slate-quaternary)}@media (max-width: 480px){.login-modal-backdrop{padding:1rem;align-items:flex-end}.login-modal{border-radius:20px 20px 0 0;padding:1.75rem 1.5rem 2rem;max-width:none;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.login-modal-header h2{font-size:1.35rem}.login-modal-field input,.login-modal-submit{padding:1rem}}@media (prefers-reduced-motion: reduce){.login-modal-backdrop,.login-modal,.login-modal-notice{animation:none}}.home-page-v2{--v2-primary: var(--color-brand-primary);--v2-primary-dark: var(--color-brand-accent);--v2-primary-gradient: var(--color-brand-gradient);--v2-bg-page: var(--color-bg-primary);--v2-bg-section-alt: #f8f9fc;--v2-text-primary: var(--color-gray-800);--v2-text-secondary: #515154;--v2-text-muted: var(--color-gray-500);--v2-card-bg: var(--color-bg-primary);--v2-card-border: var(--color-dark-surface);--v2-card-border-hover: var(--color-brand-primary);--v2-font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--v2-font-body: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--v2-hero-size: clamp(52px, 10vw, 80px);--v2-section-heading: clamp(32px, 5vw, 48px);--v2-card-heading: 1.375rem;--v2-body-size: 1.0625rem;--v2-body-small: .9375rem;--v2-section-gap: clamp(100px, 15vh, 160px);--v2-content-max-width: 1120px;--v2-content-padding: clamp(1.5rem, 5vw, 3rem);--v2-radius-sm: 12px;--v2-radius-md: 18px;--v2-radius-lg: 24px;--v2-radius-xl: 32px;--v2-shadow-subtle: 0 2px 8px rgba(0, 0, 0, .04);--v2-shadow-card: 0 4px 20px var(--color-glass-black-06);--v2-shadow-elevated: 0 12px 40px var(--color-shadow-md);--v2-shadow-glow: 0 0 60px var(--color-brand-alpha-15);--v2-ease-out: cubic-bezier(.25, .1, .25, 1);--v2-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--v2-duration-fast: .2s;--v2-duration-normal: .4s;--v2-duration-slow: .6s}.home-page-v2{font-family:var(--v2-font-body);background:var(--v2-bg-page);color:var(--v2-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.v2-section{padding:0 var(--v2-content-padding)}.v2-container{max-width:var(--v2-content-max-width);margin:0 auto}.v2-fade-up{opacity:0;transform:translateY(40px);transition:opacity var(--v2-duration-slow) var(--v2-ease-out),transform var(--v2-duration-slow) var(--v2-ease-out)}.v2-fade-up.visible{opacity:1;transform:translateY(0)}.v2-stagger-1{transition-delay:.05s}.v2-stagger-2{transition-delay:.1s}.v2-stagger-3{transition-delay:.15s}.v2-stagger-4{transition-delay:.2s}.v2-stagger-5{transition-delay:.25s}.v2-stagger-6{transition-delay:.3s}.v2-scale-up{opacity:0;transform:scale(.95);transition:opacity var(--v2-duration-slow) var(--v2-ease-out),transform var(--v2-duration-slow) var(--v2-ease-out)}.v2-scale-up.visible{opacity:1;transform:scale(1)}@media (prefers-reduced-motion: reduce){.v2-fade-up,.v2-scale-up{opacity:1;transform:none;transition:none}}.v2-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fc 0%,var(--color-bg-primary) 50%,#f0f2ff 100%)}.v2-hero-content{max-width:90%;width:100%;text-align:center;padding:4rem 1rem}.v2-hero-brand{font-family:var(--v2-font-display);font-size:var(--v2-hero-size);font-weight:700;letter-spacing:-.03em;background:var(--v2-primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;line-height:1.1}.v2-hero-tagline{font-family:var(--v2-font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;color:var(--v2-text-secondary);margin:0 0 .75rem;letter-spacing:-.01em}.v2-hero-subtitle{font-size:var(--v2-body-size);color:var(--v2-text-secondary);margin:0 0 2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.v2-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.v2-hero-note{font-size:var(--v2-body-small);color:var(--v2-text-secondary);margin:0}.v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--v2-font-body);font-size:1rem;font-weight:500;border-radius:var(--v2-radius-xl);border:none;cursor:pointer;transition:transform var(--v2-duration-fast) var(--v2-ease-out),box-shadow var(--v2-duration-fast) var(--v2-ease-out),background var(--v2-duration-fast) var(--v2-ease-out);text-decoration:none}.v2-btn:active{transform:scale(.98)}.v2-btn-primary{background:var(--v2-primary-gradient);color:var(--color-text-inverse);box-shadow:var(--v2-shadow-card),0 4px 16px var(--color-brand-alpha-30)}.v2-btn-primary:hover{box-shadow:var(--v2-shadow-elevated),0 8px 24px var(--color-brand-alpha-40);transform:translateY(-2px)}.v2-btn-secondary{background:var(--color-bg-primary);color:var(--v2-primary);border:1.5px solid var(--color-brand-alpha-30);box-shadow:var(--v2-shadow-card)}.v2-btn-secondary:hover{background:var(--color-bg-primary);border-color:var(--v2-primary);box-shadow:var(--v2-shadow-elevated);transform:translateY(-2px)}.v2-video-section{padding:var(--v2-section-gap) var(--v2-content-padding);text-align:center}.v2-section-header{margin-bottom:3rem}.v2-section-heading{font-family:var(--v2-font-display);font-size:var(--v2-section-heading);font-weight:600;color:var(--v2-text-primary);letter-spacing:-.02em;margin:0 0 1rem;line-height:1.15}.v2-section-subtext{font-size:var(--v2-body-size);color:var(--v2-text-muted);max-width:560px;margin:0 auto}.v2-video-container{max-width:960px;margin:0 auto;border-radius:var(--v2-radius-lg);overflow:hidden;box-shadow:var(--v2-shadow-elevated);background:#000}.v2-video-container video{display:block;width:100%;height:auto}.v2-scenarios-section{padding:var(--v2-section-gap) 0;background:var(--v2-bg-section-alt)}.v2-scenarios-section .v2-section-header{padding:0 var(--v2-content-padding);text-align:center}.v2-scenarios-section .v2-container{padding:0 var(--v2-content-padding)}.v2-scenarios-section .category-icon-cards{justify-content:center;margin-bottom:2.5rem}.v2-scenarios-scroll-wrapper{position:relative;margin:0 calc(-1 * var(--v2-content-padding));padding:0 var(--v2-content-padding)}.v2-scenarios-gallery{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:clamp(260px,50vw,300px);gap:1.25rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:var(--v2-content-padding);padding:1rem var(--v2-content-padding) 2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.v2-scenarios-gallery::-webkit-scrollbar{display:none}.v2-scenario-card{width:100%;scroll-snap-align:start;background:var(--v2-card-bg);border:1.5px solid var(--v2-card-border);border-radius:var(--v2-radius-lg);padding:1.5rem;text-align:left;cursor:pointer;transition:transform var(--v2-duration-fast) var(--v2-ease-out),border-color var(--v2-duration-fast) var(--v2-ease-out),box-shadow var(--v2-duration-fast) var(--v2-ease-out)}.v2-scenario-card:hover{transform:translateY(-4px);border-color:var(--v2-card-border-hover);box-shadow:var(--v2-shadow-card)}.v2-scenario-card:disabled{opacity:.7;cursor:not-allowed}.v2-scenario-card.loading{pointer-events:none}.v2-scenario-card-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.v2-scenario-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.v2-scenario-avatar-placeholder{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--color-text-inverse);flex-shrink:0}.v2-scenario-card-header h3{font-size:1.125rem;font-weight:600;color:var(--v2-text-primary);margin:0;line-height:1.3}.v2-scenario-description{font-size:var(--v2-body-small);color:var(--v2-text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.v2-scenario-badge{position:absolute;top:-8px;right:12px;background:var(--v2-primary-gradient);color:var(--color-text-inverse);font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;box-shadow:0 2px 8px var(--color-brand-alpha-30)}.v2-scenario-card{position:relative}.v2-scenario-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-glass-white-85);border-radius:var(--v2-radius-lg);display:flex;align-items:center;justify-content:center}.v2-loading-spinner{width:32px;height:32px;border:3px solid var(--v2-card-border);border-top-color:var(--v2-primary);border-radius:50%;animation:v2-spin .8s linear infinite}@keyframes v2-spin{to{transform:rotate(360deg)}}.v2-create-card{background:var(--color-brand-alpha-05);border:2px dashed var(--color-brand-alpha-30);border-radius:var(--v2-radius-lg);padding:.875rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:transform var(--v2-duration-fast) var(--v2-ease-out),border-color var(--v2-duration-fast) var(--v2-ease-out),background var(--v2-duration-fast) var(--v2-ease-out),box-shadow var(--v2-duration-fast) var(--v2-ease-out)}.v2-create-card:hover{transform:translateY(-4px);border-color:var(--v2-primary);background:var(--color-brand-alpha-10);box-shadow:var(--v2-shadow-card)}.v2-create-card span:last-child{font-size:1rem;font-weight:600;color:var(--v2-primary);text-align:center;line-height:1.3}.v2-create-card-icon{width:32px;height:32px;border-radius:50%;background:var(--v2-primary-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-inverse);flex-shrink:0;box-shadow:0 2px 8px var(--color-brand-alpha-30)}.v2-create-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:0 var(--v2-content-padding)}.v2-create-section--framework{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--color-dark-surface)}.v2-create-section__intro{text-align:center;max-width:400px;margin-bottom:.5rem}.v2-create-section__heading{font-size:1.25rem;font-weight:700;color:var(--v2-text-primary);margin:0 0 .375rem}.v2-create-section__text{font-size:.9375rem;color:var(--v2-text-muted);margin:0;line-height:1.5}.v2-create-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:0 var(--v2-content-padding)}.v2-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--v2-card-bg);border:1px solid var(--v2-card-border);box-shadow:var(--v2-shadow-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--v2-text-secondary);z-index:10;transition:transform var(--v2-duration-fast) var(--v2-ease-out),box-shadow var(--v2-duration-fast) var(--v2-ease-out)}.v2-scroll-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:var(--v2-shadow-elevated)}.v2-scroll-btn-left{left:.5rem}.v2-scroll-btn-right{right:.5rem}.v2-features-section{padding:var(--v2-section-gap) 0}.v2-features-section .v2-section-header{text-align:center;margin-bottom:3rem;padding:0 var(--v2-content-padding)}.v2-features-grid{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:var(--v2-content-padding);padding:1rem var(--v2-content-padding) 2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.v2-features-grid::-webkit-scrollbar{display:none}.v2-feature-tile{flex:0 0 auto;width:400px;scroll-snap-align:start;background:var(--v2-card-bg);border:1px solid var(--v2-card-border);border-radius:var(--v2-radius-lg);overflow:hidden;transition:transform var(--v2-duration-fast) var(--v2-ease-out),box-shadow var(--v2-duration-fast) var(--v2-ease-out)}.v2-feature-tile:hover{transform:translateY(-4px);box-shadow:var(--v2-shadow-card)}.v2-feature-caption{padding:1.5rem 1.5rem 1rem}.v2-feature-caption h3{font-family:var(--v2-font-display);font-size:var(--v2-card-heading);font-weight:600;color:var(--v2-text-primary);margin:0 0 .5rem;letter-spacing:-.01em}.v2-feature-caption p{font-size:var(--v2-body-small);color:var(--v2-text-muted);margin:0;line-height:1.5}.v2-feature-visual{background:var(--color-bg-primary);aspect-ratio:4 / 3;overflow:hidden;padding:1rem;display:flex;align-items:center;justify-content:center}.v2-feature-visual img,.v2-feature-visual video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border-radius:8px;box-shadow:0 2px 8px var(--color-shadow-sm)}.v2-feature-tile.wide{width:600px}.v2-feature-tile.wide .v2-feature-visual{aspect-ratio:4 / 3}@media (max-width: 768px){.v2-feature-tile{width:320px}.v2-feature-tile.wide{width:380px}}.v2-b2b-section{padding:var(--v2-section-gap) var(--v2-content-padding);background:var(--v2-bg-section-alt)}.v2-b2b-section .v2-section-header{text-align:center;margin-bottom:3rem}.v2-b2b-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.v2-b2b-card{background:var(--v2-card-bg);border:1px solid var(--v2-card-border);border-radius:var(--v2-radius-md);padding:1.75rem;text-align:center;transition:transform var(--v2-duration-fast) var(--v2-ease-out),box-shadow var(--v2-duration-fast) var(--v2-ease-out)}.v2-b2b-card:hover{transform:translateY(-2px);box-shadow:var(--v2-shadow-subtle)}.v2-b2b-icon{font-size:2rem;margin-bottom:1rem;line-height:1}.v2-b2b-card h3{font-size:1.0625rem;font-weight:600;color:var(--v2-text-primary);margin:0 0 .5rem}.v2-b2b-card p{font-size:var(--v2-body-small);color:var(--v2-text-muted);margin:0;line-height:1.45}.v2-b2b-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.v2-b2b-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.v2-b2b-grid{grid-template-columns:1fr}}.v2-footer{padding:3rem var(--v2-content-padding);border-top:1px solid var(--v2-card-border)}.v2-footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.v2-footer-links{display:flex;gap:1.5rem}.v2-footer-links a{font-size:var(--v2-body-small);color:var(--v2-text-muted);text-decoration:none;transition:color var(--v2-duration-fast)}.v2-footer-links a:hover{color:var(--v2-primary)}.v2-footer-copyright{font-size:var(--v2-body-small);color:var(--v2-text-muted);margin:0}.v2-error-message{background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:var(--v2-radius-sm);padding:.875rem 1.25rem;color:var(--color-error-dark);font-size:var(--v2-body-small);text-align:center;margin-bottom:1.5rem}.v2-scenarios-loading{text-align:center;padding:4rem 2rem;color:var(--v2-text-muted)}@media (max-width: 768px){.v2-hero-content{padding:3rem 1rem}.v2-hero-brand{font-size:clamp(36px,10vw,56px)}.v2-hero-tagline{font-size:clamp(1rem,3.5vw,1.5rem)}.v2-hero-subtitle{font-size:.9375rem;margin-bottom:1.5rem}.v2-hero-actions{flex-direction:column;width:100%;max-width:220px;margin-left:auto;margin-right:auto;gap:.75rem}.v2-btn{width:100%;padding:.75rem 1.5rem;font-size:.9375rem}.v2-section-heading{text-align:center}.v2-feature-caption{padding:1.5rem 1.5rem 1rem}.v2-scroll-btn{display:none}}@media (max-width: 480px){.v2-hero{min-height:100vh;min-height:100dvh}.v2-hero-content{padding:2rem 1.5rem}.v2-hero-brand{font-size:clamp(48px,15vw,64px)}.v2-hero-tagline{font-size:clamp(1.125rem,5vw,1.5rem);margin-bottom:.75rem;color:var(--v2-text-primary)}.v2-hero-subtitle{font-size:1rem;margin-bottom:2rem}.v2-hero-actions{max-width:260px;gap:.75rem}.v2-btn{padding:.875rem 1.5rem;font-size:1rem}.v2-scenarios-gallery{display:flex;flex-direction:row;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.v2-scenario-card{flex:0 0 auto;width:calc(100vw - 6rem);max-width:300px;scroll-snap-align:start}.v2-scenarios-section{padding-top:2rem;padding-bottom:2rem}.v2-section-heading{font-size:clamp(1.5rem,6vw,2rem)}.v2-video-section{padding-top:2rem;padding-bottom:2rem}}.v2-language-selector{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.v2-language-selector-row{display:flex;align-items:center;gap:.5rem}.v2-language-globe{font-size:1.1rem;line-height:1}.v2-language-label{color:var(--color-text-slate-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.v2-language-select{padding:.4rem 1.8rem .4rem .75rem;font-size:.9rem;border:1px solid var(--color-border-slate-strong);border-radius:8px;background:#fff;color:var(--color-text-slate-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;min-width:150px;transition:border-color .2s}.v2-language-select:hover{border-color:var(--color-text-slate-quaternary)}.v2-language-select:focus{outline:none;border-color:var(--v2-accent, var(--color-brand-primary-light));box-shadow:0 0 0 3px #818cf833}.v2-language-select option{background:#fff;color:var(--color-text-slate-primary)}.v2-language-hint{color:var(--color-text-slate-tertiary);font-size:.8rem}@media (min-width: 481px){.v2-language-hint{white-space:nowrap}}.legal-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,#e4e8ec 100%)}.legal-container{max-width:800px;margin:0 auto;background:white;padding:3rem;border-radius:1rem;box-shadow:0 4px 6px var(--color-shadow-md)}.legal-back-link{display:inline-block;margin-bottom:2rem;color:var(--color-brand-primary);text-decoration:none;font-weight:500}.legal-back-link:hover{text-decoration:underline}.legal-page h1{font-size:2.5rem;margin-bottom:.5rem;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-updated{color:var(--color-text-medium);font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-light)}.legal-page section{margin-bottom:2rem}.legal-page h2{font-size:1.3rem;color:var(--color-text-dark);margin-bottom:1rem;margin-top:2rem}.legal-page h3{font-size:1.1rem;color:#444;margin-bottom:.5rem;margin-top:1rem}.legal-page p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1rem}.legal-page ul{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1rem;padding-left:1.5rem}.legal-page li{margin-bottom:.5rem}.legal-page a{color:var(--color-brand-primary)}.legal-page a:hover{text-decoration:underline}@media (max-width: 768px){.legal-container{padding:1.5rem}.legal-page h1{font-size:2rem}}.catalogue-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.catalogue-badge .badge-text{line-height:1}.catalogue-badge.umuzi{background:#1a1a1a;box-shadow:0 1px 3px #0000004d}.catalogue-badge.learner{background:var(--color-info);box-shadow:0 1px 3px #3b82f64d}.catalogue-badge.md{padding:4px 12px;font-size:12px;border-radius:14px}.catalogue-badge.floating{position:absolute;top:8px;right:8px;z-index:2}.catalogue-badge.inline{margin-left:8px;vertical-align:middle}.catalogue-badge-group{display:inline-flex;align-items:center;gap:4px}.catalogue-badge-group.floating{position:absolute;top:8px;right:8px;z-index:2}.catalogue-badge.learner-indicator{background:var(--color-info);box-shadow:0 1px 3px #3b82f64d}.scenario-card-badges{margin-top:auto;padding-top:12px}.scenario-dashboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:white;border:none;box-shadow:0 4px 12px var(--color-shadow-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1001}.carousel-nav-btn:hover:not(.disabled){background:var(--color-bg-tertiary);box-shadow:0 6px 16px var(--color-shadow-2xl);transform:translateY(-50%) scale(1.05)}.carousel-nav-btn.disabled{opacity:.3;cursor:not-allowed}.carousel-nav-btn.prev{left:calc(50% - 380px)}.carousel-nav-btn.next{right:calc(50% - 380px)}.nav-arrow{font-size:2rem;font-weight:300;color:var(--color-text-secondary);line-height:1}.scenario-dashboard-modal{background:white;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 40px var(--color-shadow-2xl);animation:modalSlideIn .2s ease-out}.sdm-body{flex:1;min-height:0;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scenario-dashboard-modal .modal-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.scenario-dashboard-modal .modal-close-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.carousel-counter{position:absolute;top:1rem;left:1rem;font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:.25rem .75rem;border-radius:12px}.sdm-header{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--color-bg-slate-50) 0%,var(--color-bg-slate-100) 100%);border-bottom:1px solid var(--color-border-default)}.sdm-avatar-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.sdm-avatar{width:64px;height:64px;border-radius:12px;object-fit:cover}.sdm-avatar-placeholder{width:64px;height:64px;border-radius:12px;background:var(--color-brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600}.sdm-avatar-info{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:64px}.sdm-avatar-name{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sdm-avatar-role{font-size:.75rem;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sdm-title-section{flex:1;min-width:0;padding-top:.5rem}.sdm-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.sdm-summary{margin:0;font-size:.875rem;color:var(--color-text-tertiary);line-height:1.5}.sdm-metadata-bar{display:flex;flex-wrap:wrap;gap:.375rem;padding:.625rem 1.5rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default)}.sdm-meta-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdm-meta-chip strong{color:var(--color-text-secondary);font-weight:600}.sdm-meta-chip.modality.voice{background:var(--color-violet-100);color:var(--color-violet-700)}.sdm-meta-chip.modality.text{background:var(--color-info-light);color:var(--color-info-dark)}.sdm-objectives{padding:1rem 1.5rem}.sdm-section-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.sdm-objectives-loading{padding:1rem 0;color:var(--color-text-tertiary);font-size:.875rem}.sdm-objectives-list{list-style:none;margin:0;padding:0}.sdm-objective-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:var(--color-text-secondary)}.sdm-objective-item:not(:last-child){border-bottom:1px solid var(--color-border-subtle)}.objective-number{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--color-bg-quaternary);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.objective-name{flex:1;line-height:1.4}.sdm-objective-more{padding:.5rem 0;font-size:.8125rem;color:var(--color-text-tertiary);font-style:italic}.sdm-no-objectives{margin:0;padding:.5rem 0;color:var(--color-text-quaternary);font-size:.875rem;font-style:italic}.sdm-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;background:var(--color-bg-page);border-top:1px solid var(--color-border-default);box-shadow:0 -2px 8px #0000000f;flex-wrap:wrap;flex-shrink:0}.sdm-action-btn{flex:0 1 auto;padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.sdm-action-btn.primary{background:var(--color-brand-gradient);color:#fff;border:none}.sdm-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.sdm-action-btn.secondary{background:white;color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.sdm-action-btn.secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-quaternary)}.sdm-action-btn.icon{background:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:1.25rem;padding:.5rem .75rem;min-width:auto;flex:0;letter-spacing:.15em;border-radius:100px}.sdm-action-btn.icon:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.sdm-more-menu-container{position:relative}.sdm-more-menu{position:absolute;bottom:100%;right:0;background:white;border:1px solid var(--color-border-default);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow-xl);min-width:120px;margin-bottom:.5rem;z-index:10}.sdm-menu-item{display:block;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}.sdm-menu-item:hover{background:var(--color-bg-tertiary)}.sdm-menu-item:first-child{border-radius:8px 8px 0 0}.sdm-menu-item:last-child{border-radius:0 0 8px 8px}.sdm-menu-item:only-child{border-radius:8px}.scenario-dashboard-modal .sdm-summary,.scenario-dashboard-modal .scenario-summary{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;overflow:visible!important;max-height:none!important}.sdm-mastery-summary{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--color-bg-page);border-bottom:1px solid var(--color-border-default)}.sdm-mastery-count{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.sdm-mastery-bar{flex:1;height:6px;background:var(--color-bg-quaternary);border-radius:3px;overflow:hidden}.sdm-mastery-fill{height:100%;background:var(--color-brand-gradient);border-radius:3px;transition:width .3s ease}.sdm-objective-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:.875rem;color:var(--color-text-secondary);position:relative}.sdm-objective-item.mastered{background:rgba(16,185,129,.05);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:6px}.sdm-objective-item.next-step{background:var(--color-brand-alpha-05);border-left:3px solid var(--color-brand-primary);margin:0 -.5rem;padding-left:calc(.5rem - 3px);padding-right:.5rem;border-radius:0 6px 6px 0}.objective-number{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--color-bg-quaternary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.sdm-objective-item.mastered .objective-number{background:var(--color-success);color:#fff}.sdm-objective-item.next-step .objective-number{background:var(--color-brand-primary);color:#fff}.objective-content{flex:1;min-width:0}.objective-name{display:block;line-height:1.4;margin-bottom:.25rem}.objective-progress-bar{width:140px;height:4px;background:var(--color-bg-quaternary);border-radius:2px;position:relative;margin-top:.375rem}.objective-progress-bar .progress-fill{height:100%;background:var(--color-brand-primary);border-radius:2px;transition:width .3s ease}.objective-progress-bar .mastery-marker{position:absolute;left:70%;top:-2px;width:2px;height:8px;background:var(--color-text-secondary);border-radius:1px}.mastered-check{flex-shrink:0;color:var(--color-success);font-weight:600;font-size:1rem}.next-step-tag{flex-shrink:0;font-size:.625rem;padding:.125rem .5rem;background:var(--color-brand-primary);color:#fff;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;margin-left:auto;align-self:flex-start;margin-top:.125rem}.objective-practice-btn{flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;background:white;color:var(--color-brand-primary);border:1px solid var(--color-border-focus)}.objective-practice-btn:hover{background:var(--color-brand-primary);color:#fff}.objective-practice-btn.primary{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.objective-practice-btn.primary:hover{background:var(--color-indigo-600);border-color:var(--color-indigo-600)}.sdm-stats-row{display:flex;gap:1rem;padding:.5rem 1.5rem .75rem;font-size:.8125rem;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border-default)}.sdm-stat{display:flex;align-items:center;gap:.375rem}.sdm-stat-value{font-weight:500;color:var(--color-text-secondary)}@media (max-width: 768px){.scenario-dashboard-modal-overlay{padding:1rem}.carousel-nav-btn{width:40px;height:40px}.carousel-nav-btn.prev{left:.5rem}.carousel-nav-btn.next{right:.5rem}.nav-arrow{font-size:1.5rem}.scenario-dashboard-modal{max-height:90vh}.sdm-header{flex-direction:column;align-items:center;text-align:center;padding:1.25rem}.sdm-title-section{padding-top:0}.sdm-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem}.sdm-action-btn{padding:.5rem .75rem;font-size:.75rem}}.pathway-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.pathway-detail-modal{background:white;border-radius:16px;max-width:600px;width:100%;position:relative;box-shadow:0 20px 40px var(--color-shadow-2xl);animation:pdmSlideIn .2s ease-out}@keyframes pdmSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pathway-detail-modal .modal-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.pathway-detail-modal .modal-close-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.pdm-header{padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,var(--color-bg-slate-50) 0%,var(--color-bg-slate-100) 100%);border-bottom:1px solid var(--color-border-default)}.pdm-title{margin:0 2rem 0 0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.pdm-description{margin:.5rem 0 0;font-size:.875rem;color:var(--color-text-tertiary);line-height:1.5}.pdm-progress-summary{padding:1rem 1.5rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default)}.pdm-progress-bar{height:8px;background:var(--color-bg-quaternary);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.pdm-progress-fill{height:100%;background:var(--color-brand-gradient);border-radius:4px;transition:width .5s ease-out}.pdm-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.pdm-progress-percentage{font-weight:600;color:var(--color-text-secondary)}.pdm-progress-count{color:var(--color-text-tertiary)}.pdm-scenarios{padding:.5rem 0}.pdm-scenarios-list{list-style:none;margin:0;padding:0}.pdm-scenario-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-subtle);transition:background .2s}.pdm-scenario-item:last-child{border-bottom:none}.pdm-scenario-item:not(.disabled):hover{background:var(--color-bg-page)}.pdm-scenario-item.disabled{opacity:.6}.pdm-scenario-number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-bg-quaternary);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.pdm-scenario-number.completed{background:var(--color-success);color:#fff}.pdm-scenario-number.next,.pdm-scenario-number.available{background:var(--color-brand-primary);color:#fff}.pdm-scenario-number.locked{background:var(--color-border-strong);color:var(--color-text-quaternary)}.pdm-scenario-content{flex:1;min-width:0}.pdm-scenario-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.pdm-scenario-name{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdm-next-tag{flex-shrink:0;font-size:.625rem;padding:.125rem .5rem;background:var(--color-brand-primary);color:#fff;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.pdm-scenario-meta{display:flex;align-items:center;gap:.5rem}.pdm-scenario-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.pdm-scenario-role{font-size:.8125rem;color:var(--color-text-tertiary)}.pdm-scenario-action{flex-shrink:0}.pdm-action-text{font-size:.8125rem;font-weight:500;color:var(--color-brand-primary)}.pdm-action-text.completed{color:var(--color-success)}.pdm-action-text.next,.pdm-action-text.available{color:var(--color-brand-primary)}.pdm-action-text.locked{color:var(--color-text-quaternary)}.pdm-actions{display:flex;gap:.75rem;padding:1.25rem 1.5rem;background:var(--color-bg-page);border-top:1px solid var(--color-border-default)}.pdm-action-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pdm-action-btn.primary{background:var(--color-brand-gradient);color:#fff;border:none}.pdm-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.pdm-action-btn.secondary{background:white;color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.pdm-action-btn.secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-quaternary)}@media (max-width: 768px){.pathway-detail-modal-overlay{padding:1rem}.pdm-header{padding:1.25rem 1.25rem 1rem}.pdm-scenario-item{padding:.875rem 1.25rem}.pdm-actions{flex-direction:column}}.coach-card-section{margin-bottom:2rem;max-width:100%}.coach-card{background:white;border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 2px 8px var(--color-shadow-sm);border-left:4px solid;border-image:linear-gradient(180deg,var(--color-brand-primary) 0%,var(--color-brand-accent) 100%) 1;display:flex;align-items:flex-start;gap:1rem}.coach-card-left{flex-shrink:0}.coach-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center}.coach-avatar-icon{font-size:1.5rem;color:#fff;line-height:1}.coach-card-body{flex:1;min-width:0}.coach-card-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--color-text-medium);text-transform:uppercase;letter-spacing:.08em}.coach-card-message{margin:0 0 .75rem;font-size:.95rem;color:var(--color-dark-bg-secondary);line-height:1.4}.coach-card-stats{display:flex;gap:1.25rem;flex-wrap:wrap}.coach-stat{display:flex;flex-direction:column;align-items:flex-start}.coach-stat-value{font-size:.95rem;font-weight:600;color:var(--color-dark-bg-secondary);line-height:1.2}.coach-stat-label{font-size:.7rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.04em}.coach-card-nudge{margin:0 0 .5rem;font-size:.85rem;color:#e67e22;font-weight:500;line-height:1.3}.coach-card-ctas{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.coach-cta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.coach-cta-label{font-size:.75rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.coach-cta-button{border:none;cursor:pointer;font-family:inherit;transition:background .2s,color .2s,transform .15s}.coach-cta-button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.coach-cta-primary{background:var(--color-brand-gradient);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;min-height:44px}.coach-cta-primary:hover{transform:translateY(-1px);box-shadow:0 2px 8px var(--color-brand-alpha-30)}.coach-cta-secondary{background:var(--color-violet-50);color:#4c3d99;font-size:.85rem;font-weight:500;padding:.35rem .75rem;border-radius:.375rem;display:inline-flex;align-items:center;gap:.25rem;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:36px}.coach-cta-secondary:hover{background:var(--color-violet-100)}.coach-cta-arrow-inline{font-size:1.1rem;flex-shrink:0}.coach-cta-secondary-action{background:var(--color-brand-lightest, #f5f3ff);color:var(--color-brand-dark, #4c3d99);font-size:.85rem;font-weight:500;padding:.5rem 1.25rem;border-radius:.5rem;min-height:44px}.coach-cta-secondary-action:hover{background:#ede9fe}.coach-card-loading{cursor:default;pointer-events:none}.coach-card-skeleton{display:flex;align-items:center;gap:1rem;width:100%}.skeleton-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--color-gray-300) 25%,var(--color-bg-hover) 50%,var(--color-gray-300) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--color-gray-300) 25%,var(--color-bg-hover) 50%,var(--color-gray-300) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-line-long{width:80%}.skeleton-line-short{width:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 600px){.coach-card{flex-direction:column;align-items:flex-start;padding:1rem}.coach-card-left{display:flex;align-items:center;gap:.75rem}.coach-card-stats{flex-direction:column;gap:.5rem}.coach-stat{flex-direction:row;gap:.5rem;align-items:baseline}.coach-cta-row{flex-direction:column;align-items:flex-start;gap:.25rem}.coach-cta-secondary{max-width:100%}.coach-cta-primary{width:100%;text-align:center}}.trial-discovery-section{margin-bottom:2rem;width:100%;max-width:100%;overflow:hidden}.trial-discovery-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.trial-discovery-section .section-label{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, var(--color-text-heading));margin:0}.trial-discovery-section .view-all-link{background:none;border:none;color:var(--color-primary, var(--color-brand-primary));font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .15s}.trial-discovery-section .view-all-link:hover{background-color:var(--color-brand-alpha-10)}.discovery-categories{margin-bottom:1rem}.discovery-loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--color-text-secondary, var(--color-text-tertiary))}.discovery-gallery-wrapper{position:relative;margin:0 -1rem;padding:0 1rem;overflow:hidden}.discovery-gallery{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.discovery-gallery::-webkit-scrollbar{display:none}.discovery-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:white;border:1px solid var(--color-border, var(--color-border-default));box-shadow:0 2px 8px var(--color-shadow-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-primary, var(--color-text-heading));z-index:10;transition:box-shadow .15s,transform .15s}.discovery-scroll-btn:hover{box-shadow:0 4px 12px var(--color-shadow-2xl);transform:translateY(-50%) scale(1.05)}.discovery-scroll-left{left:0}.discovery-scroll-right{right:0}.discovery-card{flex-shrink:0;width:280px;background:white;border:1px solid var(--color-border, var(--color-border-default));border-radius:12px;padding:1.25rem;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.discovery-card:hover:not(:disabled){border-color:var(--color-primary, var(--color-brand-primary));box-shadow:0 4px 12px var(--color-brand-alpha-15);transform:translateY(-2px)}.discovery-card:disabled{cursor:not-allowed;opacity:.7}.discovery-card.loading{pointer-events:none}.discovery-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-glass-white-85);display:flex;align-items:center;justify-content:center;z-index:5;border-radius:12px}.discovery-spinner{width:24px;height:24px;border:3px solid var(--color-border, var(--color-border-default));border-top-color:var(--color-primary, var(--color-brand-primary));border-radius:50%;animation:spin .8s linear infinite}.discovery-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.discovery-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.discovery-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.discovery-card-header h3{font-size:.95rem;font-weight:600;color:var(--color-text-primary, var(--color-text-heading));margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-description{font-size:.8125rem;color:var(--color-text-secondary, var(--color-text-tertiary));margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.discovery-cta{display:flex;justify-content:center;margin-top:1rem}.discovery-browse-all{background:none;border:1px solid var(--color-primary, var(--color-brand-primary));color:var(--color-primary, var(--color-brand-primary));padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.discovery-browse-all:hover{background:var(--color-primary, var(--color-brand-primary));color:#fff}@media (max-width: 640px){.discovery-card{width:260px}.discovery-scroll-btn{display:none}}.scenario-discovery-section{margin-bottom:2rem;width:100%;max-width:100%;overflow:hidden}.scenario-discovery-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.scenario-discovery-section .section-label{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.scenario-discovery-section .view-all-link{background:none;border:none;color:var(--color-brand-primary);font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .15s}.scenario-discovery-section .view-all-link:hover{background-color:var(--color-brand-alpha-10)}.discovery-search{position:relative;margin-bottom:1rem}.discovery-search-input{width:100%;padding:.625rem 2.5rem .625rem .875rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:.875rem;color:var(--color-text-primary, #111827);background:white;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.discovery-search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.discovery-search-input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.discovery-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;color:var(--color-text-tertiary, #9ca3af);cursor:pointer;padding:.25rem;line-height:1;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.discovery-search-clear:hover{color:var(--color-text-primary, #111827)}.scenario-discovery-section .discovery-categories{margin-bottom:1rem}.scenario-discovery-section .discovery-loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--color-text-secondary, #6b7280)}.discovery-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:8px;color:var(--color-error-text, #991b1b);font-size:.875rem}.discovery-error .retry-button-inline{background:none;border:1px solid currentColor;color:inherit;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8125rem;white-space:nowrap}.discovery-empty{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary, #6b7280);font-size:.875rem}.discovery-empty p{margin:0 0 .75rem}.discovery-clear-filters{background:none;border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background-color .15s}.discovery-clear-filters:hover{background-color:var(--color-brand-alpha-10)}.discovery-results.scroll-layout{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.discovery-results.scroll-layout::-webkit-scrollbar{display:none}.discovery-results.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:.5rem 0}.scenario-discovery-section .discovery-card{flex-shrink:0;width:280px;background:white;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:1.25rem;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.discovery-results.grid-layout .discovery-card{width:auto}.scenario-discovery-section .discovery-card:hover:not(:disabled){border-color:var(--color-brand-primary);box-shadow:0 4px 12px var(--color-brand-alpha-15);transform:translateY(-2px)}.scenario-discovery-section .discovery-card:disabled{cursor:not-allowed;opacity:.7}.scenario-discovery-section .discovery-card.loading{pointer-events:none}.scenario-discovery-section .discovery-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-glass-white-85, rgba(255, 255, 255, .85));display:flex;align-items:center;justify-content:center;z-index:5;border-radius:12px}.scenario-discovery-section .discovery-spinner{width:24px;height:24px;border:3px solid var(--color-border, #e5e7eb);border-top-color:var(--color-brand-primary);border-radius:50%;animation:discovery-spin .8s linear infinite}@keyframes discovery-spin{to{transform:rotate(360deg)}}.scenario-discovery-section .discovery-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.scenario-discovery-section .discovery-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.scenario-discovery-section .discovery-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.scenario-discovery-section .discovery-card-header h3{font-size:.95rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scenario-discovery-section .discovery-description{font-size:.8125rem;color:var(--color-text-secondary, #6b7280);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.discovery-results.grid-layout{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.scenario-discovery-section .discovery-card{width:240px}}.language-switcher{display:inline-flex;align-items:center;gap:4px}.language-switcher-globe{font-size:16px;line-height:1}.language-switcher-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--color-border-strong);border-radius:6px;padding:4px 24px 4px 8px;font-size:13px;color:inherit;cursor:pointer;max-width:160px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.language-switcher-select:hover{border-color:var(--color-gray-400)}.language-switcher-select:focus{outline:2px solid var(--color-brand-primary);outline-offset:1px}.language-switcher-select option{background:#fff;color:var(--color-text-dark)}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;z-index:1100;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:500;max-width:90vw;animation:toast-slide-up .25s ease-out}.toast-error{background:var(--color-error);color:#fff}.toast-success{background:var(--color-success-dark);color:#fff}.toast-info{background:var(--color-text-dark);color:#fff}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-glass-white-20);font-size:12px;font-weight:700;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-dismiss{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 2px;opacity:.7;flex-shrink:0}.toast-dismiss:hover{opacity:1}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dashboard-page-v2{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,#c3cfe2 100%);padding-bottom:2rem;overflow-x:hidden;width:100%;max-width:100vw}.dashboard-page-v2 .dashboard-header{background:white;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--color-shadow-sm);margin-bottom:1.5rem}.dashboard-page-v2 .user-info{display:flex;align-items:center;gap:1rem}.dashboard-page-v2 .user-info-inline{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard-page-v2 .user-info-inline h1{font-size:1.5rem;margin:0;color:var(--color-dark-bg-secondary)}.dashboard-page-v2 .user-info-inline .user-email{color:var(--color-text-medium);font-size:.9rem}.dashboard-page-v2 .user-name-section{display:flex;align-items:center;gap:.5rem}.dashboard-page-v2 .name-edit-trigger{background:none;border:none;color:var(--color-text-medium);cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:4px;white-space:nowrap}.dashboard-page-v2 .name-edit-trigger:hover{background:var(--color-bg-secondary);color:var(--color-brand-primary)}.dashboard-page-v2 .name-edit-inline{display:inline-flex;align-items:center}.dashboard-page-v2 .name-edit-input{font-size:.9rem;padding:4px 8px;border:1px solid var(--color-brand-primary);border-radius:4px;outline:none;max-width:200px;min-width:120px}.dashboard-page-v2 .user-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;overflow:hidden}.dashboard-page-v2 .user-avatar .user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dashboard-page-v2 .user-details h1{font-size:1.5rem;margin:0;color:var(--color-dark-bg-secondary)}.dashboard-page-v2 .user-email{color:var(--color-text-medium);margin:.25rem 0;font-size:.9rem}.dashboard-page-v2 .role-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.dashboard-page-v2 .role-learner{background:var(--color-success-bg);color:var(--color-success-dark)}.dashboard-page-v2 .role-facilitator{background:#e3f2fd;color:var(--color-info-dark)}.dashboard-page-v2 .role-admin{background:var(--color-warning-bg);color:var(--color-warning-dark)}.dashboard-page-v2 .header-actions{display:flex;gap:.75rem}.dashboard-page-v2 .compare-button{padding:.5rem 1rem;background:var(--color-bg-hover);border:1px solid var(--color-border-default);border-radius:.5rem;color:var(--color-text-medium);cursor:pointer;font-size:.85rem;transition:all .2s}.dashboard-page-v2 .compare-button:hover{background:var(--color-bg-quaternary);color:var(--color-text-dark)}.dashboard-page-v2 .logout-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border-default);border-radius:.5rem;color:var(--color-text-medium);cursor:pointer;transition:all .2s}.dashboard-page-v2 .logout-button:hover{background:#fee;border-color:#fcc;color:#c00}.dashboard-page-v2 .dashboard-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;overflow:hidden;box-sizing:border-box}.dashboard-page-v2 .section-label{font-size:.875rem;font-weight:600;color:var(--color-text-medium);text-transform:uppercase;letter-spacing:.08em;margin:0}.dashboard-page-v2 .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-page-v2 .training-section{margin-bottom:2rem;max-width:100%;overflow:hidden}.dashboard-page-v2 .view-all-link{background:none;border:none;color:var(--color-brand-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:0}.dashboard-page-v2 .view-all-link:hover{text-decoration:underline}.dashboard-page-v2 .getting-started-banner{background:var(--color-brand-gradient);border-radius:1rem;margin-bottom:1.5rem;overflow:hidden}.dashboard-page-v2 .getting-started-banner.collapsed{cursor:pointer}.dashboard-page-v2 .banner-collapsed{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;color:#fff}.dashboard-page-v2 .collapsed-text{font-weight:500}.dashboard-page-v2 .expand-icon{opacity:.8}.dashboard-page-v2 .banner-expanded{padding:1.5rem;color:#fff}.dashboard-page-v2 .banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dashboard-page-v2 .banner-header h2{margin:0;font-size:1.25rem}.dashboard-page-v2 .collapse-btn{background:var(--color-glass-white-20);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.dashboard-page-v2 .collapse-btn:hover{background:var(--color-glass-white-30)}.dashboard-page-v2 .banner-description{margin:0 0 1rem;opacity:.9}.dashboard-page-v2 .start-welcome-btn{background:white;color:var(--color-brand-primary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.dashboard-page-v2 .start-welcome-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow-2xl)}.dashboard-page-v2 .start-welcome-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-page-v2 .carousel-wrapper{display:flex;align-items:center;gap:.75rem}.dashboard-page-v2 .assignments-carousel{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}.dashboard-page-v2 .assignments-carousel::-webkit-scrollbar{display:none}.dashboard-page-v2 .carousel-arrow{width:40px;height:40px;border-radius:50%;background:white;border:1px solid var(--color-border-default);box-shadow:0 2px 6px var(--color-shadow-md);font-size:1.5rem;color:var(--color-text-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.dashboard-page-v2 .carousel-arrow:hover{background:var(--color-bg-tertiary);box-shadow:0 4px 12px var(--color-shadow-xl);color:var(--color-text-dark)}.dashboard-page-v2 .assignments-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.dashboard-page-v2 .assignment-card-inline{background:white;border-radius:1rem;padding:1.25rem;box-shadow:0 2px 8px var(--color-shadow-sm);display:flex;flex-direction:column;gap:.75rem;transition:transform .2s,box-shadow .2s;position:relative;min-width:280px;max-width:320px;flex-shrink:0}.dashboard-page-v2 .assignment-card-inline.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow-lg)}.dashboard-page-v2 .assignment-card-header{display:flex;align-items:center;gap:.75rem}.dashboard-page-v2 .assignment-card-header .assignment-title{flex:1;margin:0;font-size:1rem;font-weight:600;color:var(--color-dark-bg-secondary);line-height:1.3}.dashboard-page-v2 .assignment-card-inline.overdue{border-left:4px solid var(--color-error)}.dashboard-page-v2 .assignment-card-inline.due-soon{border-left:4px solid var(--color-warning)}.dashboard-page-v2 .assignment-card-top{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-page-v2 .assignment-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center}.dashboard-page-v2 .assignment-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-page-v2 .assignment-avatar.placeholder{background:linear-gradient(135deg,var(--color-gray-300) 0%,#bdbdbd 100%)}.dashboard-page-v2 .avatar-outline{font-size:1.5rem;opacity:.5}.dashboard-page-v2 .status-badge-small{font-size:.9rem}.dashboard-page-v2 .assignment-title{font-size:1.1rem;font-weight:600;color:var(--color-dark-bg-secondary);margin:0;line-height:1.3}.dashboard-page-v2 .assignment-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--color-text-medium)}.dashboard-page-v2 .best-score{font-weight:600;color:var(--color-success-dark)}.dashboard-page-v2 .no-score{color:var(--color-gray-400)}.dashboard-page-v2 .deadline-badge{font-size:.8rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;align-self:flex-start}.dashboard-page-v2 .deadline-badge.overdue{background:#ffebee;color:#c62828}.dashboard-page-v2 .deadline-badge.due-soon{background:var(--color-warning-bg);color:#f57f17}.dashboard-page-v2 .deadline-badge.due-today{background:var(--color-warning-bg);color:var(--color-warning-dark)}.dashboard-page-v2 .completion-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.dashboard-page-v2 .completion-check.done{background:var(--color-bg-quaternary);color:#757575}.dashboard-page-v2 .completion-check.passing{background:var(--color-success-light);color:var(--color-success-dark)}.dashboard-page-v2 .best-score.passing{color:var(--color-success-dark)}.dashboard-page-v2 .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;border-radius:1rem;font-weight:500;color:var(--color-brand-primary)}.dashboard-page-v2 .practice-btn{background:var(--color-brand-gradient);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:auto}.dashboard-page-v2 .practice-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.dashboard-page-v2 .practice-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-page-v2 .empty-training{background:white;border-radius:1rem;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px var(--color-shadow-sm)}.dashboard-page-v2 .empty-training .empty-icon{font-size:3rem;margin-bottom:1rem}.dashboard-page-v2 .empty-training h3{margin:0 0 .5rem;color:var(--color-dark-bg-secondary)}.dashboard-page-v2 .empty-training p{color:var(--color-text-medium);margin:0}.dashboard-page-v2 .empty-training .empty-hint{color:var(--color-brand-primary);margin-top:.5rem}.dashboard-page-v2 .loading-state{background:white;border-radius:1rem;padding:2rem;text-align:center;color:var(--color-text-medium)}.dashboard-page-v2 .featured-section{margin-bottom:2rem}.dashboard-page-v2 .public-scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dashboard-page-v2 .public-scenarios-grid .scenario-card{position:relative;background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px var(--color-shadow-sm);transition:transform .2s,box-shadow .2s;cursor:pointer}.dashboard-page-v2 .public-scenarios-grid .scenario-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow-lg)}.dashboard-page-v2 .public-scenarios-grid .scenario-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.dashboard-page-v2 .public-scenarios-grid .scenario-name{margin:0;font-size:1.1rem;color:var(--color-dark-bg-secondary);line-height:1.3}.dashboard-page-v2 .public-scenarios-grid .curated-badge{background:var(--color-brand-gradient);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap}.dashboard-page-v2 .public-scenarios-grid .scenario-summary{color:var(--color-text-medium);font-size:.9rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-page-v2 .public-scenarios-grid .scenario-meta{display:flex;gap:1rem;color:var(--color-text-tertiary);font-size:.85rem}.dashboard-page-v2 .public-scenarios-grid .meta-item{display:flex;align-items:center;gap:.25rem}.dashboard-page-v2 .public-scenarios-grid .meta-icon{font-size:.9rem}.dashboard-page-v2 .pathways-section{margin-bottom:2rem}.dashboard-page-v2 .pathways-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dashboard-page-v2 .pathway-card{background:white;border-radius:1rem;padding:1.25rem;box-shadow:0 2px 8px var(--color-shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.dashboard-page-v2 .pathway-card.clickable{cursor:pointer}.dashboard-page-v2 .pathway-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-brand-alpha-20)}.dashboard-page-v2 .pathway-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.dashboard-page-v2 .pathway-card-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-dark-bg-secondary);line-height:1.3}.dashboard-page-v2 .pathway-progress-badge{background:var(--color-brand-gradient);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .625rem;border-radius:1rem;flex-shrink:0}.dashboard-page-v2 .pathway-card-description{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-medium);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.dashboard-page-v2 .pathway-card-footer{margin-top:auto}.dashboard-page-v2 .pathway-progress-bar{height:6px;background:var(--color-bg-quaternary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.dashboard-page-v2 .pathway-progress-fill{height:100%;background:var(--color-brand-gradient);border-radius:3px;transition:width .5s ease-out}.dashboard-page-v2 .pathway-progress-text{font-size:.8rem;color:var(--color-text-medium)}@media (max-width: 600px){.dashboard-page-v2 .pathways-grid{grid-template-columns:1fr}}.dashboard-page-v2 .pathway-card-inline{background:white;border-radius:1rem;padding:1.25rem;box-shadow:0 2px 8px var(--color-shadow-sm);display:flex;flex-direction:column;gap:.75rem;transition:transform .2s,box-shadow .2s;position:relative;min-width:280px;max-width:320px;flex-shrink:0;border-left:4px solid var(--color-brand-primary)}.dashboard-page-v2 .pathway-card-inline.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-brand-alpha-20)}.dashboard-page-v2 .pathway-card-inline.overdue{border-left:4px solid var(--color-error)}.dashboard-page-v2 .pathway-card-inline.due-soon{border-left:4px solid var(--color-warning)}.dashboard-page-v2 .pathway-card-inline.completed{border-left:4px solid var(--color-success-dark)}.dashboard-page-v2 .pathway-icon-badge{width:48px;height:48px;border-radius:50%;background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.dashboard-page-v2 .pathway-progress-inline{display:flex;flex-direction:column;gap:.375rem}.dashboard-page-v2 .pathway-progress-bar-mini{height:6px;background:var(--color-bg-quaternary);border-radius:3px;overflow:hidden}.dashboard-page-v2 .pathway-progress-fill-mini{height:100%;background:var(--color-brand-gradient);border-radius:3px;transition:width .5s ease-out}.dashboard-page-v2 .pathway-progress-stats{font-size:.8rem;color:var(--color-text-medium)}.dashboard-page-v2 .card-footer-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.dashboard-page-v2 .pathway-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;background:var(--color-brand-gradient);color:#fff;border-radius:.25rem}.dashboard-page-v2 .more-section{margin-bottom:2rem;max-width:100%}.dashboard-page-v2 .more-section .section-label{margin-bottom:1rem}.dashboard-page-v2 .more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:100%}.dashboard-page-v2 .more-card{background:white;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 1px 4px var(--color-shadow-sm);transition:transform .2s,box-shadow .2s;text-align:center;min-width:0}.dashboard-page-v2 .more-card.clickable{cursor:pointer}.dashboard-page-v2 .more-card.clickable:hover{transform:translateY(-2px);box-shadow:0 3px 12px var(--color-shadow-md)}.dashboard-page-v2 .more-icon{font-size:1.5rem;width:40px;height:40px;background:var(--color-bg-secondary);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-page-v2 .more-label{font-size:.8rem;font-weight:500;color:var(--color-text-medium);line-height:1.3}@media (max-width: 600px){.dashboard-page-v2 .more-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-page-v2 .dashboard-section{margin-bottom:2rem}.dashboard-page-v2 .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.dashboard-page-v2 .feature-card{background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px var(--color-shadow-sm);transition:transform .2s,box-shadow .2s}.dashboard-page-v2 .feature-card.clickable{cursor:pointer}.dashboard-page-v2 .feature-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow-lg)}.dashboard-page-v2 .feature-card h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-dark-bg-secondary)}.dashboard-page-v2 .feature-card p{margin:0;font-size:.9rem;color:var(--color-text-medium)}.dashboard-page-v2 .coming-soon{display:inline-block;margin-top:.75rem;padding:.25rem .5rem;background:var(--color-bg-tertiary);border-radius:.25rem;font-size:.75rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 600px){.dashboard-page-v2 .dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.dashboard-page-v2 .header-actions{width:100%}.dashboard-page-v2 .compare-button,.dashboard-page-v2 .logout-button{flex:1}.dashboard-page-v2 .dashboard-content{padding:0 1rem}.dashboard-page-v2 .assignments-inline{grid-template-columns:1fr}}.my-assignments-page{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,#c3cfe2 100%);padding-bottom:2rem}.my-assignments-page .assignments-header{background:white;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px var(--color-shadow-sm);margin-bottom:1.5rem}.my-assignments-page .back-button{background:none;border:none;color:var(--color-brand-primary);cursor:pointer;font-size:1rem;padding:0}.my-assignments-page .back-button:hover{text-decoration:underline}.my-assignments-page .assignments-header h1{margin:0;font-size:1.5rem;color:var(--color-dark-bg-secondary)}.my-assignments-page .assignment-count{color:var(--color-text-medium);font-size:.9rem;margin-left:auto}.my-assignments-page .filter-bar{max-width:1200px;margin:0 auto 1rem;padding:0 1.5rem;display:flex;gap:.5rem}.my-assignments-page .filter-btn{background:white;border:1px solid var(--color-border-default);padding:.5rem 1rem;border-radius:2rem;cursor:pointer;font-size:.9rem;color:var(--color-text-medium);transition:all .2s}.my-assignments-page .filter-btn:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.my-assignments-page .filter-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.my-assignments-page .category-strip-wrapper,.my-assignments-page .assignments-list{max-width:1200px;margin:0 auto;padding:0 1.5rem}.my-assignments-page .assignment-row{background:white;border-radius:1rem;padding:1rem 1.5rem;margin-bottom:.75rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px var(--color-shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}.my-assignments-page .assignment-row:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow-lg)}.my-assignments-page .assignment-row.overdue{border-left:4px solid var(--color-error)}.my-assignments-page .assignment-row.due-soon{border-left:4px solid var(--color-warning)}.my-assignments-page .assignment-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.my-assignments-page .assignment-avatar img{width:100%;height:100%;object-fit:cover}.my-assignments-page .assignment-avatar.placeholder{background:linear-gradient(135deg,var(--color-gray-300) 0%,#bdbdbd 100%)}.my-assignments-page .avatar-outline{font-size:1.5rem;opacity:.5}.my-assignments-page .assignment-info{flex:1;min-width:0}.my-assignments-page .assignment-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-dark-bg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-assignments-page .assignment-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.85rem;color:var(--color-text-medium)}.my-assignments-page .separator{color:var(--color-text-disabled)}.my-assignments-page .best-score{font-weight:600}.my-assignments-page .best-score.passing{color:var(--color-success-dark)}.my-assignments-page .no-score{color:var(--color-gray-400)}.my-assignments-page .deadline.overdue{color:#c62828;font-weight:500}.my-assignments-page .deadline.due-soon{color:#f57f17;font-weight:500}.my-assignments-page .assignment-status{flex-shrink:0}.my-assignments-page .status-badge{font-size:.85rem;color:var(--color-text-medium)}.my-assignments-page .completion-check{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.my-assignments-page .completion-check.done{background:var(--color-bg-quaternary);color:#757575}.my-assignments-page .completion-check.passing{background:var(--color-success-light);color:var(--color-success-dark)}.my-assignments-page .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;border-radius:1rem;font-weight:500;color:var(--color-brand-primary)}.my-assignments-page .empty-state{background:white;border-radius:1rem;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px var(--color-shadow-sm)}.my-assignments-page .empty-state h3{margin:0 0 .5rem;color:var(--color-dark-bg-secondary)}.my-assignments-page .empty-state p{margin:0;color:var(--color-text-medium)}.my-assignments-page .loading-state{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;text-align:center;color:var(--color-text-medium)}@media (max-width: 600px){.my-assignments-page .assignments-header{padding:1rem;flex-wrap:wrap}.my-assignments-page .assignment-row{padding:1rem}.my-assignments-page .assignment-meta{flex-wrap:wrap}.my-assignments-page .filter-bar{padding:0 1rem;flex-wrap:wrap}.my-assignments-page .category-strip-wrapper{padding:0 1rem}}.category-sidebar{width:240px;min-width:240px;background:var(--color-bg-page);border-right:1px solid var(--color-border-slate);padding:1rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;height:100%}.category-sidebar-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;border:none;border-radius:.5rem;background:transparent;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--color-text-slate-secondary);text-align:left;cursor:pointer;transition:all .15s ease}.category-sidebar-item:hover{background:var(--color-bg-slate-200);color:var(--color-text-slate-primary)}.category-sidebar-item.active{background:var(--color-brand-gradient-interactive);color:#fff;box-shadow:0 2px 8px var(--color-brand-alpha-25)}.category-sidebar-item.active:hover{background:var(--color-brand-gradient-interactive)}.category-sidebar-icon{font-size:1rem;flex-shrink:0;width:1.25rem;text-align:center}.category-sidebar-color-dot{width:.625rem;height:.625rem;border-radius:50%;flex-shrink:0}.category-sidebar-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-sidebar-count{font-size:.75rem;padding:.125rem .5rem;border-radius:1rem;background:var(--color-glass-black-06);color:inherit;flex-shrink:0}.category-sidebar-item.active .category-sidebar-count{background:var(--color-glass-white-20)}.category-sidebar-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-slate)}.category-sidebar-section:first-of-type{margin-top:.75rem;padding-top:.75rem}.category-sidebar-section-title{font-size:.6875rem;font-weight:600;color:var(--color-text-slate-quaternary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem .75rem}.category-sidebar-empty{font-size:.8125rem;color:var(--color-text-slate-quaternary);font-style:italic;padding:.5rem .75rem;margin:0}.category-sidebar-add-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem .75rem;margin-top:.25rem;border:1px dashed var(--color-border-slate-strong);border-radius:.5rem;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--color-text-slate-tertiary);cursor:pointer;transition:all .15s ease}.category-sidebar-add-btn:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-alpha-05)}@media (max-width: 768px){.category-sidebar{display:none}}@media (min-width: 769px) and (max-width: 1024px){.category-sidebar{width:200px;min-width:200px}}.category-chips-container{margin-bottom:1rem}.category-chips-inline .category-chips-container{margin-bottom:0}.category-chips-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-slate-secondary);margin-bottom:.5rem}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.category-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:2rem;background:var(--color-bg-slate-100);border:1.5px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--color-text-slate-secondary);cursor:pointer;transition:all .15s ease}.category-chip:hover:not(:disabled){background:var(--color-bg-slate-200);border-color:var(--color-border-slate-strong)}.category-chip:disabled{cursor:default;opacity:.7}.category-chip.selected{background:var(--color-brand-primary);color:#fff;border-color:transparent}.category-chip.selected:hover:not(:disabled){background:var(--color-brand-primary)}.category-chip.org.selected{background:var(--chip-color, var(--color-brand-primary))}.category-chip.org.selected:hover:not(:disabled){filter:brightness(.95)}.category-chip-icon{font-size:.875rem;line-height:1}.category-chip-color-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.category-chip.selected .category-chip-color-dot{background:var(--color-glass-white-50)!important}.category-chip-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-chip.add-new{background:transparent;border:1.5px dashed var(--color-border-slate-strong);color:var(--color-text-slate-tertiary)}.category-chip.add-new:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-alpha-05)}.category-chips-empty{font-size:.8125rem;color:var(--color-text-slate-quaternary);font-style:italic}@media (max-width: 640px){.category-chip{padding:.375rem .625rem;font-size:.75rem}.category-chip-name{max-width:100px}}.org-category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.org-category-modal{background:white;border-radius:.75rem;width:100%;max-width:400px;box-shadow:0 20px 40px var(--color-shadow-xl)}.org-category-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-slate)}.org-category-modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-slate-primary)}.org-category-modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-slate-quaternary);cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .15s ease}.org-category-modal-close:hover{background:var(--color-bg-slate-100);color:var(--color-text-slate-tertiary)}.org-category-modal-form{padding:1.25rem}.org-category-modal-error{background:var(--color-error-bg);border:1px solid var(--color-error-light);color:var(--color-error);padding:.625rem .875rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem}.org-category-modal-field{margin-bottom:1rem}.org-category-modal-field label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-slate-secondary);margin-bottom:.375rem}.org-category-modal-field input,.org-category-modal-field textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border-slate);border-radius:.375rem;font-family:inherit;font-size:.875rem;color:var(--color-text-slate-primary);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.org-category-modal-field input:focus,.org-category-modal-field textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.org-category-modal-field input::placeholder,.org-category-modal-field textarea::placeholder{color:var(--color-text-slate-quaternary)}.org-category-modal-field textarea{resize:vertical;min-height:60px}.org-category-modal-colors{display:flex;gap:.5rem;flex-wrap:wrap}.org-category-modal-color-btn{width:2rem;height:2rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.org-category-modal-color-btn:hover{transform:scale(1.1)}.org-category-modal-color-btn.selected{border-color:var(--color-text-slate-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.org-category-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-slate)}.org-category-modal-btn{padding:.5rem 1rem;border-radius:.375rem;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.org-category-modal-btn.cancel{background:var(--color-bg-slate-100);border:1px solid var(--color-border-slate);color:var(--color-text-slate-secondary)}.org-category-modal-btn.cancel:hover{background:var(--color-bg-slate-200)}.org-category-modal-btn.save{background:var(--color-brand-gradient);border:none;color:#fff}.org-category-modal-btn.save:hover:not(:disabled){background:var(--color-brand-gradient-interactive)}.org-category-modal-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.org-category-modal{max-width:none;margin:0 1rem}}.health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-dot--green{background:var(--color-success)}.health-dot--amber{background:var(--color-warning)}.health-dot--red{background:var(--color-error)}.health-dot--grey{background:var(--color-border-strong)}.health-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;white-space:nowrap}.health-badge__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.health-badge--green{background:var(--color-success-bg);color:var(--color-success-dark)}.health-badge--green .health-badge__dot{background:var(--color-success)}.health-badge--amber{background:var(--color-bg-primary);color:var(--color-warning-dark)}.health-badge--amber .health-badge__dot{background:var(--color-warning)}.health-badge--red{background:var(--color-error-bg);color:var(--color-error-dark)}.health-badge--red .health-badge__dot{background:var(--color-error)}.health-badge--grey{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.health-badge--grey .health-badge__dot{background:var(--color-border-strong)}.review-panel{padding:1.25rem 1.5rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-gray-light);max-width:100%;box-sizing:border-box}.review-panel__scenario-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-default)}.review-panel__scenario-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.review-panel__scenario-name{font-size:1rem;font-weight:600;color:var(--color-dark-bg-secondary)}.review-panel__scenario-meta{font-size:.8rem;color:var(--color-text-quaternary);white-space:nowrap}.review-panel__metrics-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.85rem;color:var(--color-text-secondary)}.review-panel__metrics-separator{color:var(--color-text-disabled)}.metric-inline--warning{color:var(--color-error);font-weight:600}.suggestion-card--compact{padding:.5rem .75rem}.suggestion-card--compact .suggestion-card__observation{margin:0 0 .25rem;font-size:.8rem}.suggestion-card--compact .suggestion-card__meta{margin-top:.25rem;padding-top:.25rem}.review-panel__section{margin-bottom:1.25rem}.review-panel__section:last-of-type{margin-bottom:.75rem}.review-panel__section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin:0 0 .75rem}.review-panel__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.review-panel__section-header .review-panel__section-title{margin:0}.review-panel__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.metric-item{background:white;border-radius:8px;padding:.75rem;text-align:center;box-shadow:0 1px 3px var(--color-shadow-xs)}.metric-item__value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-dark-bg-secondary)}.metric-item__label{display:block;font-size:.7rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem}.metric-item--warning{border:1px solid var(--color-error-light);background:var(--color-error-bg)}.metric-item--warning .metric-item__value{color:var(--color-error)}.review-panel__themes-explainer{font-size:.8rem;color:var(--color-text-quaternary);margin:0 0 .5rem}.review-panel__struggles{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.struggle-item{display:flex;align-items:flex-start;gap:.75rem;background:white;border:1px solid var(--color-border-default);border-left:3px solid var(--color-warning);border-radius:6px;padding:.5rem .75rem;min-width:0}.struggle-item__count{font-size:.75rem;font-weight:600;color:var(--color-warning-dark);background:var(--color-bg-primary);padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.struggle-item__text{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;min-width:0;flex:1}.struggle-item--synthesized{border-left-color:var(--color-brand-primary)}.struggle-item__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.struggle-item__label{font-size:.85rem;font-weight:600;color:var(--color-text-slate-primary);line-height:1.4}.struggle-item__detail{font-size:.78rem;color:var(--color-text-tertiary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.review-panel__suggestion-summary{padding:.5rem 0}.review-panel__suggestion-count{font-size:.85rem;color:var(--color-text-secondary);margin:0;font-weight:500}.review-panel__suggestions{display:flex;flex-direction:column;gap:.75rem}.review-panel__stale-notice{font-size:.8rem;color:var(--color-warning-dark);background:var(--color-bg-primary);padding:6px 12px;border-radius:6px;margin:0}.suggestion-card{background:white;border-radius:8px;border-left:3px solid var(--color-border-strong);padding:.75rem 1rem;box-shadow:0 1px 3px var(--color-shadow-xs)}.suggestion-card--high{border-left-color:var(--color-error)}.suggestion-card--medium{border-left-color:var(--color-warning)}.suggestion-card--low{border-left-color:var(--color-text-tertiary)}.suggestion-card__observation{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 .5rem;font-weight:500}.suggestion-card__suggestion{font-size:.85rem;color:var(--color-text-tertiary);line-height:1.5;margin:0 0 .5rem}.suggestion-card__example-toggle{background:none;border:none;padding:0;font-size:.8rem;color:var(--color-brand-primary);cursor:pointer;font-weight:500}.suggestion-card__example-toggle:hover{text-decoration:underline}.suggestion-card__example{margin-top:.5rem;background:var(--color-bg-secondary);padding:8px 12px;border-radius:6px;font-size:.8rem;color:var(--color-text-tertiary);line-height:1.5;font-style:italic}.suggestion-card__meta{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--color-bg-hover)}.suggestion-card__category,.suggestion-card__confidence-label{font-size:.7rem;color:var(--color-text-quaternary)}.suggestion-card__applied-badge{font-size:.7rem;color:var(--color-success-dark);font-weight:500;margin-left:auto}.suggestion-card__edits{margin:.5rem 0;border:1px solid var(--color-border-default);border-radius:6px;overflow:hidden}.suggestion-card__edits-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default)}.suggestion-card__edits-label{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.suggestion-card__apply-all-btn{padding:4px 10px;border:1px solid var(--color-border-focus);border-radius:4px;background:white;color:var(--color-brand-primary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.suggestion-card__apply-all-btn:hover:not(:disabled){background:var(--color-brand-primary);color:#fff}.suggestion-card__apply-all-btn:disabled{opacity:.5;cursor:not-allowed}.proposed-edit{border-bottom:1px solid var(--color-border-subtle)}.proposed-edit:last-child{border-bottom:none}.proposed-edit--applied{background:var(--color-success-bg)}.proposed-edit__header{display:flex;align-items:center;gap:.5rem;padding:8px 10px;cursor:pointer;transition:background .15s}.proposed-edit__header:hover{background:var(--color-bg-tertiary)}.proposed-edit--applied .proposed-edit__header:hover{background:var(--color-success-light)}.proposed-edit__field-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.proposed-edit__check{font-size:.7rem;color:var(--color-success-dark);font-weight:500}.proposed-edit__expand-icon{margin-left:auto;font-size:.85rem;color:var(--color-text-quaternary);flex-shrink:0}.proposed-edit__content{padding:0 10px 10px}.proposed-edit__rationale{font-size:.78rem;color:var(--color-text-tertiary);margin:0 0 .5rem;font-style:italic;line-height:1.4}.proposed-edit__stale-warning{font-size:.75rem;color:var(--color-warning-dark);background:var(--color-bg-primary);padding:4px 8px;border-radius:4px;margin:0 0 .5rem}.proposed-edit__diff{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.proposed-edit__diff-block{border-radius:4px;padding:6px 8px;overflow-wrap:break-word;word-break:break-word}.proposed-edit__diff-block--before{background:var(--color-error-bg);border:1px solid var(--color-error-light)}.proposed-edit__diff-block--after{background:var(--color-success-bg);border:1px solid var(--color-success-light)}.proposed-edit__diff-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.proposed-edit__diff-block--before .proposed-edit__diff-label{color:var(--color-error-dark)}.proposed-edit__diff-block--after .proposed-edit__diff-label{color:var(--color-success-dark)}.proposed-edit__diff-text{font-size:.78rem;line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap}.proposed-edit__empty{color:var(--color-text-quaternary);font-style:italic}.proposed-edit__goals-list{margin:0;padding-left:1.25rem;font-size:.78rem;line-height:1.5}.proposed-edit__goals-list li{margin-bottom:2px}.proposed-edit__actions{display:flex;gap:.5rem}.proposed-edit__apply-btn{padding:6px 14px;border:none;border-radius:5px;background:var(--color-brand-primary);color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:opacity .15s;min-height:32px}.proposed-edit__apply-btn:hover:not(:disabled){opacity:.85}.proposed-edit__apply-btn:disabled{opacity:.5;cursor:not-allowed}.proposed-edit__undo-btn{padding:6px 14px;border:1px solid var(--color-border-strong);border-radius:5px;background:white;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;min-height:32px}.proposed-edit__undo-btn:hover{background:var(--color-bg-tertiary)}.review-panel__refresh-btn{padding:4px 12px;border:1px solid var(--color-border-strong);border-radius:6px;background:white;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.review-panel__refresh-btn:hover:not(:disabled){background:var(--color-bg-tertiary)}.review-panel__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.review-panel__generate-prompt{text-align:center;padding:1rem}.review-panel__generate-prompt p{color:var(--color-text-tertiary);font-size:.85rem;margin:0 0 .75rem}.review-panel__generate-btn{padding:8px 20px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s}.review-panel__generate-btn:hover:not(:disabled){opacity:.9}.review-panel__generate-btn:disabled{opacity:.5;cursor:not-allowed}.review-panel__actions{display:flex;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--color-gray-light)}.review-panel__action-btn{padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid var(--color-border-strong);background:white;color:var(--color-text-secondary);transition:all .2s}.review-panel__action-btn:hover{background:var(--color-bg-tertiary)}.review-panel__action-btn--primary{background:var(--color-brand-gradient);color:#fff;border:none}.review-panel__action-btn--primary:hover{opacity:.9}.review-panel__cta-section{margin-bottom:1rem}.review-panel__generating{display:flex;align-items:center;gap:.5rem;color:var(--color-brand-primary);font-size:.85rem;padding:.5rem 0;font-weight:500}.review-panel__generating-dot{width:8px;height:8px;border-radius:50%;background:var(--color-brand-primary);animation:review-panel-pulse 1.2s ease-in-out infinite}@keyframes review-panel-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.review-panel__loading{color:var(--color-text-quaternary);font-size:.85rem;margin:0;padding:.5rem 0}.review-panel__empty{color:var(--color-text-quaternary);font-size:.85rem;margin:0;font-style:italic}.review-panel__error{color:var(--color-error-dark);font-size:.85rem;margin:0}@media (max-width: 768px){.review-panel{padding:1rem}.review-panel__metrics{grid-template-columns:repeat(2,1fr)}.review-panel__scenario-header{flex-direction:column;align-items:flex-start;gap:.25rem}.proposed-edit__apply-btn,.proposed-edit__undo-btn{min-height:44px;min-width:44px;padding:10px 16px}.suggestion-card__apply-all-btn{min-height:44px;padding:8px 14px}}.system-prompt-preview{border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-primary);margin:16px 0;overflow:hidden;transition:all .3s ease}.system-prompt-preview.loading{opacity:.7}.system-prompt-preview.error{border-color:var(--color-error)}.system-prompt-preview.empty{border-color:var(--color-text-tertiary);border-style:dashed}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-brand-gradient);color:#fff;border-bottom:1px solid var(--color-border-default)}.preview-header h3{margin:0;font-size:16px;font-weight:600}.header-left{display:flex;flex-direction:column;gap:4px}.metadata{display:flex;gap:12px;font-size:12px;opacity:.9}.metadata span{padding:2px 6px;background:var(--color-glass-white-20);border-radius:3px}.persona-name{background:rgba(76,175,80,.3)!important}.scenario-name{background:rgba(33,150,243,.3)!important}.token-count{background:rgba(255,193,7,.3)!important}.header-controls{display:flex;align-items:center;gap:8px}.view-mode-selector{display:flex;background:var(--color-glass-white-20);border-radius:4px;overflow:hidden}.view-mode-selector button{background:transparent;border:none;color:#fff;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.view-mode-selector button:hover{background:rgba(255,255,255,.1)}.view-mode-selector button.active{background:var(--color-glass-white-30);font-weight:600}.refresh-btn,.expand-btn{background:var(--color-glass-white-20);border:none;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.refresh-btn:hover,.expand-btn:hover{background:var(--color-glass-white-30)}.preview-content{padding:16px}.prompt-display{margin-bottom:24px}.preview-tabs{display:flex;gap:8px;margin-bottom:12px}.tab-button{border:1px solid #cbd5f5;background:#f1f5ff;color:var(--color-indigo-600);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#e2e8ff}.tab-button.active{background:var(--color-indigo-600);color:var(--color-text-inverse);border-color:var(--color-indigo-600);font-weight:600}.prompt-content{background:var(--color-bg-code);border:1px solid var(--color-border-default);border-radius:4px;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:scroll!important;margin:0}.prompt-content.template{background:#fff3cd;border-color:#ffeaa7}.prompt-content.resolved{background:var(--color-success-light);border-color:#c3e6cb}.prompt-content.voice{background:var(--color-info-light);border-color:var(--color-sky-200)}.voice-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;color:#0f172a}.voice-line{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.voice-line strong{font-weight:600}.voice-preview.loading,.voice-preview.error,.voice-preview.empty{padding:16px;border:1px dashed #c0d7f5;border-radius:4px;background:#f8fbff;font-size:13px;color:var(--color-text-slate-primary)}.prompt-diff{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diff-section h4{margin:0 0 8px;font-size:14px;color:var(--color-gray-600)}.field-mapping{margin-bottom:24px}.field-mapping h4{margin:0 0 12px;font-size:14px;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);padding-bottom:4px}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}.mapping-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--color-bg-code);border-radius:4px;font-size:12px}.section-name{font-weight:600;color:var(--color-gray-600)}.field-source{color:var(--color-text-tertiary);font-style:italic}.metadata-section{display:flex;flex-wrap:wrap;gap:16px;padding-top:16px;border-top:1px solid var(--color-gray-200);font-size:12px;color:var(--color-text-tertiary)}.metadata-item code{background:var(--color-gray-200);padding:2px 4px;border-radius:2px;font-family:Courier New,monospace}.empty-message{padding:24px;text-align:center;color:var(--color-text-tertiary);font-style:italic}.system-prompt-preview.collapsed .preview-content{display:none}.system-prompt-preview.collapsed{border-color:var(--color-text-tertiary)}@media (max-width: 768px){.preview-header{flex-direction:column;align-items:flex-start;gap:8px}.header-controls{align-self:flex-end}.prompt-diff{grid-template-columns:1fr}.metadata{flex-direction:column;gap:4px}.metadata-section{flex-direction:column;gap:8px}}.template-variable-guide{border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-primary);margin:16px 0;overflow:hidden;transition:all .3s ease}.template-variable-guide.compact{border-color:#dee2e6;margin:8px 0}.template-variable-guide.loading{opacity:.7}.template-variable-guide.error{border-color:var(--color-error)}.guide-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;border-bottom:1px solid var(--color-border-default)}.template-variable-guide.compact .guide-header{padding:8px 12px;background:var(--color-brand-gradient)}.guide-header h3{margin:0;font-size:16px;font-weight:600}.template-variable-guide.compact .guide-header h3{font-size:14px}.guide-description{margin:4px 0 0;font-size:12px;opacity:.9}.template-variable-guide.compact .guide-description{display:none}.header-controls{display:flex;align-items:center}.expand-btn{background:var(--color-glass-white-20);border:none;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.expand-btn:hover{background:var(--color-glass-white-30)}.guide-content{padding:16px}.template-variable-guide.compact .guide-content{padding:12px}.category-selector{display:flex;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-gray-200)}.category-selector button{background:var(--color-bg-code);border:1px solid var(--color-border-default);color:var(--color-gray-600);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.category-selector button:hover{background:var(--color-gray-200);border-color:#adb5bd}.category-selector button.active{background:var(--color-info);border-color:var(--color-info);color:#fff}.variables-list{margin-bottom:24px}.variable-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-bg-code)}.variable-item:last-child{border-bottom:none}.variable-syntax{flex-shrink:0;min-width:120px}.variable-syntax code{background:var(--color-gray-200);color:var(--color-gray-600);padding:4px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.variable-description{flex:1;font-size:13px;color:var(--color-text-tertiary);line-height:1.4}.usage-section{margin-bottom:24px}.usage-section h4{margin:0 0 12px;font-size:14px;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);padding-bottom:4px}.usage-list{display:flex;flex-direction:column;gap:8px}.usage-item{font-size:13px;color:var(--color-text-tertiary);line-height:1.4}.usage-item strong{color:var(--color-gray-600)}.examples-section{margin-bottom:24px}.examples-section h4{margin:0 0 12px;font-size:14px;color:var(--color-gray-600);border-bottom:1px solid var(--color-gray-200);padding-bottom:4px}.examples-list{display:flex;flex-direction:column;gap:16px}.example-item{background:var(--color-bg-code);border:1px solid var(--color-border-default);border-radius:6px;padding:12px}.example-description{font-size:13px;color:var(--color-gray-600);margin-bottom:8px;font-weight:500}.example-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.example-template,.example-resolved{flex:1;min-width:200px}.example-template label,.example-resolved label{display:block;font-size:11px;color:var(--color-text-tertiary);margin-bottom:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.example-template code,.example-resolved code{display:block;background:white;border:1px solid var(--color-border-default);padding:8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;word-wrap:break-word}.example-template code{background:#fff3cd;border-color:#ffeaa7}.example-resolved code{background:var(--color-success-light);border-color:#c3e6cb}.example-arrow{flex-shrink:0;font-size:16px;color:var(--color-text-tertiary);font-weight:700}.quick-reference{background:var(--color-bg-code);border:1px solid var(--color-border-default);border-radius:6px;padding:12px}.quick-reference h4{margin:0 0 12px;font-size:14px;color:var(--color-gray-600)}.reference-grid{display:flex;flex-direction:column;gap:8px}.reference-item{font-size:13px;color:var(--color-text-tertiary)}.reference-item strong{color:var(--color-gray-600);margin-right:8px}.reference-item code{background:var(--color-gray-200);color:var(--color-gray-600);padding:2px 4px;border-radius:2px;font-family:Courier New,monospace;font-size:11px;margin:0 2px}.loading-spinner{display:flex;align-items:center;gap:8px;font-size:14px}.loading-spinner:before{content:"";width:16px;height:16px;border:2px solid var(--color-glass-white-30);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.error-message{padding:16px;background:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:4px;color:var(--color-error-dark);margin:16px}.template-variable-guide.collapsed .guide-content{display:none}.template-variable-guide.collapsed{border-color:var(--color-text-tertiary)}@media (max-width: 768px){.category-selector{flex-wrap:wrap}.example-content{flex-direction:column;align-items:stretch}.example-arrow{align-self:center;transform:rotate(90deg)}.reference-grid{gap:12px}.variable-item{flex-direction:column;gap:4px}.variable-syntax{min-width:auto}}.thumbs-feedback{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--color-brand-alpha-08) 0%,var(--color-brand-alpha-08) 100%);border:1px solid var(--color-brand-alpha-15);border-radius:12px;margin-top:20px}.thumbs-feedback-submitted{justify-content:center}.thumbs-question{font-size:14px;color:var(--color-indigo-500);font-weight:600}.thumbs-buttons{display:flex;gap:8px}.thumb-btn{background:white;border:1px solid var(--color-brand-alpha-20);border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px var(--color-shadow-xs)}.thumb-btn:hover{border-color:var(--color-text-disabled);background:var(--color-bg-tertiary)}.thumb-btn:focus{outline:none}.thumb-btn:focus-visible{outline:2px solid var(--color-indigo-500);outline-offset:2px}.thumb-up:hover{border-color:var(--color-success);background:var(--color-success-bg)}.thumb-up:hover .thumb-icon{stroke:var(--color-success)}.thumb-down:hover{border-color:var(--color-error);background:var(--color-error-bg)}.thumb-down:hover .thumb-icon{stroke:var(--color-error)}.thumb-icon{width:22px;height:22px;fill:none;stroke:var(--color-indigo-500);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.thumbs-thank-you{font-size:14px;color:var(--color-success);font-weight:500}.thumbs-comment-section{display:flex;flex-direction:column;gap:8px;width:100%}.thumbs-comment-section label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.thumbs-comment-section .optional{font-weight:400;color:var(--color-text-quaternary)}.thumbs-comment-section textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.thumbs-comment-section textarea:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.thumbs-comment-section textarea::placeholder{color:var(--color-text-quaternary)}.thumbs-comment-actions{display:flex;gap:8px;justify-content:flex-end}.thumbs-skip-btn{padding:6px 12px;background:transparent;border:1px solid var(--color-border-default);border-radius:6px;font-size:13px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.thumbs-skip-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-disabled)}.thumbs-submit-btn{padding:6px 12px;background:var(--color-indigo-500);border:none;border-radius:6px;font-size:13px;color:#fff;font-weight:500;cursor:pointer;transition:all .15s ease}.thumbs-submit-btn:hover{background:#4f46e5}@media (max-width: 480px){.thumbs-feedback{flex-direction:column;align-items:flex-start;gap:8px}.thumbs-buttons{width:100%;justify-content:flex-start}}.learning-objectives-section{margin:20px 0;padding:16px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border-default)}.objectives-header{margin-bottom:12px}.objectives-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-text-heading)}.objectives-list{display:flex;flex-direction:column;gap:8px}.objective-row{display:flex;align-items:flex-start;padding:10px 12px;border-radius:8px;gap:8px}.objective-row.mastered{background:var(--color-success-bg);border:1px solid var(--color-success-light);border-left:3px solid var(--color-success-dark)}.objective-row.needs-work{background:var(--color-bg-primary);border:1px solid var(--color-warning-light);border-left:3px solid var(--color-warning-dark)}.objective-number{font-size:14px;font-weight:500;color:var(--color-text-tertiary);flex-shrink:0}.objective-name{font-size:14px;font-weight:400;color:var(--color-text-heading);flex:1;min-width:0;line-height:1.4}.objective-name strong{font-weight:600}.objective-score{font-size:14px;font-weight:600;flex-shrink:0}.objective-score.obj-mastered{color:var(--color-success-dark)}.objective-score.obj-needs-work{color:var(--color-warning-dark)}.objective-row.expanded{flex-direction:column;align-items:stretch}.objective-row-main{display:flex;align-items:flex-start;gap:8px;width:100%}.objective-row-main.expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.objective-row-main.expandable:hover{opacity:.85}.objective-expand-icon{font-size:10px;color:var(--color-text-tertiary);flex-shrink:0;width:14px;margin-top:3px}.action-evidence{margin-top:8px;padding:10px 12px 10px 36px;background:var(--color-bg-primary);border-radius:6px;border-left:2px solid var(--color-border-default)}.action-status{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:6px}.action-status-icon{flex-shrink:0}.action-status-label{font-weight:500;text-transform:capitalize;color:var(--color-text-heading)}.action-turns{color:var(--color-text-tertiary);font-size:12px;margin-left:auto}.action-status.action-observed .action-status-label{color:var(--color-success-dark)}.action-status.action-partial .action-status-label{color:var(--color-warning-dark)}.action-status.action-not-observed .action-status-label{color:var(--color-error-dark, #dc2626)}.action-evidence-quote{margin:0;padding:8px 12px;font-size:13px;font-style:italic;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:4px;border-left:3px solid var(--color-border-default);line-height:1.4}.assessment-results{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px var(--color-shadow-md);max-width:900px;margin:0 auto;overflow-wrap:break-word;word-wrap:break-word}.assessment-avatar-context{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%);border-radius:12px;margin-bottom:20px}.assessment-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--color-border-focus);box-shadow:0 2px 8px var(--color-brand-alpha-30)}.assessment-avatar img{width:100%;height:100%;object-fit:cover}.assessment-avatar .avatar-placeholder{font-size:32px}.assessment-avatar-info{display:flex;flex-direction:column;gap:2px}.assessment-avatar-info .practiced-with{font-size:.85rem;color:var(--color-text-tertiary)}.assessment-avatar-info .avatar-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.assessment-avatar-info .avatar-role{font-size:.9rem;color:var(--color-brand-primary);font-weight:500}.hero-score-section{text-align:center;margin-bottom:20px}.score-context{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.attempt-badge{font-size:13px;font-weight:500;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:4px 12px;border-radius:20px}.insight-weakness{color:var(--color-text-tertiary)}.assessment-actions{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border-default);text-align:center}.rerun-button-end{padding:12px 24px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-shadow:0 2px 8px var(--color-brand-alpha-30)}.rerun-button-end:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.overall-score{display:inline-block;text-align:center;padding:20px 32px;border-radius:12px;min-width:140px}.overall-score .score-value{font-size:48px;font-weight:700;line-height:1;margin-bottom:6px}.overall-score .score-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.score-mastery{background:linear-gradient(135deg,#34D399,var(--color-success-dark));color:#fff}.score-nearly-there{background:linear-gradient(135deg,#5EEAD4,#14B8A6);color:#fff}.score-good-progress{background:linear-gradient(135deg,var(--color-info),var(--color-info));color:#fff}.score-making-progress{background:linear-gradient(135deg,var(--color-warning),var(--color-warning));color:#fff}.score-keep-practicing{background:linear-gradient(135deg,#FB7185,#F43F5E);color:#fff}.score-excellent{background:linear-gradient(135deg,#34D399,var(--color-success-dark));color:#fff}.score-good{background:linear-gradient(135deg,var(--color-info),var(--color-info));color:#fff}.score-fair{background:linear-gradient(135deg,var(--color-warning),var(--color-warning));color:#fff}.score-needs-work{background:linear-gradient(135deg,#FB7185,#F43F5E);color:#fff}.hero-score-section.qualitative-only{margin-bottom:24px}.score-qualitative{background:linear-gradient(135deg,var(--color-violet-600),var(--color-violet-700));color:#fff}.score-qualitative .score-value{font-size:48px;line-height:1}.dimension-scores{margin-bottom:32px}.dimension-scores h4{margin:0 0 16px;font-size:18px;color:var(--color-text-dark)}.dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.dimension-card{background:var(--color-bg-secondary);border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s}@media (hover: hover){.dimension-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow-md)}}.dimension-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dimension-name{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.dimension-score{font-size:16px;font-weight:700;padding:4px 12px;border-radius:12px}.dimension-bar-container{height:8px;background:var(--color-bg-quaternary);border-radius:4px;overflow:hidden}.dimension-bar{height:100%;border-radius:4px;transition:width .6s ease-out}.dimension-description{margin:8px 0 0;font-size:12px;color:var(--color-text-tertiary);line-height:1.4}.narrative-feedback{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.narrative-section{background:var(--color-bg-secondary);border-radius:8px;padding:20px}.narrative-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text-dark)}.narrative-section ul{margin:0;padding-left:20px;list-style:disc}.narrative-section li{margin-bottom:8px;color:var(--color-text-secondary);line-height:1.6;overflow-wrap:break-word;word-wrap:break-word}.strengths-section{border-left:3px solid var(--color-success);background:var(--color-bg-secondary)}.strengths-section h4{color:var(--color-success-dark)}.improvements-section{border-left:3px solid var(--color-warning);background:var(--color-bg-secondary)}.improvements-section h4{color:var(--color-warning-dark)}.exemplar-section{border-left:3px solid var(--color-info);background:var(--color-bg-secondary)}.exemplar-section h4{color:var(--color-info-dark)}.exemplar-section blockquote{margin:0;padding:12px 16px;background:white;border-radius:6px;font-style:italic;color:var(--color-text-secondary);line-height:1.6;border:1px solid var(--color-border-default)}.key-quotes-section{border-left:3px solid var(--color-violet-600);background:var(--color-bg-secondary)}.key-quotes-section h4{color:var(--color-violet-600)}.key-quote{margin-bottom:12px}.key-quote:last-child{margin-bottom:0}.key-quote .quote-label{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;margin-bottom:6px}.strength-quote .quote-label{background:var(--color-success-light);color:var(--color-success-dark)}.growth-quote .quote-label{background:var(--color-warning-light);color:var(--color-warning-dark)}.key-quote blockquote{margin:6px 0 4px;padding:10px 14px;background:white;border-radius:6px;font-style:italic;color:var(--color-text-secondary);line-height:1.5;border:1px solid var(--color-border-default)}.key-quote .quote-context{margin:0;font-size:13px;color:var(--color-text-tertiary);padding-left:14px}.assessment-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;margin-top:24px;border-top:1px solid var(--color-border-default)}.assessment-footer-left{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.assessment-timestamp,.assessment-stat{color:var(--color-text-quaternary);font-size:12px}.assessment-loading{text-align:center;padding:48px 24px;background:white;border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-md)}.loading-spinner{margin:0 auto 16px;width:40px;height:40px;border:4px solid var(--color-border-default);border-top-color:var(--color-info);border-radius:50%;animation:spin .8s linear infinite}.assessment-loading p{color:var(--color-text-tertiary);font-size:14px}.assessment-error{text-align:center;padding:48px 24px;background:var(--color-error-bg);border:2px solid var(--color-error-light);border-radius:12px}.assessment-error h3{margin:0 0 8px;color:var(--color-error);font-size:20px}.assessment-error p{margin:0 0 16px;color:var(--color-error-dark)}.retry-button{padding:10px 20px;background:var(--color-error);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.retry-button:hover{background:var(--color-error-dark)}.assessment-empty{text-align:center;padding:48px 24px;background:white;border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-md)}.assessment-empty h3{margin:0 0 8px;color:var(--color-text-dark);font-size:20px}.assessment-empty p{margin:0 0 24px;color:var(--color-text-tertiary);font-size:14px}.primary-button{padding:12px 24px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-dialog{background:white;border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-dialog h3{margin:0 0 16px;font-size:22px;color:var(--color-text-dark)}.confirmation-dialog p{margin:0 0 16px;color:var(--color-text-secondary);line-height:1.6;font-size:14px}.warning-text{color:var(--color-error);font-weight:600;margin-bottom:24px!important}.dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.confirm-button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cancel-button{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.cancel-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-text-quaternary)}.confirm-button{background:var(--color-error);color:#fff}.confirm-button:hover{background:var(--color-error-dark);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}@media (max-width: 768px){.assessment-results{padding:16px;border-radius:8px}.hero-score-section{margin-bottom:16px}.overall-score{padding:16px 24px}.overall-score .score-value{font-size:40px}.score-context{margin-top:10px;gap:8px}.attempt-badge{font-size:12px;padding:3px 10px}.dimensions-grid{grid-template-columns:1fr}.narrative-section{padding:16px}.key-quote blockquote{padding:8px 10px}.key-quote .quote-context{padding-left:10px}.whats-next-section{padding:16px}.cta-button.cta-button-primary{padding:10px 20px;font-size:14px;min-width:160px}.confirmation-dialog{padding:24px}.dialog-buttons{flex-direction:column}.cancel-button,.confirm-button{width:100%}.assessment-footer{flex-direction:column;gap:8px;text-align:center}}.overall-summary{margin-top:16px;padding:16px;background:var(--color-info-bg);border-left:4px solid var(--color-info);border-radius:6px}.overall-summary h4{margin:0 0 8px;color:var(--color-info-dark);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.overall-summary p{margin:0;color:var(--color-sky-900);font-size:15px;line-height:1.6;font-weight:500;overflow-wrap:break-word;word-wrap:break-word}.reflections-section{border-left:3px solid var(--color-violet-600);background:var(--color-bg-secondary)}.reflections-section h4{color:var(--color-violet-600)}.reflections-section li{color:#4c1d95;font-style:italic}.transferable-skills-section{margin-top:24px;margin-bottom:24px;border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden}.transferable-skills-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-secondary);border:none;cursor:pointer;font-size:14px;text-align:left;transition:background .2s}.transferable-skills-toggle:hover{background:var(--color-bg-tertiary)}.toggle-icon{font-size:10px;color:var(--color-text-tertiary);width:12px}.transferable-skills-toggle .toggle-label{font-weight:600;color:var(--color-text-primary)}.toggle-hint{color:var(--color-text-quaternary);font-size:12px;font-weight:400}.transferable-skills-content{padding:16px;background:white;border-top:1px solid var(--color-border-default);animation:expandDown .2s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.transferable-skills-info{margin:0 0 16px;padding:12px;background:var(--color-warning-light);border-radius:6px;font-size:13px;color:var(--color-warning-dark);line-height:1.5}.shadow-scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 768px){.shadow-scores-grid{grid-template-columns:1fr}}.shadow-score-card{background:var(--color-bg-secondary);border-radius:8px;padding:12px;border:1px solid var(--color-border-default)}.shadow-score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.shadow-score-name{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.shadow-score-value{font-size:14px;font-weight:700;padding:2px 8px;border-radius:10px}.shadow-score-bar-container{height:6px;background:var(--color-bg-quaternary);border-radius:3px;overflow:hidden;margin-bottom:8px}.shadow-score-bar{height:100%;border-radius:3px;transition:width .6s ease-out}.shadow-score-description{margin:0;font-size:11px;color:var(--color-text-tertiary);line-height:1.4}.whats-next-section{margin-top:24px;padding:20px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border-default);text-align:center}.whats-next-section h4{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--color-text-secondary)}.whats-next-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.cta-button.cta-button-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--color-brand-gradient);border:none;border-radius:8px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;min-width:180px}.cta-button.cta-button-primary:hover{background:linear-gradient(135deg,var(--color-indigo-600) 0%,#6b21a8 100%);transform:translateY(-2px);box-shadow:0 6px 20px var(--color-brand-alpha-40)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:none;border:none;font-size:14px;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none}.cta-button:hover{color:var(--color-text-secondary);background:rgba(0,0,0,.04);border-radius:6px}.secondary-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.rerun-button-link{background:none;border:none;color:var(--color-text-slate-tertiary);font-size:13px;cursor:pointer;text-decoration:underline;padding:8px 0}.rerun-button-link:hover{color:var(--color-text-slate-secondary)}@media (max-width: 480px){.whats-next-buttons{gap:8px}.cta-button.cta-button-primary{width:100%;min-width:auto}.secondary-links{flex-direction:column;width:100%}.secondary-links .cta-button{width:100%;justify-content:center}}.focus-objective-section{margin-bottom:20px;text-align:center}.focus-objective-card{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;margin-bottom:12px}.focus-objective-card.passed{background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-light) 100%);border:1px solid var(--color-success-light)}.focus-objective-card.needs-practice{background:linear-gradient(135deg,var(--color-yellow-50) 0%,var(--color-warning-light) 100%);border:1px solid var(--color-warning-light)}.focus-objective-icon{font-size:1.5rem}.focus-objective-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.focus-objective-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:2px}.focus-objective-card.passed .focus-objective-label{color:var(--color-success-dark)}.focus-objective-card.needs-practice .focus-objective-label{color:var(--color-warning-dark)}.focus-objective-name{font-size:1rem;font-weight:500;color:var(--color-text-primary);line-height:1.4}.focus-objective-guidance{font-size:.9375rem;color:var(--color-text-tertiary);margin:0}.focus-eval-header{margin-bottom:1.5rem}.focus-eval-section-header{margin:0 0 .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.focus-eval-objective-card{padding:1rem;border-radius:10px;border:1px solid var(--color-border-default);background:var(--color-bg-secondary)}.focus-eval-objective-card.mastered{background:var(--color-success-bg);border-color:var(--color-success-light)}.focus-eval-objective-card.in-progress{background:var(--color-bg-primary);border-color:var(--color-amber-200)}.focus-eval-main{display:flex;flex-direction:column;gap:.75rem}.focus-eval-info{display:flex;align-items:center;gap:.625rem}.focus-eval-status-icon{font-size:1.125rem;flex-shrink:0}.focus-eval-objective-number{font-size:.875rem;font-weight:600;color:var(--color-text-tertiary);flex-shrink:0}.focus-eval-objective-number:not(:empty):after{content:"."}.focus-eval-objective-name{flex:1;font-size:1rem;font-weight:500;color:var(--color-text-primary);line-height:1.4;overflow-wrap:break-word;word-wrap:break-word;min-width:0}.focus-eval-score{font-size:1rem;font-weight:600;flex-shrink:0}.focus-eval-score.mastered{color:var(--color-success-dark)}.focus-eval-score.needs-work{color:var(--color-warning-dark)}.focus-eval-progress-bar{margin:0}.focus-eval-progress-track{position:relative;height:8px;background:var(--color-bg-quaternary);border-radius:4px;overflow:visible}.focus-eval-progress-fill{height:100%;background:var(--color-warning);border-radius:4px;transition:width .3s ease}.focus-eval-progress-fill.mastered{background:var(--color-success)}.focus-eval-mastery-marker{position:absolute;top:-3px;width:2px;height:14px;background:var(--color-text-tertiary);border-radius:1px}.focus-eval-status{text-align:center}.focus-eval-status-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.focus-eval-status-label.mastered{color:var(--color-success-dark)}.focus-eval-status-label.needs-work{color:var(--color-warning-dark)}.dashboard-link-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;margin-bottom:1rem;background:white;border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-indigo-500);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.dashboard-link-btn:hover{background:var(--color-violet-50);border-color:var(--color-violet-300)}.focus-feedback-section{margin:1rem 0;padding:1.25rem;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid var(--color-violet-600)}.focus-feedback-text{margin:0;font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary);overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 480px){.dimensions-grid{grid-template-columns:1fr}.assessment-avatar-context{gap:12px}.cta-button.cta-button-primary{min-width:unset;width:100%}.assessment-footer{flex-direction:column;gap:1rem}.assessment-results,.assessment-section{padding:1rem}.focus-eval-objective-card{padding:.75rem}}.next-steps-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-slate)}.next-steps-heading{font-size:15px;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 12px}.next-steps-cards{display:flex;gap:12px}.next-step-card{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-bg-page);border:1px solid var(--color-border-slate);border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;min-height:44px}.next-step-card:hover{background:var(--color-bg-slate-100);border-color:var(--color-border-slate-strong)}.next-step-customize:hover{border-color:var(--color-violet-300);background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%)}.next-step-retry:hover{border-color:var(--color-info-light);background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-light) 100%)}.next-step-icon{font-size:22px;flex-shrink:0}.next-step-text{display:flex;flex-direction:column;gap:2px}.next-step-title{font-size:14px;font-weight:600;color:var(--color-text-slate-primary)}.next-step-desc{font-size:13px;color:var(--color-text-slate-tertiary);line-height:1.3}@media (max-width: 768px){.next-steps-cards{flex-direction:column}}.debrief-chat{display:flex;flex-direction:column;background:white;border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-md);overflow:hidden;max-height:600px;margin-top:16px}.debrief-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-brand-gradient);color:#fff;flex-shrink:0}.debrief-chat-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.debrief-chat-icon{font-size:18px}.debrief-chat-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 4px;opacity:.8;line-height:1}.debrief-chat-close:hover{opacity:1}.debrief-chat-messages{flex:1;min-height:0;overflow-y:auto;padding:16px}.debrief-message{margin-bottom:12px;display:flex;flex-direction:column}.debrief-message-user{align-items:flex-end}.debrief-message-bot{align-items:flex-start}.debrief-message-label{font-size:11px;color:var(--color-text-slate-quaternary);margin-bottom:4px;padding:0 4px}.debrief-message-bubble{padding:10px 14px;border-radius:12px;max-width:90%;line-height:1.5;font-size:14px}.debrief-message-user .debrief-message-bubble{background:var(--color-brand-gradient);color:#fff;border-radius:12px 12px 4px}.debrief-message-bot .debrief-message-bubble{background:var(--color-bg-slate-100);color:var(--color-text-slate-primary);border-radius:12px 12px 12px 4px}.debrief-message-bot .debrief-message-bubble p{margin:0 0 14px}.debrief-message-bot .debrief-message-bubble p:last-child{margin-bottom:0}.debrief-message-bot .debrief-message-bubble ul,.debrief-message-bot .debrief-message-bubble ol{margin:0 0 14px;padding-left:1.5em}.debrief-message-bot .debrief-message-bubble li{margin-bottom:4px}.debrief-message-bot .debrief-message-bubble strong{color:var(--color-text-slate-primary)}.debrief-typing{display:flex;gap:4px;color:var(--color-text-slate-tertiary)}.debrief-typing span{animation:debrief-typing 1.4s infinite}.debrief-typing span:nth-child(2){animation-delay:.2s}.debrief-typing span:nth-child(3){animation-delay:.4s}@keyframes debrief-typing{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.debrief-error{padding:8px 16px;background:var(--color-error-bg);color:var(--color-error);font-size:13px;flex-shrink:0}.debrief-chat-input{display:flex;gap:8px;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--color-border-slate);flex-shrink:0}.debrief-chat-input textarea{flex:1;padding:10px 14px;border:1px solid var(--color-border-slate);border-radius:10px;font-size:14px;font-family:inherit;resize:none;outline:none;line-height:1.5;overflow:hidden;box-sizing:border-box;transition:height .1s ease}.debrief-chat-input textarea:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-alpha-15)}.debrief-send-button{padding:10px 16px;background:var(--color-brand-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.debrief-send-button:disabled{background:var(--color-bg-slate-200);cursor:not-allowed}.debrief-send-button:not(:disabled):hover{background:var(--color-brand-primary-hover)}.debrief-cta{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%);border:1px solid var(--color-border-default);border-radius:10px;cursor:pointer;transition:all .15s ease;margin-top:16px;text-align:left}.debrief-cta:hover{background:linear-gradient(135deg,var(--color-violet-100) 0%,var(--color-violet-200) 100%);border-color:var(--color-violet-300)}.debrief-cta-icon{font-size:22px;flex-shrink:0}.debrief-cta-text{display:flex;flex-direction:column;gap:2px}.debrief-cta-title{font-weight:600;font-size:14px;color:#4c1d95}.debrief-cta-desc{font-size:13px;color:var(--color-violet-700)}.debrief-chat-main{max-height:none;height:100%;border-radius:0;box-shadow:none;margin:0}.debrief-chat-main .debrief-chat-header{background:var(--color-bg-page);color:var(--color-text-slate-primary);border-bottom:1px solid var(--color-border-slate);padding:14px 20px;height:var(--coaching-subheader-height, 50px);box-sizing:border-box;overflow:hidden;display:flex;align-items:center}.debrief-chat-main .debrief-chat-header .debrief-chat-title{color:var(--color-text-slate-primary)}.debrief-chat-main .debrief-chat-close{color:var(--color-text-slate-tertiary)}.debrief-chat-main .debrief-chat-close:hover{color:var(--color-text-slate-primary)}.debrief-chat-main .debrief-chat-messages{padding:20px 24px}.debrief-chat-main .debrief-message-bubble{max-width:70%;font-size:15px}.debrief-chat-main .debrief-chat-input{padding:14px 20px}.debrief-chat-main .debrief-chat-input textarea{font-size:15px}.debrief-generate-cta{margin-top:8px;padding-left:4px}.debrief-generate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.debrief-generate-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.debrief-generate-btn:disabled{opacity:.85;cursor:wait}.debrief-generate-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--color-glass-white-30);border-top-color:#fff;border-radius:50%;animation:debrief-spin .8s linear infinite}@keyframes debrief-spin{to{transform:rotate(360deg)}}.debrief-scenario-card{margin:12px 0;padding:16px;background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%);border:1px solid var(--color-border-default);border-radius:12px}.debrief-scenario-card-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-violet-700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.debrief-scenario-card-icon{font-size:16px}.debrief-scenario-card-title{font-size:16px;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 6px}.debrief-scenario-card-summary{font-size:14px;color:var(--color-text-slate-secondary);margin:0 0 10px;line-height:1.5}.debrief-scenario-card-goals{list-style:none;padding:0;margin:0 0 12px}.debrief-scenario-card-goals li{font-size:13px;color:var(--color-text-slate-secondary);padding:3px 0 3px 16px;position:relative}.debrief-scenario-card-goals li:before{content:"✓";position:absolute;left:0;color:var(--color-brand-primary);font-weight:600}.debrief-start-practice-btn{width:100%;padding:10px 16px;background:var(--color-brand-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.debrief-start-practice-btn:hover{background:var(--color-brand-primary-hover)}.debrief-generate-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%);border-top:1px solid var(--color-violet-200);flex-shrink:0;font-size:13px;color:var(--color-violet-700)}.debrief-generate-bar-btn{background:none;border:none;color:var(--color-violet-700);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease}.debrief-generate-bar-btn:hover{background:rgba(109,40,217,.1)}.debrief-hypothesis-card{margin:12px 0;padding:16px;background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-sky-100) 100%);border:1px solid var(--color-sky-200);border-radius:12px}.debrief-hypothesis-card-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-info-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.debrief-hypothesis-card-icon{font-size:16px}.debrief-hypothesis-card-intro{font-size:13px;color:var(--color-text-slate-secondary);margin:0 0 12px;line-height:1.4}.debrief-hypothesis-field{margin-bottom:12px}.debrief-hypothesis-field:last-of-type{margin-bottom:14px}.debrief-hypothesis-label{display:block;font-size:12px;font-weight:600;color:var(--color-sky-900);margin-bottom:4px}.debrief-hypothesis-textarea{width:100%;padding:8px 10px;border:1px solid var(--color-sky-200);border-radius:8px;font-size:13px;font-family:inherit;resize:none;outline:none;background:white;color:var(--color-text-slate-primary);line-height:1.5;box-sizing:border-box;overflow:hidden;min-height:38px;field-sizing:content}.debrief-hypothesis-textarea:focus{border-color:var(--color-info);box-shadow:0 0 0 2px #0ea5e926}.debrief-proposal-value{padding:8px 10px;background:white;border:1px solid var(--color-sky-200);border-radius:8px;font-size:13px;color:var(--color-text-slate-primary);line-height:1.5}.debrief-hypothesis-actions{display:flex;gap:8px}.debrief-hypothesis-confirm-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.debrief-hypothesis-confirm-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.debrief-hypothesis-confirm-btn:disabled{opacity:.85;cursor:wait}.debrief-hypothesis-reset-btn{padding:10px 16px;background:white;color:var(--color-text-slate-tertiary);border:1px solid var(--color-border-slate-strong);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.debrief-hypothesis-reset-btn:hover{background:var(--color-bg-page);border-color:var(--color-text-slate-quaternary);color:var(--color-text-slate-secondary)}.debrief-hypothesis-reset-btn:disabled{opacity:.5;cursor:not-allowed}.debrief-generate-bar .debrief-generate-spinner{border-color:#6d28d933;border-top-color:var(--color-violet-700)}.debrief-actions-bar{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--color-border-slate);background:var(--color-bg-page);flex-shrink:0}.debrief-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid var(--color-border-slate);background:white;color:var(--color-text-slate-secondary);min-height:44px}.debrief-action-btn:hover{background:var(--color-bg-slate-100);border-color:var(--color-border-slate-strong)}.debrief-action-retry:hover{border-color:var(--color-info-light);background:var(--color-info-bg);color:var(--color-info-dark)}.debrief-action-adapt:hover{border-color:var(--color-violet-300);background:var(--color-violet-50);color:var(--color-violet-700)}.debrief-action-adapt:disabled{opacity:.7;cursor:wait}.debrief-action-create:hover{border-color:#6ee7b7;background:var(--color-success-bg);color:var(--color-success-dark)}.debrief-action-create:disabled{opacity:.7;cursor:wait}@keyframes debrief-retry-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 6px #3b82f600}}.debrief-action-retry-highlight{border-color:var(--color-info);background:var(--color-info-bg);color:var(--color-info-dark);animation:debrief-retry-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.debrief-action-retry-highlight{animation:none;border-color:var(--color-info);background:var(--color-info-bg);color:var(--color-info-dark);box-shadow:0 0 0 3px #3b82f64d}}.debrief-resources-card{margin:12px 0;padding:16px;background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-light) 100%);border:1px solid var(--color-success-light);border-radius:12px}.debrief-resources-card-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-success-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.debrief-resources-card-icon{font-size:16px}.debrief-resources-card-intro{font-size:13px;color:var(--color-text-slate-secondary);margin:0 0 12px;line-height:1.4}.debrief-resources-list{list-style:none;padding:0;margin:0}.debrief-resource-item{padding:10px 12px;background:white;border-radius:8px;margin-bottom:8px}.debrief-resource-item:last-child{margin-bottom:0}.debrief-resource-title{font-size:14px;font-weight:600;color:var(--color-text-slate-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.debrief-resource-type-badge{font-size:11px;font-weight:500;color:var(--color-success-dark);background:var(--color-success-light);padding:2px 8px;border-radius:4px;text-transform:capitalize;flex-shrink:0}.debrief-resource-title-link{color:var(--color-success-dark);text-decoration:none}.debrief-resource-title-link:hover{text-decoration:underline}.debrief-resource-reason{font-size:13px;color:var(--color-text-slate-tertiary);margin-top:4px;line-height:1.4}.debrief-resource-snippet{font-size:12px;color:var(--color-text-slate-secondary);margin-top:4px;line-height:1.4}.debrief-resource-source{font-size:11px;color:var(--color-text-slate-quaternary);margin-top:4px;display:inline-block}.debrief-resource-search-link{display:inline-block;font-size:13px;color:var(--color-text-slate-tertiary);font-weight:500;margin-top:6px;text-decoration:none;min-height:44px;min-width:44px;line-height:44px}.debrief-resource-search-link:hover{text-decoration:underline}.micro-lessons-card{margin:12px 0;padding:16px;background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-light) 100%);border:1px solid var(--color-success-light);border-radius:12px}.micro-lessons-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-success-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.micro-lessons-icon{font-size:16px}.micro-lessons-intro{font-size:13px;color:var(--color-text-slate-secondary);margin:0 0 12px;line-height:1.4}.micro-lessons-pending{font-size:13px;color:var(--color-text-slate-quaternary);margin:0;line-height:1.4;font-style:italic}.micro-lessons-list{display:flex;flex-direction:column;gap:8px}.micro-lesson-item{background:white;border-radius:8px;border-left:3px solid var(--color-success);overflow:hidden}.micro-lesson-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;min-height:44px}.micro-lesson-toggle:hover{background:var(--color-bg-page)}.micro-lesson-topic{font-size:14px;font-weight:600;color:var(--color-text-slate-primary)}.micro-lesson-chevron{font-size:10px;color:var(--color-text-slate-quaternary);flex-shrink:0;margin-left:8px}.micro-lesson-preview{font-size:13px;color:var(--color-text-slate-tertiary);padding:0 12px 10px;margin:0;line-height:1.4}.micro-lesson-body{padding:0 12px 12px}.micro-lesson-synthesis{font-size:13px;color:var(--color-text-slate-secondary);line-height:1.5;margin:0 0 10px}.micro-lesson-takeaway{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--color-yellow-50);border:1px solid var(--color-warning-light);border-radius:8px;font-size:13px;font-weight:500;color:#854d0e;line-height:1.4;margin-bottom:10px}.micro-lesson-takeaway-icon{flex-shrink:0;font-size:14px;color:var(--color-warning)}.micro-lesson-connection{font-size:13px;color:var(--color-text-slate-tertiary);font-style:italic;line-height:1.4;margin:0 0 10px}.micro-lesson-resources{display:flex;flex-direction:column;gap:6px}.micro-lesson-resource{display:flex;flex-direction:column}.micro-lesson-resource-link{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-bg-page);border:1px solid var(--color-border-slate);border-radius:6px;text-decoration:none;color:var(--color-text-slate-primary);transition:all .15s ease;min-height:44px}.micro-lesson-resource-link:hover{border-color:var(--color-border-slate-strong);background:var(--color-bg-slate-100)}.micro-lesson-format-icon{font-size:14px;flex-shrink:0}.micro-lesson-resource-title{font-size:13px;font-weight:500;flex:1}.micro-lesson-duration{font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.micro-lesson-search-link{color:var(--color-text-slate-tertiary)}.micro-lesson-resource-snippet{font-size:12px;color:var(--color-text-slate-tertiary);margin:4px 0 0;padding:0 10px;line-height:1.4}.debrief-inline-lessons{display:flex;flex-direction:column;gap:8px;padding:0 16px 8px;animation:debrief-lesson-fade-in .4s ease-out}@keyframes debrief-lesson-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.micro-lesson-inline{background:var(--color-success-bg);border:1px solid var(--color-success-light);border-radius:10px;padding:12px 14px;max-width:88%}.micro-lesson-inline-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.micro-lesson-inline-icon{font-size:14px}.micro-lesson-inline-label{font-size:11px;font-weight:600;color:var(--color-success-dark);text-transform:uppercase;letter-spacing:.5px}.micro-lesson-inline-topic{font-size:14px;font-weight:600;color:var(--color-text-slate-primary);margin-bottom:6px}.micro-lesson-inline-takeaway{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--color-success-dark);font-weight:500;margin-bottom:6px;line-height:1.4}.micro-lesson-inline-takeaway-icon{flex-shrink:0;font-size:13px;margin-top:1px}.micro-lesson-inline-synthesis{font-size:13px;color:var(--color-text-slate-secondary);line-height:1.5;margin:0 0 6px}.micro-lesson-inline-expand{background:none;border:none;color:var(--color-success-dark);font-size:12px;font-weight:500;cursor:pointer;padding:0 0 0 4px;text-decoration:underline}.micro-lesson-inline-expand:hover{color:var(--color-success-dark)}.micro-lesson-inline-connection{font-size:12px;color:var(--color-text-slate-tertiary);font-style:italic;line-height:1.4;margin:0 0 6px}.micro-lesson-inline-resources{display:flex;flex-direction:column;gap:4px;margin-top:4px}.micro-lesson-inline-resource-link{display:flex;align-items:center;gap:6px;padding:6px 8px;background:white;border:1px solid var(--color-success-light);border-radius:6px;text-decoration:none;color:var(--color-text-slate-primary);font-size:12px;transition:all .15s ease;min-height:36px}.micro-lesson-inline-resource-link:hover{border-color:var(--color-success-light);background:var(--color-bg-page)}.debrief-save-insights-bar{display:flex;justify-content:center;padding:6px 16px;border-top:1px solid var(--color-border-slate);background:var(--color-bg-page);flex-shrink:0}.debrief-save-insights-btn{background:none;border:1px solid var(--color-success-light);color:var(--color-success-dark);font-size:13px;font-weight:500;cursor:pointer;padding:6px 14px;border-radius:8px;transition:all .15s ease;min-height:36px}.debrief-save-insights-btn:hover{background:var(--color-success-bg);border-color:var(--color-success-light)}.debrief-chat-input textarea.awaiting-first-message::placeholder{animation:placeholder-pulse 1.5s ease-in-out infinite}@keyframes placeholder-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.debrief-chat-input textarea.awaiting-first-message::placeholder{animation:none}}@media (max-width: 768px){.debrief-chat{max-height:500px;border-radius:8px}.debrief-message-bubble,.micro-lesson-inline{max-width:95%}}.mvb{width:100%;max-width:340px;margin:0 auto;border-radius:14px;background:var(--color-glass-white-06);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:background .25s ease,border-color .25s ease}.mvb--expanded{background:var(--color-glass-white-08);border-color:#ffffff21;flex-shrink:0}.mvb__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:none;border:none;color:inherit;cursor:pointer;gap:10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mvb__toggle:active{background:rgba(255,255,255,.04)}.mvb__toggle-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1}.mvb__toggle-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-glass-white-50);line-height:1.2}.mvb__toggle-summary{font-size:13px;font-weight:500;color:#ffffffbf;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mvb__chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-glass-white-06);color:#ffffff73;transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s ease}.mvb__chevron--up{transform:rotate(180deg)}.mvb__content-wrapper{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1)}.mvb__content{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.mvb--expanded .mvb__content:before{content:"";display:block;height:1px;background:var(--color-glass-white-08);margin-bottom:2px}.mvb__roles{display:flex;flex-direction:column;gap:6px}.mvb__role{display:flex;gap:8px;align-items:baseline}.mvb__role-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;flex-shrink:0;min-width:80px}.mvb__role-value{font-size:13px;font-weight:500;color:#fffc;line-height:1.3}.mvb__section{display:flex;flex-direction:column;gap:4px}.mvb__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;margin:0}.mvb__section-text,.mvb__brief-text{font-size:13px;color:#ffffffb3;line-height:1.5;margin:0}.mvb__objectives{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.mvb__objectives li{font-size:13px;color:#ffffffb3;line-height:1.4;padding-left:14px;position:relative}.mvb__objectives li:before{content:"";position:absolute;left:0;top:.45em;width:5px;height:5px;border-radius:50%;background:rgba(147,51,234,.7)}.mvb__objectives li strong{color:var(--color-glass-white-85);font-weight:600}.mvl{display:flex;flex-direction:column;position:relative;border-radius:0!important;padding:0!important;height:100%}.voice-chat-container:has(.mvl){overflow:visible!important}.mvl__status-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:rgba(15,23,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-glass-white-06);flex-shrink:0}.mvl__status-left{display:flex;align-items:center;gap:8px}.mvl__status-dot{width:8px;height:8px;border-radius:50%;background:rgba(148,163,184,.5);flex-shrink:0}.mvl__status-dot--live{background:var(--color-success);box-shadow:0 0 6px #22c55e99;animation:mvl-pulse 2s ease-in-out infinite}.mvl__status-dot--muted{background:var(--color-warning);box-shadow:0 0 6px #f59e0b66}@keyframes mvl-pulse{0%,to{opacity:1}50%{opacity:.5}}.mvl__status-label{font-size:13px;font-weight:600;color:var(--color-glass-white-85);letter-spacing:.01em}.mvl__status-right{display:flex;align-items:center;gap:10px}.mvl__end-btn{padding:10px 20px;min-width:120px;border-radius:10px;border:1px solid rgba(248,113,113,.6);background:rgba(239,68,68,.25);color:var(--color-error-light);font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease}.mvl__end-btn:active{background:rgba(239,68,68,.45);border-color:#f87171cc}.mvl__body{position:relative;z-index:1;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 16px;min-height:0}.mvl__avatar-section{display:flex;flex-direction:column;align-items:center;gap:10px}.mvl__persona-name{margin:0;font-size:20px;font-weight:600;color:var(--color-bg-slate-100);line-height:1.2}.mvl__persona-role{margin:2px 0 0;font-size:13px;color:var(--color-text-slate-quaternary);font-weight:500}.mvl__camera-row{display:flex;align-items:center;gap:10px}.mvl__camera-preview{width:56px;height:56px;border-radius:8px;overflow:hidden;border:2px solid var(--color-brand-alpha-50);flex-shrink:0}.mvl__camera-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:rgba(148,163,184,.1);color:var(--color-text-slate-quaternary);font-size:12px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.mvl__camera-btn:active{background:rgba(148,163,184,.2)}.mvl__controls{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:rgba(15,23,42,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-glass-white-06);flex-shrink:0}.mvl__hint{font-size:12px;color:#bcc6dccc;text-align:center;line-height:1.3}.mvl__hint--warn{color:var(--color-warning-light)}.mvl__primary-btn{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-indigo-500),var(--color-violet-600));color:var(--color-text-inverse);font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #4f46e559;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}.mvl__primary-btn:active{transform:scale(.95)}.mvl__primary-btn:disabled{cursor:not-allowed;opacity:.7}.mvl__primary-btn--active{background:linear-gradient(135deg,#f97316,#fb7185);box-shadow:0 8px 24px #f973164d}.mvl__spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--color-glass-white-30);border-top-color:var(--color-text-inverse);border-radius:50%;animation:mvl-spin .7s linear infinite}@keyframes mvl-spin{to{transform:rotate(360deg)}}.voice-thinking-indicator{display:flex;align-items:center;justify-content:center;padding:6px 0;animation:voice-thinking-fade-in .3s ease-out}.voice-thinking-dots{font-size:13px;font-weight:500;color:#94a3b8d9;letter-spacing:.02em}.voice-thinking-dots:after{content:"";animation:voice-thinking-ellipsis 1.5s steps(4,end) infinite}@keyframes voice-thinking-ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes voice-thinking-fade-in{0%{opacity:0}to{opacity:1}}.artifact-pane{display:flex;flex-direction:column;background:var(--color-dark-bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px var(--color-shadow-2xl),0 2px 4px -2px var(--color-shadow-xl),inset 0 1px #ffffff0d;border:1px solid var(--color-glass-white-08);transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;min-height:200px}.artifact-pane:hover{box-shadow:0 10px 15px -3px #00000040,0 4px 6px -4px var(--color-shadow-2xl),inset 0 1px 0 var(--color-glass-white-08);border-color:#ffffff1f}.artifact-pane.collapsed{min-height:auto;height:auto}.artifact-pane.artifact-type-code{background:linear-gradient(180deg,var(--color-dark-bg-primary) 0%,var(--color-dark-bg-primary) 100%)}.artifact-pane.artifact-type-error{background:linear-gradient(180deg,#2a1f1f 0%,#1f1818 100%);border-color:#ef444433}.artifact-pane.artifact-type-markdown{background:linear-gradient(180deg,var(--color-text-primary) 0%,#1a1f2a 100%)}.artifact-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--color-glass-white-06);flex-shrink:0}.artifact-header-left{display:flex;align-items:center;gap:12px;min-width:0}.artifact-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.artifact-type-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--color-brand-alpha-15);flex-shrink:0}.artifact-type-icon{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--color-brand-primary);line-height:1}.artifact-badge-code{background:var(--color-brand-alpha-15)}.artifact-badge-code .artifact-type-icon{color:var(--color-brand-primary)}.artifact-badge-error{background:rgba(239,68,68,.15)}.artifact-badge-error .artifact-type-icon{color:var(--color-error);font-size:14px;font-weight:700}.artifact-badge-markdown{background:rgba(34,197,94,.15)}.artifact-badge-markdown .artifact-type-icon{color:var(--color-green-400);font-size:12px;font-weight:700}.artifact-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.artifact-title{font-size:13px;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.artifact-meta{font-size:11px;color:#fff6;font-family:JetBrains Mono,monospace;letter-spacing:.02em}.artifact-copy-btn,.artifact-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-glass-white-50);transition:all .2s ease;opacity:0}.artifact-copy-btn.visible,.artifact-collapse-btn{opacity:1}.artifact-copy-btn:hover,.artifact-collapse-btn:hover{background:rgba(255,255,255,.1);color:#ffffffe6}.artifact-copy-btn:active,.artifact-collapse-btn:active{transform:scale(.95)}.artifact-copy-btn.active{opacity:1}.copy-icon{display:flex;align-items:center;justify-content:center}.copy-icon.copy-success{color:var(--color-green-400)}.collapse-chevron{transition:transform .25s ease}.collapse-chevron.collapsed{transform:rotate(-90deg)}.artifact-content{flex:1;overflow:auto;position:relative}.artifact-content::-webkit-scrollbar{width:8px;height:8px}.artifact-content::-webkit-scrollbar-track{background:transparent}.artifact-content::-webkit-scrollbar-thumb{background:var(--color-glass-white-15);border-radius:4px}.artifact-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.artifact-content::-webkit-scrollbar-corner{background:transparent}.artifact-code-content{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:13px;line-height:1.6}.artifact-code-content pre{margin:0}.artifact-code-content code{font-family:inherit}.artifact-error-content{padding:16px}.error-output{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;color:var(--color-error);margin:0;white-space:pre-wrap;word-break:break-word}.artifact-type-error .artifact-error-content{position:relative}.artifact-type-error .artifact-error-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-error) 0%,var(--color-error) 100%);border-radius:0 2px 2px 0}.artifact-markdown-content{padding:16px 20px;color:#ffffffe6;font-size:14px;line-height:1.7}.artifact-md-h1{font-size:1.5em;font-weight:700;color:#fffffff2;margin:0 0 .75em;padding-bottom:.3em;border-bottom:1px solid rgba(255,255,255,.1)}.artifact-md-h2{font-size:1.25em;font-weight:600;color:#ffffffeb;margin:1.25em 0 .5em}.artifact-md-h3{font-size:1.1em;font-weight:600;color:#ffffffe0;margin:1em 0 .4em}.artifact-md-p{margin:0 0 .75em;color:var(--color-glass-white-85)}.artifact-md-ul,.artifact-md-ol{margin:.5em 0 .75em;padding-left:1.5em}.artifact-md-li{margin:.25em 0;color:var(--color-glass-white-85)}.artifact-md-inline-code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9em;color:#f8d97c}.artifact-md-code-block{display:block;background:rgba(0,0,0,.3);padding:12px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.9em;overflow-x:auto;margin:.75em 0;white-space:pre-wrap;word-break:break-word}.artifact-md-blockquote{border-left:3px solid var(--color-brand-alpha-50);margin:.75em 0;padding:.5em 0 .5em 1em;color:#ffffffb3;font-style:italic;background:var(--color-shadow-xl);border-radius:0 4px 4px 0}.artifact-md-hr{border:none;border-top:1px solid var(--color-glass-white-15);margin:1.5em 0}.artifact-md-strong{font-weight:600;color:#fffffff2}.artifact-md-em{font-style:italic;color:var(--color-glass-white-85)}.artifact-markdown-content a{color:var(--color-info);text-decoration:none}.artifact-markdown-content a:hover{text-decoration:underline}.artifact-md-table{width:100%;border-collapse:collapse;margin:.75em 0;font-size:.9em}.artifact-md-thead{border-bottom:2px solid var(--color-glass-white-15)}.artifact-md-th{padding:8px 12px;text-align:left;font-weight:600;color:#fffffff2;white-space:nowrap}.artifact-md-td{padding:8px 12px;color:var(--color-glass-white-85);border-bottom:1px solid var(--color-glass-white-06)}.artifact-md-tr:hover .artifact-md-td{background:rgba(255,255,255,.03)}.artifact-collapsed-preview{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease}.artifact-collapsed-preview:hover{background:rgba(255,255,255,.05)}.collapsed-preview-text{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--color-glass-white-50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.collapsed-expand-hint{font-size:11px;color:var(--color-brand-alpha-80);font-weight:500}.artifact-pane.mobile{border-radius:0;border:none;box-shadow:none;height:100%;min-height:100%}.artifact-pane.mobile .artifact-header{padding:14px 16px;position:sticky;top:0;z-index:10;background:var(--color-dark-bg-primary)}.artifact-pane.mobile .artifact-copy-btn{opacity:1}.artifact-pane.mobile .artifact-content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.artifact-content{animation:fadeIn .3s ease-out}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.copy-icon.copy-success{animation:copyPulse .3s ease-out}@media (max-width: 768px){.artifact-header{padding:10px 12px}.artifact-type-badge{width:24px;height:24px}.artifact-type-icon{font-size:10px}.artifact-title{font-size:12px}.artifact-meta{font-size:10px}.artifact-code-content{font-size:12px}.error-output,.markdown-source{font-size:11px}}@media print{.artifact-pane{break-inside:avoid;box-shadow:none;border:1px solid var(--color-border-default)}.artifact-header{background:var(--color-bg-tertiary)}.artifact-copy-btn,.artifact-collapse-btn{display:none}}.artifact-resizer{position:relative;width:12px;flex-shrink:0;cursor:col-resize;display:flex;align-items:center;justify-content:center;background:transparent;transition:background .2s ease;z-index:10;margin:0 -4px;padding:0 4px}.artifact-resizer:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.12);transform:translate(-50%);transition:all .2s ease}.resizer-grip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;opacity:.3;transition:opacity .2s ease,transform .2s ease}.grip-dot{width:3px;height:3px;border-radius:50%;background:var(--color-glass-white-30);transition:all .15s ease}.resizer-line{position:absolute;top:50%;left:50%;width:2px;height:32px;background:transparent;border-radius:1px;transform:translate(-50%,-50%);transition:all .2s ease}.artifact-resizer.hovering{background:var(--color-brand-alpha-05)}.artifact-resizer.hovering:before{background:var(--color-brand-alpha-30);width:2px}.artifact-resizer.hovering .resizer-grip{opacity:1}.artifact-resizer.hovering .grip-dot{background:var(--color-brand-alpha-80)}.artifact-resizer.dragging{background:var(--color-brand-alpha-10)}.artifact-resizer.dragging:before{background:var(--color-brand-primary);width:2px;box-shadow:0 0 8px var(--color-brand-alpha-50)}.artifact-resizer.dragging .resizer-grip{opacity:1;transform:scale(1.1)}.artifact-resizer.dragging .grip-dot{background:var(--color-brand-primary);box-shadow:0 0 4px var(--color-brand-alpha-60)}.artifact-resizer.dragging .resizer-line{background:var(--color-brand-primary);height:48px;box-shadow:0 0 12px var(--color-brand-alpha-40)}.artifact-resizer:focus{outline:none}.artifact-resizer:focus-visible{background:var(--color-brand-alpha-08)}.artifact-resizer:focus-visible:before{background:var(--color-brand-alpha-50);width:2px}.artifact-resizer:focus-visible .resizer-grip{opacity:1}@media (max-width: 1023px){.artifact-resizer{display:none}}@keyframes resizer-pulse{0%,to{box-shadow:0 0 8px var(--color-brand-alpha-30)}50%{box-shadow:0 0 16px var(--color-brand-alpha-60)}}.artifact-resizer.dragging:before{animation:resizer-pulse 1s ease-in-out infinite}.mobile-view-toggle-bar{display:none;position:relative;width:100%;padding:8px;background:var(--color-dark-bg-deep);border-bottom:1px solid var(--color-glass-white-06);gap:4px}.toggle-indicator{position:absolute;top:8px;left:8px;height:calc(100% - 16px);background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-indigo-600) 100%);border-radius:8px;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 2px 8px var(--color-brand-alpha-30),inset 0 1px #ffffff1a}.toggle-segment{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 8px;background:transparent;border:none;border-radius:8px;cursor:pointer;position:relative;z-index:1;transition:all .2s ease}.toggle-segment:active{transform:scale(.97)}.segment-icon{font-size:16px;line-height:1;transition:all .2s ease}.segment-icon.code-icon{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--color-glass-white-50)}.segment-label{font-size:11px;font-weight:500;color:var(--color-glass-white-50);letter-spacing:.02em;transition:color .2s ease}.toggle-segment:not(.active) .segment-icon{opacity:.6}.toggle-segment:not(.active):hover{background:rgba(255,255,255,.05)}.toggle-segment:not(.active):hover .segment-label{color:#ffffffb3}.toggle-segment.active{background:transparent}.toggle-segment.active .segment-icon{color:#fff;opacity:1}.toggle-segment.active .segment-icon.code-icon{color:#fff}.toggle-segment.active .segment-label{color:#fff;font-weight:600}.toggle-segment.artifact-error .segment-icon{color:var(--color-error)}.toggle-segment.artifact-error.active .segment-icon{color:#fff}.mobile-view-toggle-bar:has(.toggle-segment.artifact-error.active) .toggle-indicator{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error) 100%);box-shadow:0 2px 8px #ef44444d,inset 0 1px #ffffff1a}@media (max-width: 1023px){.mobile-view-toggle-bar{display:flex}}@media (max-width: 480px){.mobile-view-toggle-bar{padding:6px}.toggle-segment{padding:8px 6px;gap:2px}.segment-icon{font-size:14px}.segment-icon.code-icon,.segment-label{font-size:10px}}@keyframes segmentPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.toggle-segment.active{animation:segmentPop .2s ease-out}.toggle-segment:focus{outline:none}.toggle-segment:focus-visible{box-shadow:0 0 0 2px var(--color-brand-alpha-50)}.mobile-view-toggle-bar.light-theme{background:var(--color-bg-page);border-bottom-color:var(--color-text-disabled)}.mobile-view-toggle-bar.light-theme .toggle-indicator{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-indigo-600) 100%)}.mobile-view-toggle-bar.light-theme .segment-label{color:var(--color-bg-overlay)}.mobile-view-toggle-bar.light-theme .toggle-segment:not(.active):hover{background:var(--color-shadow-xs)}.mobile-view-toggle-bar.light-theme .toggle-segment.active .segment-label,.mobile-view-toggle-bar.light-theme .toggle-segment.active .segment-icon{color:#fff}.code-terminal{display:flex;flex-direction:column;background:var(--color-dark-bg-primary);font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;overflow:hidden}.code-terminal-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--color-glass-white-06);flex-shrink:0}.code-terminal-icon{font-size:12px;font-weight:600;color:var(--color-green-400)}.code-terminal-title{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.04em}.code-terminal-count{font-size:10px;font-weight:600;color:var(--color-glass-white-50);background:var(--color-glass-white-08);padding:1px 6px;border-radius:8px}.code-terminal-history{flex:1;overflow-y:auto;padding:8px 0;min-height:0}.code-terminal-history::-webkit-scrollbar{width:6px}.code-terminal-history::-webkit-scrollbar-track{background:transparent}.code-terminal-history::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}.code-terminal-empty{padding:16px 14px;font-size:12px;color:var(--color-glass-white-30);font-style:italic}.code-terminal-entry{padding:6px 14px;border-bottom:1px solid rgba(255,255,255,.04)}.code-terminal-entry:last-of-type{border-bottom:none}.code-terminal-entry-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.code-terminal-prompt{color:var(--color-green-400);font-size:12px;font-weight:700}.code-terminal-lang{font-size:10px;color:var(--color-brand-alpha-80);font-weight:500}.code-terminal-time{font-size:10px;color:#ffffff40;margin-left:auto}.code-terminal-code{margin:0;padding:8px 10px;background:rgba(15,23,42,.6);border-radius:6px;font-size:12px;line-height:1.5;color:#abb2bf;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.code-terminal-code code{font-family:inherit}.code-terminal-input{flex-shrink:0;border-top:1px solid var(--color-glass-white-08);padding:10px 14px;background:var(--color-shadow-xl)}.code-terminal-input-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.code-terminal-input-hint{font-size:11px;color:#ffffff40}.code-terminal-textarea{width:100%;background:rgba(15,23,42,.8);border:1px solid rgba(59,130,246,.25);border-radius:6px;color:var(--color-bg-slate-200);font-family:inherit;font-size:12px;line-height:1.5;padding:8px 10px;resize:none;outline:none;transition:border-color .2s ease;box-sizing:border-box}.code-terminal-textarea:focus{border-color:#3b82f680}.code-terminal-textarea::placeholder{color:var(--color-glass-white-20)}.code-terminal-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.code-terminal-shortcut{font-size:10px;color:#94a3b880}.code-terminal-submit{padding:6px 14px;background:var(--color-info);color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s ease}.code-terminal-submit:hover:not(:disabled){background:var(--color-info-dark)}.code-terminal-submit:disabled{opacity:.4;cursor:not-allowed}.code-terminal.mobile-fullscreen{flex:1;border-radius:0}.code-terminal.mobile-fullscreen .code-terminal-textarea{rows:6}.chat-content-wrapper.has-artifact{display:flex;flex-direction:row;gap:0;overflow:hidden}.artifact-column{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-dark-bg-tertiary) 0%,var(--color-dark-bg-deep) 100%);border-left:1px solid var(--color-glass-white-08);border-right:none;overflow:hidden;order:2}.artifact-column:not(.resizable){width:320px;min-width:280px;max-width:380px}.chat-content-wrapper.has-artifact .chat-main-area{order:1}.artifact-column.compact:not(.resizable){width:260px;min-width:240px;max-width:300px}.artifact-column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--color-glass-white-06);flex-shrink:0}.artifact-column-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-glass-white-50)}.artifact-column-content{flex:1;overflow:auto;padding:0}.artifact-column-content .artifact-pane{border-radius:0;border:none;box-shadow:none;height:100%;min-height:100%}.chat-main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-content-wrapper.has-artifact .chat-messages-column{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-content-wrapper.has-artifact.two-column-layout{display:flex;flex-direction:row}.chat-content-wrapper.has-artifact.two-column-layout .chat-main-area{flex:1;display:flex;flex-direction:column}.mobile-view-toggle.has-artifact{display:flex;gap:4px;padding:8px;background:var(--color-bg-page);border-bottom:1px solid var(--color-border-default)}.mobile-view-toggle.has-artifact .toggle-btn{flex:1;padding:10px 8px;border:1px solid var(--color-border-default);background:white;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-view-toggle.has-artifact .toggle-btn .toggle-icon{font-size:16px}.mobile-view-toggle.has-artifact .toggle-btn .toggle-label{font-size:11px;font-weight:500}.mobile-view-toggle.has-artifact .toggle-btn.active{background:var(--color-brand-gradient);color:#fff;border-color:var(--color-brand-primary)}.mobile-view-toggle.has-artifact .toggle-btn.artifact-toggle{background:var(--color-dark-bg-primary);color:var(--color-bg-slate-200);border-color:#2d2d3a}.mobile-view-toggle.has-artifact .toggle-btn.artifact-toggle.active{background:linear-gradient(135deg,var(--color-dark-bg-primary) 0%,#2d2d3a 100%);border-color:var(--color-brand-primary);box-shadow:0 0 0 1px var(--color-brand-primary)}.artifact-mobile-header{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-dark-bg-primary);border-bottom:1px solid var(--color-glass-white-08)}.artifact-back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.1);border:none;border-radius:6px;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s}.artifact-back-btn:hover{background:var(--color-glass-white-15);color:#fff}.artifact-mobile-title{font-size:14px;font-weight:600;color:#ffffffe6}.chat-content-wrapper.has-artifact{position:relative}.chat-content-wrapper.has-artifact .artifact-resizer{order:2}.chat-content-wrapper.has-artifact .artifact-column{order:3}.artifact-column.resizable{width:var(--artifact-width, 320px);min-width:280px;max-width:600px;transition:none}.artifact-column.resizable:not(.resizing){transition:width .1s ease-out}.chat-content-wrapper.has-artifact .artifact-column.resizable{width:var(--artifact-width, 320px)!important;min-width:280px!important;max-width:600px!important}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.resizable{width:var(--artifact-width, 320px);min-width:280px;max-width:600px}@media (max-width: 1023px){.chat-content-wrapper.has-artifact .artifact-column.resizable,.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.resizable{width:100%!important;max-width:none!important;min-width:auto!important}}.chat-content-wrapper.resizing,.voice-content-wrapper.resizing{-webkit-user-select:none;user-select:none}.chat-content-wrapper.resizing *,.voice-content-wrapper.resizing *{pointer-events:none}.chat-content-wrapper.resizing .artifact-resizer,.chat-content-wrapper.resizing .vertical-resizer,.voice-content-wrapper.resizing .artifact-resizer,.voice-content-wrapper.resizing .vertical-resizer{pointer-events:auto}@media (min-width: 1400px){.chat-content-wrapper.has-artifact{display:flex;flex-direction:row}.artifact-column:not(.resizable){width:400px;min-width:350px;max-width:500px}.chat-content-wrapper.has-artifact.two-column-layout .chat-main-area{display:flex;flex-direction:row}.chat-content-wrapper.has-artifact.two-column-layout .chat-messages-column{flex:1;min-width:300px}.chat-content-wrapper.has-artifact.two-column-layout .assessment-column{width:400px;min-width:350px;max-width:450px;border-left:1px solid var(--color-border-default);padding:16px}.chat-content-wrapper.has-artifact .mobile-view-toggle{display:none}}@media (min-width: 1024px) and (max-width: 1399px){.chat-content-wrapper.has-artifact{display:flex;flex-direction:row}.artifact-column:not(.resizable){width:35%;min-width:280px;max-width:400px}.chat-main-area{flex:1}.chat-content-wrapper.has-artifact.two-column-layout .mobile-view-toggle{display:flex;justify-content:center}.chat-content-wrapper.has-artifact.two-column-layout .mobile-view-toggle.has-artifact,.chat-content-wrapper.has-artifact.two-column-layout .chat-messages-column.mobile-hidden,.chat-content-wrapper.has-artifact.two-column-layout .assessment-column.mobile-hidden{display:none}.chat-content-wrapper.has-artifact.two-column-layout .chat-messages-column.mobile-visible,.chat-content-wrapper.has-artifact.two-column-layout .assessment-column.mobile-visible{display:flex;flex:1}}@media (min-width: 768px) and (max-width: 1023px){.chat-content-wrapper.has-artifact{display:flex;flex-direction:column;height:100%;position:relative;isolation:isolate}.chat-content-wrapper.has-artifact .mobile-view-toggle-bar{flex-shrink:0;z-index:50}.chat-content-wrapper.has-artifact .artifact-column{flex:1;width:100%;max-width:none;min-width:auto;border-right:none;min-height:0}.artifact-column.mobile-hidden{display:none!important}.artifact-column.mobile-visible{display:flex!important}.chat-content-wrapper.has-artifact .artifact-column.mobile-visible .artifact-mobile-header{display:none}.chat-content-wrapper.has-artifact .chat-main-area{flex:1;min-height:0}.chat-main-area.mobile-hidden{display:none!important}.chat-main-area.mobile-visible{display:flex!important;flex-direction:column}}@media (max-width: 767px){.chat-content-wrapper.has-artifact{display:flex;flex-direction:column;height:100%;position:relative;isolation:isolate}.chat-content-wrapper.has-artifact .mobile-view-toggle-bar{flex-shrink:0;z-index:50}.chat-content-wrapper.has-artifact .artifact-column{flex:1;width:100%;max-width:none;min-width:auto;border-right:none;min-height:0}.chat-content-wrapper.has-artifact .artifact-column .artifact-column-content{width:100%;flex:1}.chat-content-wrapper.has-artifact .artifact-column .artifact-pane{width:100%;border-radius:0}.artifact-column.mobile-hidden{display:none!important}.artifact-column.mobile-visible{display:flex!important}.chat-content-wrapper.has-artifact .artifact-column.mobile-visible .artifact-mobile-header{display:none}.chat-content-wrapper.has-artifact .chat-main-area{flex:1;display:flex;flex-direction:column;min-height:0}.chat-main-area.mobile-hidden{display:none!important}.chat-main-area.mobile-visible{display:flex!important;flex-direction:column;flex:1;min-height:0}.chat-input-container.mobile-hidden{display:none!important}.chat-content-wrapper.has-artifact .artifact-column.mobile-visible{display:flex!important;flex:1;min-height:0}.chat-content-wrapper.has-artifact .assessment-column{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:white;overflow-y:auto}.chat-content-wrapper.has-artifact .assessment-column.mobile-hidden{display:none}.chat-content-wrapper.has-artifact .assessment-column.mobile-visible{display:block}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.artifact-column.mobile-visible{animation:slideInFromLeft .25s ease-out}@media print{.chat-content-wrapper.has-artifact{display:block}.artifact-column{width:100%;max-width:none;page-break-after:always}.chat-main-area{page-break-before:always}.mobile-view-toggle{display:none}}.chat-container:has(.voice-content-wrapper){max-width:none}.voice-content-wrapper{display:flex;flex-direction:row;gap:0;height:100%;min-height:500px;background:linear-gradient(180deg,var(--color-dark-bg-primary) 0%,var(--color-dark-bg-tertiary) 100%)}.voice-content-wrapper.has-artifact{overflow:hidden}.voice-content-wrapper .voice-chat-container{flex:1;display:flex;align-items:stretch;justify-content:stretch;padding:0;background:transparent}.voice-content-wrapper .voice-chat-container .voice-chat-panel{flex:1}.voice-content-wrapper.has-artifact .voice-chat-container .voice-chat-panel{flex:1;border-radius:0;min-height:100%}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact{border-left:1px solid var(--color-glass-white-08);border-right:none;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-dark-bg-tertiary) 0%,var(--color-dark-bg-deep) 100%)}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact:not(.resizable){width:320px;max-width:380px}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.compact:not(.resizable){width:280px;max-width:300px}.artifact-shared-indicator{padding:8px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#fff6;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.04);text-align:center}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 1023px){.desktop-only{display:none}.mobile-only{display:flex}}.artifact-collapse-toggle{display:none}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact{display:flex;flex-direction:column}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-column-content{flex:1;overflow:auto;min-height:0}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-collapse-toggle-bottom{flex-shrink:0;order:99}.voice-content-wrapper .artifact-column-content{flex:1;overflow:auto;min-height:0}@media (max-width: 1023px){.voice-content-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:100;background:linear-gradient(180deg,var(--color-dark-bg-primary) 0%,var(--color-dark-bg-tertiary) 100%)}.voice-content-wrapper.has-artifact{flex-direction:column}.voice-content-wrapper.has-artifact .mobile-view-toggle-bar{position:relative;flex-shrink:0;z-index:200}.voice-content-wrapper .voice-chat-container{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;position:relative;z-index:1}.voice-content-wrapper .voice-chat-container .voice-chat-panel{flex:1;border-radius:0;width:100%;max-height:100%}.voice-content-wrapper.has-artifact .voice-chat-container.mobile-hidden{display:none!important;flex:0}.voice-content-wrapper.has-artifact .voice-chat-container.mobile-visible{display:flex}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact{flex:1;width:100%!important;max-width:none!important;min-width:auto!important;border-left:none;border-radius:0;background:linear-gradient(180deg,var(--color-dark-bg-tertiary) 0%,var(--color-dark-bg-deep) 100%);position:relative}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.mobile-hidden{display:none!important;flex:0}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.mobile-visible{display:flex!important;flex-direction:column}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-mobile-header,.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-collapse-toggle-bottom{display:none}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-column-content{flex:1;overflow:auto;min-height:0;width:100%}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-pane{width:100%;border-radius:0}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.with-code-input .artifact-column-content{flex:1;max-height:50%}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-code-input-section{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--color-glass-white-08);background:var(--color-shadow-2xl);min-height:0;max-height:50%}.artifact-code-input-section .code-input-header{padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-glass-white-50);background:rgba(255,255,255,.02);border-bottom:1px solid var(--color-glass-white-06);flex-shrink:0}.artifact-code-input-section .code-input-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:12px}}.artifact-code-instruction{padding:10px 16px;font-size:12px;color:#ffffff59;text-align:center;border-top:1px solid var(--color-glass-white-06);flex-shrink:0}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .code-terminal{flex-shrink:0;max-height:50%;border-top:1px solid var(--color-glass-white-08)}@media (max-width: 1023px){.voice-content-wrapper.has-artifact .code-terminal.mobile-hidden{display:none!important}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .code-terminal.mobile-fullscreen{flex:1;max-height:none;border-top:none}.voice-content-wrapper.has-artifact .artifact-column-content.mobile-hidden{display:none!important}}.voice-content-wrapper.has-artifact .artifact-resizer{order:1}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact{order:2}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.with-code-input{display:flex;flex-direction:column}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact.with-code-input .artifact-column-content{flex:1;max-height:50%;overflow:auto}.voice-content-wrapper.has-artifact .artifact-column.voice-artifact .artifact-code-input-section{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--color-glass-white-08);background:var(--color-shadow-2xl);min-height:0;max-height:50%}.artifact-code-input-section .code-input-header{padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-glass-white-50);background:rgba(255,255,255,.02);border-bottom:1px solid var(--color-glass-white-06);flex-shrink:0}.artifact-code-input-section .code-input-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:12px;overflow:hidden}.artifact-code-input-section .code-input-wrapper .code-input-container{flex:1;min-height:0;overflow:hidden}.artifact-code-input-section .code-input-wrapper .code-input-container .code-input-textarea{flex:1;min-height:0}.artifact-code-input-section .code-input-wrapper .send-button{flex-shrink:0;align-self:flex-end;margin-top:8px}.chat-content-wrapper.session-completed .artifact-column,.voice-content-wrapper.session-completed .artifact-column{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;z-index:auto!important}@media (max-width: 1023px){.chat-content-wrapper.session-completed .artifact-column,.voice-content-wrapper.session-completed .artifact-column,.voice-content-wrapper.session-completed .artifact-column.mobile-visible{display:none!important;position:relative!important}.chat-content-wrapper.session-completed .mobile-view-toggle-bar,.voice-content-wrapper.session-completed .mobile-view-toggle-bar{display:none!important}.chat-content-wrapper.session-completed .mobile-view-toggle,.voice-content-wrapper.session-completed .mobile-view-toggle{display:flex!important}.chat-content-wrapper.has-artifact.session-completed .assessment-column{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important}.chat-content-wrapper.has-artifact.session-completed .assessment-column.mobile-visible{display:flex!important;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.voice-content-wrapper.session-completed{position:relative!important;flex-direction:column;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.voice-content-wrapper.session-completed .voice-chat-container{position:relative!important;flex:1;margin-top:0!important;top:auto!important}.voice-content-wrapper.session-completed .voice-chat-container .voice-chat-panel{position:relative!important}}.preview-code-column{display:flex;flex-direction:column;width:320px;min-width:260px;max-width:400px;background:linear-gradient(180deg,var(--color-dark-bg-tertiary) 0%,var(--color-dark-bg-deep) 100%);border-left:1px solid var(--color-glass-white-08);overflow:hidden;order:3}.preview-code-column .code-terminal{flex:1;border-top:none;max-height:none}.voice-content-wrapper.three-col .artifact-column.voice-artifact{order:2}@media (max-width: 1023px){.preview-code-column{width:100%!important;max-width:none!important;min-width:auto!important;flex:1;border-left:none}.preview-code-column.mobile-hidden{display:none!important}.preview-code-column.mobile-visible{display:flex!important;flex-direction:column}.voice-content-wrapper.has-artifact .preview-code-column .artifact-mobile-header{display:none}}.artifact-editor.collapsed{margin:1rem 0}.artifact-add-btn{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;background:var(--color-brand-alpha-05);border:2px dashed var(--color-brand-alpha-30);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.artifact-add-btn:hover:not(:disabled){background:var(--color-brand-alpha-10);border-color:var(--color-brand-alpha-50);transform:translateY(-1px)}.artifact-add-btn:disabled{opacity:.5;cursor:not-allowed}.artifact-add-btn .add-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-brand-gradient);border-radius:10px;color:#fff;flex-shrink:0}.artifact-add-btn .add-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.artifact-add-btn .add-title{font-size:15px;font-weight:600;color:var(--color-text-slate-primary)}.artifact-add-btn .add-description{font-size:13px;color:var(--color-text-slate-tertiary);line-height:1.4}.artifact-add-btn .add-arrow{color:var(--color-brand-primary);opacity:0;transform:translate(-8px);transition:all .2s ease}.artifact-add-btn:hover:not(:disabled) .add-arrow{opacity:1;transform:translate(0)}.artifact-editor.expanded{margin:1rem 0;background:white;border:1px solid var(--color-border-slate);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px var(--color-shadow-xs)}.artifact-editor.expanded.disabled{opacity:.7;pointer-events:none}.artifact-editor-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-bottom:1px solid var(--color-border-slate)}.editor-header-left{display:flex;align-items:center;gap:10px}.editor-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-brand-gradient);border-radius:8px;color:#fff}.editor-title{font-size:15px;font-weight:600;color:var(--color-text-slate-primary)}.editor-badge{font-size:11px;font-weight:500;color:var(--color-text-slate-tertiary);background:rgba(100,116,139,.1);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.editor-header-right{display:flex;align-items:center;gap:8px}.preview-toggle{padding:6px 14px;font-size:13px;font-weight:500;color:var(--color-brand-primary);background:white;border:1px solid var(--color-border-focus);border-radius:6px;cursor:pointer;transition:all .2s ease}.preview-toggle:hover:not(:disabled){background:var(--color-brand-primary);color:#fff}.preview-toggle.active{background:var(--color-brand-primary);color:#fff}.preview-toggle:disabled{opacity:.5;cursor:not-allowed}.editor-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--color-text-slate-quaternary);cursor:pointer;transition:all .2s ease}.editor-collapse-btn:hover:not(:disabled){background:var(--color-error-light);color:var(--color-error)}.editor-collapse-btn:disabled{opacity:.5;cursor:not-allowed}.artifact-editor-content{padding:20px}.editor-selectors{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.selector-group{display:flex;flex-direction:column;gap:8px}.selector-label{font-size:13px;font-weight:600;color:var(--color-text-slate-secondary)}.optional-hint{font-weight:400;color:var(--color-text-slate-quaternary)}.type-selector{display:flex;gap:8px}.type-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-page);border:2px solid var(--color-border-slate);border-radius:8px;cursor:pointer;transition:all .2s ease}.type-option:hover:not(:disabled){border-color:var(--color-border-slate-strong);background:var(--color-bg-slate-100)}.type-option.selected{border-color:var(--color-brand-primary);background:var(--color-brand-alpha-08)}.type-option:disabled{opacity:.5;cursor:not-allowed}.type-option-icon{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--color-brand-primary);width:20px;text-align:center}.type-option.selected .type-option-icon{color:var(--color-brand-primary)}.type-option-label{font-size:14px;font-weight:500;color:var(--color-text-slate-secondary)}.type-option.selected .type-option-label{color:var(--color-text-slate-primary)}.language-select{padding:10px 36px 10px 14px;font-size:14px;color:var(--color-text-slate-primary);background:var(--color-bg-page);border:2px solid var(--color-border-slate);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:160px}.language-select:hover:not(:disabled){border-color:var(--color-border-slate-strong)}.language-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.language-select:disabled{opacity:.5;cursor:not-allowed}.editor-title-field{margin-bottom:20px}.title-input{width:100%;padding:12px 14px;font-size:14px;color:var(--color-text-slate-primary);background:var(--color-bg-page);border:2px solid var(--color-border-slate);border-radius:8px;transition:all .2s ease;box-sizing:border-box}.title-input:hover:not(:disabled){border-color:var(--color-border-slate-strong)}.title-input:focus{outline:none;border-color:var(--color-brand-primary);background:white;box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.title-input::placeholder{color:var(--color-text-slate-quaternary)}.title-input:disabled{opacity:.5;cursor:not-allowed}.editor-content-field{margin-bottom:16px}.textarea-wrapper{position:relative;border:2px solid var(--color-border-slate);border-radius:10px;overflow:hidden;transition:all .2s ease}.textarea-wrapper:focus-within{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.content-textarea{width:100%;min-height:280px;padding:16px;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--color-text-slate-primary);background:var(--color-dark-bg-primary);border:none;resize:vertical;box-sizing:border-box;background:linear-gradient(180deg,var(--color-dark-bg-primary) 0%,var(--color-dark-bg-primary) 100%);color:var(--color-bg-slate-200)}.content-textarea:focus{outline:none}.content-textarea::placeholder{color:#e2e8f059}.content-textarea:disabled{opacity:.5;cursor:not-allowed}.textarea-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--color-dark-bg-primary);border-top:1px solid var(--color-glass-white-06)}.char-count{font-size:11px;font-family:JetBrains Mono,monospace;color:#fff6}.tab-hint{font-size:11px;color:var(--color-glass-white-30)}.artifact-preview-container{border:1px solid var(--color-border-slate);border-radius:10px;overflow:hidden;min-height:300px}.artifact-preview-container .artifact-pane{border-radius:0;border:none}.editor-help{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--color-brand-alpha-05);border-radius:8px}.help-icon{color:var(--color-brand-primary);flex-shrink:0;margin-top:1px}.help-text{font-size:13px;color:var(--color-text-slate-tertiary);line-height:1.5}@media (max-width: 768px){.artifact-add-btn{padding:14px 16px;gap:12px}.artifact-add-btn .add-icon{width:36px;height:36px}.artifact-add-btn .add-title{font-size:14px}.artifact-add-btn .add-description{font-size:12px}.artifact-editor-content{padding:16px}.editor-selectors{flex-direction:column;gap:16px}.type-selector{flex-wrap:wrap}.type-option{flex:1;min-width:calc(50% - 4px);justify-content:center;padding:10px 12px}.language-select{width:100%}.content-textarea{min-height:200px;font-size:12px}.editor-help{padding:10px 12px}.help-text{font-size:12px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.artifact-editor.expanded{animation:slideDown .25s ease-out}.artifact-enabled-toggle-section{padding:12px 20px;background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,rgba(16,185,129,.05) 100%);border-bottom:1px solid rgba(34,197,94,.1)}.artifact-enabled-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.artifact-enabled-toggle-info{display:flex;align-items:flex-start;gap:12px;flex:1}.artifact-enabled-toggle-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,rgba(16,185,129,.15) 100%);border-radius:8px;color:var(--color-success);flex-shrink:0}.artifact-enabled-toggle-text{display:flex;flex-direction:column;gap:2px}.artifact-enabled-toggle-label{font-size:14px;font-weight:600;color:var(--color-text-slate-primary)}.artifact-enabled-toggle-description{font-size:12px;color:var(--color-text-slate-tertiary);line-height:1.4}.artifact-enabled-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.artifact-enabled-switch input{opacity:0;width:0;height:0}.artifact-enabled-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-quaternary);border-radius:26px;transition:all .2s ease}.artifact-enabled-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px var(--color-shadow-xl)}.artifact-enabled-switch input:checked+.artifact-enabled-slider{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%)}.artifact-enabled-switch input:checked+.artifact-enabled-slider:before{transform:translate(22px)}.artifact-enabled-switch input:focus+.artifact-enabled-slider{box-shadow:0 0 0 3px #22c55e33}.artifact-enabled-switch input:disabled+.artifact-enabled-slider{opacity:.5;cursor:not-allowed}.code-input-toggle-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-brand-alpha-15)}.code-input-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.code-input-toggle-info{display:flex;align-items:flex-start;gap:12px;flex:1}.code-input-toggle-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,var(--color-brand-alpha-15) 100%);border-radius:8px;color:var(--color-info);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:600;flex-shrink:0}.code-input-toggle-text{display:flex;flex-direction:column;gap:4px}.code-input-toggle-label{font-size:14px;font-weight:600;color:var(--color-text-slate-primary)}.code-input-toggle-description{font-size:13px;color:var(--color-text-slate-tertiary);line-height:1.4}.code-input-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.code-input-switch input{opacity:0;width:0;height:0}.code-input-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-quaternary);border-radius:26px;transition:all .2s ease}.code-input-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px var(--color-shadow-xl)}.code-input-switch input:checked+.code-input-slider{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-indigo-500) 100%)}.code-input-switch input:checked+.code-input-slider:before{transform:translate(22px)}.code-input-switch input:focus+.code-input-slider{box-shadow:0 0 0 3px #3b82f633}.code-input-switch input:disabled+.code-input-slider{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.code-input-toggle-row{flex-direction:row}.code-input-toggle-icon{width:32px;height:32px;font-size:11px}.code-input-toggle-label{font-size:13px}.code-input-toggle-description{font-size:12px}}.artifact-mode-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(34,197,94,.08)}.artifact-mode-info{display:flex;align-items:flex-start;gap:12px;flex:1}.artifact-mode-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-brand-alpha-15);border-radius:8px;color:var(--color-brand-primary);flex-shrink:0}.artifact-mode-text{display:flex;flex-direction:column;gap:2px}.artifact-mode-label{font-size:14px;font-weight:600;color:var(--color-text-slate-primary)}.artifact-mode-description{font-size:12px;color:var(--color-text-slate-tertiary);line-height:1.4}.artifact-mode-segmented{display:flex;background:var(--color-bg-slate-200);border-radius:8px;padding:3px;flex-shrink:0}.artifact-mode-option{padding:6px 16px;font-size:13px;font-weight:500;color:var(--color-text-slate-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.artifact-mode-option:hover:not(:disabled):not(.active){color:var(--color-text-slate-secondary)}.artifact-mode-option.active{background:white;color:var(--color-text-slate-primary);box-shadow:0 1px 3px var(--color-shadow-md)}.artifact-mode-option:disabled{opacity:.5;cursor:not-allowed}.artifact-split-editors{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:4px}.artifact-split-column{display:flex;flex-direction:column;gap:12px}.artifact-split-column-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}.artifact-split-column-header.learner{background:linear-gradient(135deg,rgba(34,197,94,.08) 0%,rgba(16,185,129,.08) 100%);color:var(--color-success-dark);border:1px solid rgba(34,197,94,.15)}.artifact-split-column-header.ai{background:var(--color-brand-alpha-08);color:var(--color-brand-primary);border:1px solid var(--color-brand-alpha-15)}.artifact-split-column .content-textarea{min-height:200px}.artifact-split-column .editor-title-field{margin-bottom:0}@media (max-width: 900px){.artifact-split-editors{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.artifact-mode-row{flex-direction:column;align-items:flex-start;gap:10px}.artifact-mode-segmented{width:100%}.artifact-mode-option{flex:1;text-align:center}}.authoring-feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.authoring-feedback-modal{background:white;border-radius:16px;padding:32px;max-width:420px;width:90%;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px var(--color-shadow-2xl)}.modal-close-btn{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;color:var(--color-text-quaternary);cursor:pointer;padding:4px 8px;line-height:1;transition:color .15s ease}.modal-close-btn:hover{color:var(--color-text-secondary)}.authoring-feedback-content{text-align:center}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.authoring-feedback-content h3{margin:0 0 4px;font-size:22px;font-weight:600;color:var(--color-text-primary)}.modal-subtitle{margin:0 0 20px;font-size:14px;color:var(--color-text-tertiary)}.authoring-feedback-modal .star-rating{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.authoring-feedback-modal .star-btn{background:none;border:none;padding:4px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.authoring-feedback-modal .star-btn:focus{outline:none}.authoring-feedback-modal .star-btn:focus-visible{outline:2px solid var(--color-indigo-500);outline-offset:2px;border-radius:4px}.authoring-feedback-modal .star-icon{width:32px;height:32px;fill:var(--color-border-default);stroke:var(--color-border-strong);stroke-width:1;transition:fill .15s ease,stroke .15s ease;display:block;pointer-events:none}.authoring-feedback-modal .star-btn:hover .star-icon{fill:var(--color-warning-light);stroke:var(--color-warning)}.authoring-feedback-modal .star-btn.filled .star-icon{fill:var(--color-warning);stroke:var(--color-warning)}.authoring-feedback-modal .rating-label{margin:0 0 16px;font-size:14px;font-weight:500;color:var(--color-indigo-500);min-height:20px}.authoring-feedback-modal .feedback-comment{margin-bottom:20px;text-align:left}.authoring-feedback-modal .feedback-comment label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.authoring-feedback-modal .feedback-comment .optional{font-weight:400;color:var(--color-text-quaternary)}.authoring-feedback-modal .feedback-comment textarea{width:100%;padding:12px;border:1px solid var(--color-border-default);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:70px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.authoring-feedback-modal .feedback-comment textarea:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.authoring-feedback-modal .feedback-comment textarea::placeholder{color:var(--color-text-quaternary)}.modal-actions{display:flex;gap:12px}.skip-btn{flex:1;padding:12px 20px;background:white;color:var(--color-text-tertiary);border:1px solid var(--color-border-default);border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.skip-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-text-disabled)}.skip-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{flex:1;padding:12px 20px;background:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-violet-600) 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.submit-btn:disabled{background:var(--color-bg-quaternary);color:var(--color-text-quaternary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.authoring-feedback-modal{padding:24px 20px;margin:16px}.authoring-feedback-content h3{font-size:20px}}.coaching-insights-panel{padding:1rem 1.25rem}.coaching-insights-panel__loading{display:flex;flex-direction:column;gap:.75rem}.coaching-insights-panel__skeleton{height:1rem;background:var(--color-bg-slate-200, #e2e8f0);border-radius:4px;animation:coaching-skeleton-pulse 1.5s ease-in-out infinite}.coaching-insights-panel__skeleton--short{width:60%}@keyframes coaching-skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}.coaching-insights-panel__error{text-align:center;padding:1.5rem 0;color:var(--color-error, #dc2626);font-size:.85rem}.coaching-insights-panel__error p{margin:0 0 .75rem}.coaching-insights-panel__retry-btn{display:inline-flex;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:500;color:var(--color-brand-primary, #2563eb);background:transparent;border:1px solid var(--color-brand-primary, #2563eb);border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s}.coaching-insights-panel__retry-btn:hover{background:var(--color-bg-slate-100, #f1f5f9)}.coaching-insights-panel__empty{text-align:center;padding:1.5rem 0}.coaching-insights-panel__empty-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.coaching-insights-panel__empty-text{color:var(--color-text-slate-quaternary, #94a3b8);font-size:.85rem;line-height:1.5;margin:0 0 1rem}.coaching-insights-panel__add-btn{display:inline-flex;align-items:center;padding:.4rem .85rem;font-size:.8rem;font-weight:500;color:var(--color-text-slate-quaternary, #94a3b8);background:var(--color-bg-slate-100, #f1f5f9);border:1px dashed var(--color-border-slate, #cbd5e1);border-radius:6px;cursor:not-allowed;font-family:inherit;opacity:.7}.coaching-insights-panel__section{margin-bottom:1.25rem}.coaching-insights-panel__section:last-of-type{margin-bottom:.75rem}.coaching-insights-panel__section-title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--color-text-slate-secondary, #64748b);text-transform:uppercase;letter-spacing:.03em}.coaching-insights-panel__cards{display:flex;flex-direction:column;gap:.5rem}.coaching-insights-panel__card{background:var(--color-bg-slate-50, #f8fafc);border:1px solid var(--color-border-slate, #e2e8f0);border-radius:8px;padding:.75rem}.coaching-insights-panel__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.coaching-insights-panel__card-pattern{font-size:.85rem;font-weight:500;color:var(--color-text-slate-primary, #1e293b);word-break:break-word;flex:1}.coaching-insights-panel__card-frequency{flex-shrink:0;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e);white-space:nowrap}.coaching-insights-panel__card-response{font-size:.8rem;color:var(--color-text-slate-secondary, #64748b);line-height:1.45;word-break:break-word}.coaching-insights-panel__card-response--clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.coaching-insights-panel__expand-btn{background:none;border:none;font-size:.75rem;color:var(--color-brand-primary, #2563eb);cursor:pointer;padding:.2rem 0;font-family:inherit}.coaching-insights-panel__expand-btn:hover{text-decoration:underline}.coaching-insights-panel__techniques{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.coaching-insights-panel__technique{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--color-text-slate-primary, #1e293b);line-height:1.4}.coaching-insights-panel__technique-icon{color:var(--color-success, #16a34a);flex-shrink:0;font-size:.8rem;margin-top:.1rem}.coaching-insights-panel__technique-text{word-break:break-word}.coaching-insights-panel__footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-border-slate, #e2e8f0)}.coaching-insights-panel__footer-text{font-size:.72rem;color:var(--color-text-slate-quaternary, #94a3b8)}@media (max-width: 768px){.coaching-insights-panel{padding:.75rem 1rem}.coaching-insights-panel__card-header{flex-direction:column;gap:.25rem}}.unified-review-panel{display:flex;flex-direction:column;height:100%;background:var(--color-bg-page, #fff);overflow:hidden}.unified-review-panel__tabs{display:flex;border-bottom:1px solid var(--color-border-slate, #e2e8f0);flex-shrink:0;background:white;padding:0 .5rem}.unified-review-panel__tab{flex:1;padding:.6rem .75rem;border:none;background:none;font-size:.82rem;font-weight:500;color:var(--color-text-slate-secondary, #64748b);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.unified-review-panel__tab:hover{color:var(--color-text-slate-primary, #1e293b)}.unified-review-panel__tab--active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary);font-weight:600}.unified-review-panel__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:.7rem;font-weight:600;background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e)}.unified-review-panel__tab-badge--info{background:var(--color-bg-slate-200, #e2e8f0);color:var(--color-text-slate-secondary, #64748b)}.unified-review-panel__content{flex:1;min-height:0;overflow-y:auto;padding:.75rem}.unified-review-panel__content .review-panel{background:transparent;border-top:none;padding:0}.unified-review-panel__empty{text-align:center;padding:2rem 1rem;color:var(--color-text-slate-quaternary, #94a3b8);font-size:.85rem;line-height:1.5}.unified-review-panel__empty-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.unified-review-panel__loading{text-align:center;padding:2rem 1rem;color:var(--color-text-slate-quaternary, #94a3b8);font-size:.85rem}.unified-review-panel__server-loading{text-align:center;padding:.75rem;color:var(--color-text-slate-quaternary, #94a3b8);font-size:.8rem;border-top:1px dashed var(--color-border-slate, #e2e8f0);margin-top:.5rem}.unified-review-panel__ai-loading{text-align:center;padding:.75rem;color:var(--color-brand-primary);font-size:.8rem;background:var(--color-bg-slate-100, #f8fafc);border-radius:6px;margin:.5rem 0}.unified-review-panel__ai-btn{margin-top:.75rem;padding:.5rem 1rem;border:1px solid var(--color-brand-primary);border-radius:6px;background:var(--color-brand-primary);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.unified-review-panel__ai-btn:hover{opacity:.9}.unified-review-panel__ai-btn:disabled{opacity:.5;cursor:not-allowed}.unified-review-panel__server-error{padding:.75rem;background:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error-border, #fecaca);border-radius:6px;margin:.5rem 0;text-align:center;font-size:.8rem;color:var(--color-error, #dc2626)}.unified-review-panel__retry-btn{margin-top:.5rem;padding:.35rem .75rem;border:1px solid var(--color-error, #dc2626);border-radius:4px;background:transparent;color:var(--color-error, #dc2626);font-size:.78rem;cursor:pointer}.unified-review-panel__retry-btn:hover{background:var(--color-error, #dc2626);color:#fff}.unified-review-panel__cards{display:flex;flex-direction:column;gap:.5rem}.unified-card{background:white;border:1px solid var(--color-border-slate, #e2e8f0);border-radius:8px;padding:.75rem;transition:border-color .15s}.unified-card:hover{border-color:var(--color-brand-primary)}.unified-card__header{display:flex;align-items:center;gap:6px;margin-bottom:.4rem;flex-wrap:wrap}.unified-card__severity{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em}.unified-card__severity--error{background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626)}.unified-card__severity--warning{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e)}.unified-card__severity--info{background:var(--color-bg-slate-100, #f8fafc);color:var(--color-text-slate-secondary, #64748b)}.unified-card__field{font-size:.78rem;color:var(--color-text-slate-secondary, #64748b);font-weight:500}.unified-card__source{margin-left:auto;font-size:.65rem;font-weight:500;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.unified-card__source--draft_local{background:var(--color-bg-slate-100, #f8fafc);color:var(--color-text-slate-quaternary, #94a3b8)}.unified-card__source--saved_server{background:#ede9fe;color:#6d28d9}.unified-card__source--ai{background:#dbeafe;color:#1d4ed8}.unified-card__issue{margin:.25rem 0 .4rem;font-size:.82rem;line-height:1.45;color:var(--color-text-slate-primary, #1e293b)}.unified-card__diff{margin:.4rem 0;padding:.5rem;background:var(--color-bg-slate-100, #f8fafc);border-radius:4px;font-size:.78rem;line-height:1.5;overflow-x:auto}.unified-card__current{margin:.3rem 0;font-size:.78rem;color:var(--color-text-slate-secondary, #64748b)}.unified-card__label{font-weight:500;margin-right:.3rem}.unified-card__reason{margin:.25rem 0;font-size:.78rem;color:var(--color-text-slate-tertiary, #94a3b8);font-style:italic}.unified-card__actions{display:flex;gap:.4rem;margin-top:.5rem}.unified-card__btn{padding:.3rem .65rem;border-radius:4px;font-size:.76rem;font-weight:500;cursor:pointer;transition:opacity .15s;border:1px solid transparent}.unified-card__btn:hover{opacity:.85}.unified-card__btn--apply{background:var(--color-success, #16a34a);color:#fff;border-color:var(--color-success, #16a34a)}.unified-card__btn--goto{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.unified-card__btn--dismiss{background:transparent;color:var(--color-text-slate-quaternary, #94a3b8);border-color:var(--color-border-slate, #e2e8f0)}.unified-card__btn--dismiss:hover{color:var(--color-text-slate-secondary, #64748b);background:var(--color-bg-slate-100, #f8fafc)}.unified-card__btn--ai{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.unified-card__btn--ai:disabled{opacity:.5;cursor:not-allowed}.unified-card__btn--dismiss-all{background:transparent;color:var(--color-text-slate-quaternary, #94a3b8);border-color:var(--color-border-slate, #e2e8f0)}.unified-review-panel__footer{display:flex;gap:.5rem;justify-content:space-between;padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--color-border-slate, #e2e8f0)}.unified-review-panel .suggestion-diff__added{background:#d1fae5;color:#065f46;padding:0 2px;border-radius:2px}.unified-review-panel .suggestion-diff__removed{background:#fee2e2;color:#991b1b;text-decoration:line-through;padding:0 2px;border-radius:2px}.unified-review-panel .suggestion-array-diff{list-style:none;margin:0;padding:0}.unified-review-panel .suggestion-array-diff__removed{color:#991b1b;text-decoration:line-through}.unified-review-panel .suggestion-array-diff__added{color:#065f46;font-weight:500}.unified-review-panel .suggestion-array-diff__unchanged{color:var(--color-text-slate-secondary, #64748b)}@media (max-width: 1024px){.unified-review-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}}.review-sidebar-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--color-bg-page);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--color-text-slate-secondary);transition:background .2s;border:none;border-left:1px solid var(--color-border-slate);flex-shrink:0;align-self:flex-start;min-width:40px;margin-top:12px;border-radius:8px 0 0 8px}.review-sidebar-toggle:hover{background:var(--color-bg-slate-200);color:var(--color-text-slate-primary)}.review-sidebar-toggle__label{white-space:nowrap}.review-sidebar-toggle__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:.68rem;font-weight:600;background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e)}.review-sidebar-toggle__arrow{font-size:1rem;color:var(--color-text-slate-quaternary)}.review-sidebar__resize-handle{width:5px;cursor:col-resize;background:var(--color-bg-slate-200);flex-shrink:0;transition:background .15s}.review-sidebar__resize-handle:hover{background:var(--color-brand-primary)}.review-sidebar{flex-shrink:0;background:var(--color-bg-page);border-left:1px solid var(--color-border-slate);display:flex;flex-direction:column;align-self:stretch;overflow:hidden}.review-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-slate);background:white;flex-shrink:0}.review-sidebar__title{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text-slate-primary)}.review-sidebar__close{background:none;border:none;font-size:1.1rem;color:var(--color-text-slate-quaternary);cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.review-sidebar__close:hover{background:var(--color-bg-slate-100);color:var(--color-text-slate-secondary)}.review-sidebar__content{flex:1;min-height:0;overflow-y:auto;padding:0}.review-sidebar__content .review-panel{background:transparent;border-top:none}.review-sidebar__loading,.review-sidebar__empty{color:var(--color-text-slate-quaternary);font-size:.85rem;padding:2rem 1.25rem;text-align:center;line-height:1.5}.review-sidebar__error{color:var(--color-error);font-size:.85rem;padding:2rem 1.25rem;text-align:center}@media (max-width: 1024px){.review-sidebar-toggle,.review-sidebar{display:none}}.quality-panel{background:var(--color-bg-primary);border:1px solid var(--color-warning);border-radius:8px;margin-bottom:16px;overflow:hidden}.quality-panel__header{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-warning-dark);text-align:left}.quality-panel__header:hover{background:var(--color-warning-light)}.quality-panel__icon{font-size:16px;flex-shrink:0}.quality-panel__title{flex:1}.quality-panel__chevron{font-size:10px;transition:transform .2s ease;flex-shrink:0}.quality-panel__chevron--open{transform:rotate(90deg)}.quality-panel__body{padding:0 16px 12px}.quality-panel__list{list-style:none;margin:0;padding:0}.quality-panel__item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-amber-200);font-size:13px;color:var(--color-warning-dark);line-height:1.4}.quality-panel__item:last-child{border-bottom:none}.quality-panel__message{flex:1;min-width:0}.quality-panel__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.quality-panel__fix{background:none;border:none;color:var(--color-warning-dark);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;padding:4px 6px;border-radius:4px;white-space:nowrap;min-height:28px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.quality-panel__fix:hover{background:var(--color-warning-light);color:var(--color-warning-dark)}.quality-panel__dismiss-one{background:none;border:none;color:var(--color-warning-dark);font-size:16px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:4px;min-height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center}.quality-panel__dismiss-one:hover{background:var(--color-amber-200)}.quality-panel__dismiss-all{display:block;margin:8px auto 0;background:none;border:none;color:var(--color-warning-dark);font-size:12px;cursor:pointer;text-decoration:underline;padding:6px 12px;min-height:32px}.quality-panel__dismiss-all:hover{color:var(--color-warning-dark)}@media (max-width: 600px){.quality-panel__item{flex-direction:column;gap:6px}.quality-panel__actions{align-self:flex-end}}.suggestion-review-panel{display:flex;flex-direction:column;height:100%;background:#fff;border-left:1px solid var(--color-border-default);overflow:hidden}.suggestion-review-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-default);flex-shrink:0;flex-wrap:wrap;gap:.5rem}.suggestion-review-header h3{margin:0;font-size:1rem;font-weight:600}.suggestion-review-subtitle{display:block;font-size:.8rem;color:var(--color-text-tertiary);margin-top:.25rem}.suggestion-review-header-actions{display:flex;align-items:center;gap:.5rem}.suggestion-review-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-tertiary);padding:0 .25rem;line-height:1}.suggestion-review-close:hover{color:#111}.suggestion-review-ai-loading{padding:.5rem 1rem;background:var(--color-violet-50);border-bottom:1px solid var(--color-border-default);font-size:.8rem;color:var(--color-violet-700);text-align:center;animation:pulse-ai 2s ease-in-out infinite}@keyframes pulse-ai{0%,to{opacity:1}50%{opacity:.6}}.suggestion-review-loading,.suggestion-review-empty{padding:2rem 1.25rem;text-align:center;color:var(--color-text-tertiary);font-size:.9rem}.suggestion-review-cards{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.suggestion-card{border:1px solid var(--color-border-default);border-radius:8px;padding:.875rem;background:var(--color-bg-secondary);transition:border-color .15s}.suggestion-card--accepted{border-color:var(--color-success);background:var(--color-success-bg)}.suggestion-card--rejected{border-color:var(--color-error);background:var(--color-error-bg);opacity:.7}.suggestion-card--modified{border-color:var(--color-info);background:var(--color-info-bg)}.suggestion-card--stale{opacity:.6;border-color:var(--color-border-default);border-style:dashed}.suggestion-card__stale-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;padding:.1rem .4rem;border-radius:3px;background:var(--color-warning-light);color:var(--color-amber-800);letter-spacing:.02em;margin-left:auto}.suggestion-card__stale-warning{font-size:.75rem;color:var(--color-warning-dark, var(--color-amber-800));background:var(--color-bg-primary);padding:4px 8px;border-radius:4px;margin:0 0 .5rem}.suggestion-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.suggestion-card__severity{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.15rem .5rem;border-radius:4px;letter-spacing:.03em}.suggestion-card__severity--error{background:var(--color-error-light);color:var(--color-error-dark)}.suggestion-card__severity--warning{background:var(--color-warning-light);color:var(--color-amber-800)}.suggestion-card__severity--info{background:var(--color-info-light);color:var(--color-blue-800)}.suggestion-card__field{font-size:.8rem;color:var(--color-text-tertiary);font-family:monospace}.suggestion-card__issue{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.4}.suggestion-card__reason{font-size:.78rem;color:var(--color-text-tertiary);margin:.5rem 0 0;font-style:italic;line-height:1.3}.suggestion-card__diff{background:#fff;border:1px solid var(--color-border-default);border-radius:4px;padding:.5rem .75rem;font-size:.82rem;line-height:1.5;max-height:200px;overflow-y:auto}.suggestion-diff__added{background:var(--color-success-light);color:var(--color-green-800)}.suggestion-diff__removed{background:var(--color-error-light);color:var(--color-error-dark);text-decoration:line-through}.suggestion-card__current{font-size:.82rem;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:.4rem .6rem;border-radius:4px;margin-bottom:.25rem}.suggestion-card__label{font-weight:600;margin-right:.4rem}.suggestion-array-diff{list-style:none;padding:0;margin:0;font-size:.82rem}.suggestion-array-diff__removed{color:var(--color-error-dark);text-decoration:line-through;background:var(--color-error-light);padding:.15rem .4rem;border-radius:3px;margin-bottom:.2rem}.suggestion-array-diff__added{color:var(--color-green-800);background:var(--color-success-light);padding:.15rem .4rem;border-radius:3px;margin-bottom:.2rem}.suggestion-array-diff__unchanged{color:var(--color-text-tertiary);padding:.15rem .4rem;margin-bottom:.2rem}.suggestion-card__actions{display:flex;gap:.4rem;margin-top:.625rem;flex-wrap:wrap}.suggestion-btn{font-size:.78rem;padding:.3rem .65rem;border-radius:5px;border:1px solid var(--color-border-strong);background:#fff;cursor:pointer;font-weight:500;transition:background .1s,border-color .1s}.suggestion-btn:hover{background:var(--color-bg-tertiary)}.suggestion-btn:disabled{opacity:.4;cursor:not-allowed}.suggestion-btn--accept{border-color:var(--color-success);color:var(--color-green-800)}.suggestion-btn--accept:hover{background:var(--color-success-light)}.suggestion-btn--reject{border-color:var(--color-error);color:var(--color-error-dark)}.suggestion-btn--reject:hover{background:var(--color-error-light)}.suggestion-btn--edit{border-color:var(--color-info);color:var(--color-blue-800)}.suggestion-btn--edit:hover{background:var(--color-info-light)}.suggestion-btn.suggestion-btn--ai{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-accent) 100%);color:#fff;border:none;font-size:.78rem;padding:.35rem .75rem;border-radius:5px;font-weight:600;white-space:nowrap}.suggestion-btn.suggestion-btn--ai:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-accent) 100%);opacity:.9}.suggestion-btn--ai:disabled{opacity:.6;cursor:wait}.suggestion-btn--undo{border-color:var(--color-text-quaternary);color:var(--color-text-tertiary)}.suggestion-btn--save{border-color:var(--color-success);color:var(--color-green-800);background:var(--color-success-light)}.suggestion-btn--cancel{border-color:var(--color-border-strong);color:var(--color-text-tertiary)}.suggestion-btn--apply{background:var(--color-success);color:#fff;border-color:var(--color-success);font-size:.85rem;padding:.5rem 1rem;font-weight:600}.suggestion-btn--apply:hover:not(:disabled){background:var(--color-success-dark)}.suggestion-btn--dismiss-all{color:var(--color-text-tertiary);border-color:var(--color-border-strong);font-size:.8rem}.suggestion-btn--fixnow{border-color:var(--color-warning);color:var(--color-amber-800);font-weight:600}.suggestion-btn--fixnow:hover{background:var(--color-warning-light)}.suggestion-btn--dismiss{border-color:var(--color-border-strong);color:var(--color-text-tertiary)}.suggestion-review-hint{font-size:.8rem;color:var(--color-text-quaternary);font-style:italic}.suggestion-reject-wrapper{position:relative}.suggestion-reject-dropdown{position:absolute;top:100%;left:0;z-index:10;background:#fff;border:1px solid var(--color-border-strong);border-radius:6px;box-shadow:0 4px 12px #0000001a;margin-top:.25rem;min-width:260px;overflow:hidden}.suggestion-reject-option{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:.78rem;border:none;background:none;cursor:pointer;color:var(--color-text-secondary)}.suggestion-reject-option:hover{background:var(--color-error-light)}.suggestion-card__editor{margin-top:.5rem}.suggestion-card__textarea{width:100%;font-size:.82rem;padding:.5rem;border:1px solid var(--color-info);border-radius:4px;resize:vertical;font-family:inherit;line-height:1.4}.suggestion-card__editor-actions{display:flex;gap:.4rem;margin-top:.4rem}.suggestion-card__indicator{font-size:.72rem;font-weight:600;text-transform:uppercase;margin-top:.5rem;padding:.15rem .5rem;border-radius:3px;display:inline-block}.suggestion-card__indicator--accepted{background:var(--color-success-light);color:var(--color-green-800)}.suggestion-card__indicator--rejected{background:var(--color-error-light);color:var(--color-error-dark)}.suggestion-card__indicator--modified{background:var(--color-info-light);color:var(--color-blue-800)}.suggestion-review-footer{border-top:1px solid var(--color-border-default);padding:.75rem 1rem;flex-shrink:0}.suggestion-review-error{background:var(--color-error-light);color:var(--color-error-dark);padding:.5rem .75rem;border-radius:4px;font-size:.8rem;margin-bottom:.5rem}.suggestion-review-footer-actions{display:flex;gap:.5rem;align-items:center}.suggestion-review-banner{display:flex;align-items:center;gap:.5rem;background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:8px;padding:.625rem 1rem;margin-bottom:1rem;cursor:default}.suggestion-review-banner__icon{font-size:1.1rem}.suggestion-review-banner__text{flex:1;font-size:.85rem;color:var(--color-blue-800)}.suggestion-review-banner__btn{font-size:.8rem;padding:.35rem .75rem;border:1px solid var(--color-info);border-radius:5px;background:#fff;color:var(--color-blue-800);cursor:pointer;font-weight:500}.suggestion-review-banner__btn:hover{background:var(--color-info-light)}@media (max-width: 1024px){.suggestion-review-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;border-left:none}}.scenario-detail-page{--color-accent: var(--color-brand-primary);--color-accent-hover: var(--color-brand-primary-hover);--color-text-primary: #213547;--color-text-secondary: var(--color-text-secondary);--color-text-muted: var(--color-text-tertiary);--color-border: var(--color-border-default);--color-surface: var(--color-bg-secondary);--color-surface-elevated: var(--color-bg-primary);min-height:100vh;background:var(--color-bg-tertiary);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--color-text-primary)}.scenario-detail-page--loading,.scenario-detail-page--error,.scenario-detail-page--auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:.9375rem;color:var(--color-text-secondary);letter-spacing:.02em}.error-container h2,.auth-container h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.error-message{color:#b54a32;margin-bottom:1.5rem}.auth-message{color:var(--color-text-secondary);margin-bottom:1.5rem}.nav-bar{padding:1rem 1.5rem;max-width:700px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:color .2s}.back-button:hover{color:var(--color-text-primary)}.back-arrow{font-size:1.125rem;line-height:1}.scenario-content{max-width:700px;margin:0 auto;padding:0 1.5rem 3rem}.scenario-content-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:16px;padding:3rem 2rem;box-shadow:0 1px 3px #0000000a}.error-alert{background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;color:var(--color-error-dark);font-size:.9375rem}.scenario-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0 2.5rem}.avatar-container{position:relative;margin-bottom:1.5rem}.scenario-detail-page .scenario-avatar{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--color-surface-elevated);box-shadow:0 0 0 1px #0000000a,0 8px 24px -4px var(--color-shadow-lg)}.scenario-detail-page .avatar-placeholder{width:200px;height:200px;border-radius:50%;background:linear-gradient(145deg,var(--color-border-default) 0%,var(--color-border-strong) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:600;color:var(--color-text-muted);border:4px solid var(--color-surface-elevated);box-shadow:0 0 0 1px #0000000a,0 8px 24px -4px var(--color-shadow-lg)}.avatar-info{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);background:var(--color-surface-elevated);padding:.5rem 1rem;border-radius:100px;box-shadow:0 2px 8px var(--color-shadow-sm);text-align:center;white-space:nowrap}.avatar-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);display:block;line-height:1.3}.avatar-role{font-size:.75rem;color:var(--color-text-muted);display:block;line-height:1.3}.scenario-title{font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 .75rem;color:var(--color-text-primary);max-width:600px}.scenario-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0 0 2rem;max-width:440px;line-height:1.6}.cta-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--color-accent);color:#fff;border:none;border-radius:100px;font-family:var(--font-body);font-size:.9375rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #e0765040}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 4px 12px #e0765059;transform:translateY(-1px)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--color-surface-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:100px;font-family:var(--font-body);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:#d1d1d1}.btn-secondary.copied{background:var(--color-success-bg);border-color:var(--color-success-light);color:var(--color-success-dark)}.play-icon{font-size:.75rem}.scenario-card{position:relative;background:var(--color-surface-elevated);border-radius:16px;box-shadow:0 0 0 1px #00000008,0 4px 16px -4px var(--color-shadow-sm);overflow:hidden}.card-section{padding:1.5rem;border-bottom:1px solid var(--color-border)}.card-section:last-child{border-bottom:none}.section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 .625rem}.summary-text{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-surface);border-radius:100px;font-size:.8125rem;color:var(--color-text-secondary);transition:background .2s}.tag-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:1rem;line-height:1;opacity:.6;transition:opacity .2s}.tag-remove:hover{opacity:1}.tag-input{padding:.375rem .75rem;border:1px dashed var(--color-border);border-radius:100px;font-family:var(--font-body);font-size:.8125rem;width:100px;outline:none;background:transparent;transition:border-color .2s}.tag-input:focus{border-color:var(--color-accent)}.no-tags{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{text-align:center;padding:1rem .5rem;background:var(--color-surface);border-radius:10px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.stat-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-top:.25rem}.feedback-list{display:flex;flex-direction:column;gap:.75rem}.feedback-item{background:var(--color-surface);border-radius:10px;padding:1rem 1.25rem;position:relative}.feedback-item:before{content:'"';position:absolute;top:.5rem;left:.75rem;font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--color-border)}.feedback-text{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 .5rem;padding-left:1.25rem;font-style:italic}.feedback-date{font-size:.75rem;color:var(--color-text-muted);padding-left:1.25rem}.edit-section{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end}.btn-edit{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background:var(--color-surface);border-color:var(--color-text-disabled)}@media (max-width: 640px){.scenario-content{padding:0 1rem 2rem}.scenario-hero{padding:1.5rem 0 2rem}.scenario-detail-page .scenario-avatar,.scenario-detail-page .avatar-placeholder{width:160px;height:160px}.scenario-detail-page .avatar-placeholder{font-size:3rem}.scenario-title{font-size:1.5rem}.scenario-subtitle{font-size:.9375rem}.cta-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.card-section{padding:1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.stats-grid{grid-template-columns:1fr}}.fpw-minimal{background:white;border:1px solid var(--color-border-default);border-radius:8px;margin-top:.5rem;overflow:hidden;box-shadow:0 2px 8px var(--color-shadow-sm);animation:fpw-slide-in .15s ease-out}@keyframes fpw-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fpw-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fpw-fade-in .15s ease-out}@keyframes fpw-fade-in{0%{opacity:0}to{opacity:1}}.fpw-modal{background:white;border-radius:12px;padding:1.5rem;width:90%;max-width:320px;box-shadow:0 10px 40px var(--color-shadow-2xl);animation:fpw-modal-in .2s ease-out}@keyframes fpw-modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fpw-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.fpw-modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text-heading)}.fpw-modal-subtitle{font-size:.875rem;color:var(--color-text-tertiary);margin:0 0 1.25rem;line-height:1.4}.fpw-mode-buttons{display:flex;flex-direction:column;gap:.75rem}.fpw-mode-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:10px;cursor:pointer;transition:all .15s}.fpw-mode-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-brand-primary);transform:translateY(-1px)}.fpw-mode-btn:active:not(:disabled){transform:translateY(0)}.fpw-mode-btn.disabled{opacity:.5;cursor:not-allowed}.fpw-mode-icon{font-size:1.75rem;margin-bottom:.25rem}.fpw-mode-label{font-size:.9375rem;font-weight:600;color:var(--color-text-heading);margin-bottom:.125rem}.fpw-mode-desc{font-size:.75rem;color:var(--color-text-tertiary)}.fpw-role-info{background:var(--color-bg-tertiary);border-radius:8px;padding:.75rem;margin-bottom:1rem}.fpw-role{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.fpw-role strong{color:var(--color-text-heading)}.fpw-close{width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--color-text-quaternary);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fpw-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.fpw-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);padding:.375rem .5rem}.fpw-mode-label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);padding-left:.25rem}.fpw-error{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-error-bg);color:var(--color-error);font-size:.8125rem}.fpw-error button{background:none;border:none;color:var(--color-error);font-size:1rem;cursor:pointer;padding:0}.fpw-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-tertiary);font-size:.875rem}.fpw-spinner{width:16px;height:16px;border:2px solid var(--color-border-default);border-top-color:var(--color-brand-primary);border-radius:50%;animation:fpw-spin .8s linear infinite}@keyframes fpw-spin{to{transform:rotate(360deg)}}.fpw-eval{display:flex;flex-direction:column;padding:0}.fpw-eval-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default)}.fpw-eval-mode{font-size:.75rem;color:var(--color-text-tertiary)}.fpw-eval-score{font-size:1.125rem;font-weight:700;color:var(--color-warning)}.fpw-eval-score.passed{color:var(--color-success)}.fpw-eval-body{padding:.875rem}.fpw-eval-feedback{margin:0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6}.fpw-eval-feedback-list{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6}.fpw-eval-feedback-list li{margin-bottom:.5rem}.fpw-eval-feedback-list li:last-child{margin-bottom:0}.fpw-eval-footer{display:flex;gap:.5rem;padding:.625rem .875rem;border-top:1px solid var(--color-border-default);background:var(--color-bg-secondary)}.fpw-btn{padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;background:var(--color-bg-tertiary);border:none;color:var(--color-text-secondary)}.fpw-btn:hover{background:var(--color-bg-quaternary)}.fpw-btn.primary{background:var(--color-brand-primary);color:#fff}.fpw-btn.primary:hover{background:var(--color-indigo-600)}.fpw-chat{display:flex;flex-direction:column}.fpw-messages{height:150px;overflow-y:auto;padding:.75rem;background:var(--color-bg-secondary)}.fpw-messages-loading{text-align:center;color:var(--color-text-quaternary);font-size:.8125rem;padding:2rem}.fpw-msg{margin-bottom:.5rem;display:flex}.fpw-msg.user{justify-content:flex-end}.fpw-msg.bot{justify-content:flex-start}.fpw-msg-bubble{max-width:85%;padding:.5rem .75rem;border-radius:12px;font-size:.8125rem;line-height:1.4}.fpw-msg.user .fpw-msg-bubble{background:var(--color-brand-primary);color:#fff;border-bottom-right-radius:4px}.fpw-msg.bot .fpw-msg-bubble{background:white;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-bottom-left-radius:4px}.fpw-msg-bubble.streaming{position:relative}.fpw-cursor{display:inline-block;width:6px;height:12px;background:var(--color-brand-primary);margin-left:2px;animation:fpw-blink 1s infinite;vertical-align:middle}@keyframes fpw-blink{0%,50%{opacity:1}51%,to{opacity:0}}.fpw-input-row{display:flex;gap:.5rem;padding:.5rem;background:white;border-top:1px solid var(--color-border-default)}.fpw-input-row input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border-default);border-radius:16px;font-size:.8125rem;outline:none}.fpw-input-row input:focus{border-color:var(--color-brand-primary)}.fpw-input-row button{padding:.5rem .75rem;border:none;border-radius:16px;font-size:.8125rem;font-weight:500;cursor:pointer;background:var(--color-brand-primary);color:#fff}.fpw-input-row button:hover:not(:disabled){background:var(--color-indigo-600)}.fpw-input-row button:disabled{background:var(--color-bg-quaternary);color:var(--color-text-quaternary);cursor:not-allowed}.fpw-end-btn{background:var(--color-error)!important;color:#fff!important;border:none!important;font-weight:600!important;padding:.5rem 1rem!important}.fpw-end-btn:hover{background:var(--color-error)!important}.fpw-voice{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);min-height:100px}.fpw-mic-pulse{width:40px;height:40px;background:var(--color-brand-primary);border-radius:50%;animation:fpw-pulse 1.5s ease-in-out infinite;box-shadow:0 0 0 0 var(--color-brand-alpha-50)}@keyframes fpw-pulse{0%{box-shadow:0 0 0 0 var(--color-brand-alpha-50);transform:scale(1)}50%{box-shadow:0 0 0 12px transparent;transform:scale(1.05)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}.fpw-voice-text{color:#fff;font-size:.875rem;font-weight:500}.fpw-voice .fpw-end-btn{background:rgba(255,255,255,.1)!important;color:var(--color-error-light)!important;border:1px solid rgba(252,165,165,.3)!important}.fpw-voice .fpw-end-btn:hover{background:var(--color-glass-white-15)!important}.fpw-voice-connecting{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem}.fpw-voice-connecting .fpw-spinner{border-color:var(--color-glass-white-20);border-top-color:#fff}.fpw-voice-wrapping{justify-content:center}.fpw-voice-wrapping .fpw-spinner{width:20px;height:20px;border-color:var(--color-glass-white-20);border-top-color:#fff}@media (max-width: 768px){.fpw-modal{width:95%;max-width:none;max-height:90vh}.fpw-messages{height:250px;min-height:200px}.fpw-nav-arrow{display:none}.fpw-content{width:100%}.fpw-mode-buttons{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.fpw-modal{width:100%;height:100%;max-height:100vh;border-radius:0;margin:0;position:fixed;top:0;left:0;right:0;bottom:0}.fpw-messages{height:calc(100vh - 280px);min-height:200px;flex:1}.fpw-header{padding:.75rem 1rem}.fpw-title{font-size:1rem}.fpw-input-row{padding:.5rem}.fpw-eval-result{flex-direction:column;gap:.25rem}.fpw-eval-score{font-size:1.25rem}}.share-settings-modal{background:white;border-radius:16px;max-width:480px;width:90%;padding:0;box-shadow:0 20px 40px var(--color-shadow-xl);animation:slideUp .2s ease-out}.share-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border-default)}.share-modal-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.share-scenario-name{margin:0;font-size:.9rem;color:var(--color-text-tertiary);font-style:italic}.share-link-section{padding:1rem 1.5rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default)}.share-link-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.share-link-row{display:flex;gap:.5rem}.share-link-input{flex:1;padding:.625rem .75rem;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.875rem;color:var(--color-text-secondary);background:white;cursor:text}.share-link-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-alpha-10)}.share-link-copy-btn{padding:.625rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;background:var(--color-brand-primary);color:#fff}.share-link-copy-btn:hover:not(:disabled){background:var(--color-brand-primary-hover)}.share-link-copy-btn.copied{background:var(--color-success)}.share-link-copy-btn.error{background:var(--color-error);cursor:not-allowed}.share-options{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.share-option{display:flex;flex-direction:column;gap:.5rem}.share-option-header{display:flex;justify-content:space-between;align-items:center}.toggle-label{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.toggle-text{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-text-disabled);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px var(--color-shadow-2xl)}.toggle-switch input:checked+.toggle-slider{background:var(--color-brand-gradient)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.share-option-description{margin:0;font-size:.875rem;color:var(--color-text-tertiary);line-height:1.5}.toggle-hint{color:var(--color-text-quaternary);font-style:italic}.share-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--color-border-default)}.share-modal-footer .btn-secondary{padding:.625rem 1.25rem;border-radius:8px;border:1px solid var(--color-border-strong);background:white;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.share-modal-footer .btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-text-quaternary)}.share-modal-footer .btn-primary{padding:.625rem 1.25rem;border-radius:8px;border:none;background:var(--color-brand-gradient);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.share-modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.share-modal-footer button:disabled{opacity:.6;cursor:not-allowed}.scenario-dashboard{max-width:800px;margin:0 auto;padding:1.5rem}.scenario-dashboard.loading,.scenario-dashboard.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.back-btn{background:none;border:none;color:var(--color-text-tertiary);font-size:.8125rem;cursor:pointer;padding:0;margin-bottom:1rem;display:block}.back-btn:hover{color:var(--color-text-heading)}.scenario-dashboard .dashboard-header{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.header-columns{display:flex;gap:1.5rem;align-items:flex-start}.identity-column{width:140px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.task-column{flex:1;min-width:0}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.375rem}.task-header .scenario-title{margin:0;flex:1}.scenario-title{font-size:1.375rem;font-weight:600;color:var(--color-brand-primary);line-height:1.3}.scenario-avatar{width:100px;height:100px;border-radius:12px;object-fit:cover}.scenario-avatar-placeholder{width:100px;height:100px;border-radius:12px;background:var(--color-bg-quaternary);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600}.avatar-info{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:180px}.avatar-name{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.avatar-role{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.3}.task-header .dashboard-actions{flex-shrink:0;margin-top:0}.dashboard-actions{display:flex;gap:.5rem}.dashboard-action-btn{padding:.375rem .75rem;border:1px solid var(--color-border-strong);border-radius:6px;background:white;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.dashboard-action-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-quaternary)}.dashboard-action-btn.secondary{background:transparent;border-color:var(--color-text-disabled);color:var(--color-text-tertiary)}.dashboard-action-btn.secondary:hover{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.role-metadata{font-size:.8125rem;color:var(--color-text-tertiary);margin-bottom:.5rem}.role-metadata span{margin-right:.25rem}.role-metadata strong{color:var(--color-text-secondary);font-weight:500}.role-separator{color:var(--color-text-disabled);margin:0 .25rem}.task-description{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.context-section{margin-top:.25rem}.role-line+.role-line{margin-top:.25rem}.recommended-section{margin-bottom:1.5rem}.recommended-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-brand-alpha-10);border:1px solid var(--color-brand-alpha-25);border-radius:12px}.recommended-content{flex:1}.recommended-label{font-size:.6875rem;font-weight:600;color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:.05em}.recommended-title{margin:.25rem 0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.recommended-progress{margin:.25rem 0;font-size:.8125rem;color:var(--color-text-tertiary)}.recommended-tip{margin:.5rem 0 0;font-size:.8125rem;color:var(--color-text-secondary)}.recommended-tip em{color:var(--color-text-secondary)}.full-scenario-section{margin-bottom:1.5rem}.full-scenario-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1rem 120px 1rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:10px}.full-scenario-card.mastered{background:var(--color-success-bg);border-color:var(--color-success-light)}.full-scenario-card.in-progress{background:var(--color-bg-primary);border-color:var(--color-amber-200)}.full-scenario-card .practice-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.full-scenario-info h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.full-scenario-desc{margin:.125rem 0 0;font-size:.8125rem;color:var(--color-text-tertiary)}.full-scenario-stats{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8125rem;color:var(--color-text-secondary)}.stat-item{white-space:nowrap}.not-attempted-text{color:var(--color-text-quaternary);font-style:italic}.objectives-section{margin-bottom:2rem}.objectives-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.objectives-header h2{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.mastery-info{display:flex;align-items:center;gap:.5rem}.mastery-count{font-size:.875rem;color:var(--color-success-dark);font-weight:500}.scoring-info-btn{width:20px;height:20px;border-radius:50%;border:1px solid var(--color-border-strong);background:white;color:var(--color-text-tertiary);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.scoring-info-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.scoring-tooltip{background:white;border:1px solid var(--color-border-default);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px var(--color-shadow-md)}.scoring-tooltip h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-heading)}.scoring-tooltip ul{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-text-secondary)}.scoring-tooltip li{margin-bottom:.5rem}.scoring-tooltip li:last-child{margin-bottom:0}.close-tooltip{margin-top:.75rem;padding:.375rem .75rem;font-size:.75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:4px;cursor:pointer}.close-tooltip:hover{background:var(--color-bg-quaternary)}.objectives-list{display:flex;flex-direction:column;gap:.625rem}.no-objectives{padding:2rem;text-align:center;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-radius:8px;border:1px dashed var(--color-border-strong)}.objective-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1rem 120px 1rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:10px}.objective-card.mastered{background:var(--color-success-bg);border-color:var(--color-success-light)}.objective-card.in-progress{background:var(--color-bg-primary);border-color:var(--color-amber-200)}.objective-card.next-step{background:var(--color-brand-alpha-08);border:2px solid var(--color-brand-alpha-25);padding-left:2.5rem}.next-step-indicator{position:absolute;left:0;top:0;bottom:0;display:flex;overflow:visible;flex-direction:column;align-items:center;justify-content:center;width:2rem}.next-step-arrow{font-size:1.25rem;color:var(--color-brand-primary);font-weight:700}.next-step-tag{position:absolute;top:-.5rem;left:2.5rem;background:var(--color-brand-primary);color:#fff;z-index:1;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.objective-card.next-step .practice-btn.primary{background:var(--color-brand-gradient-interactive);color:#fff;border:none}.objective-card .practice-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.objective-main{display:flex;flex-direction:column;gap:.375rem}.objective-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.objective-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-bg-quaternary);color:var(--color-text-primary);font-size:.75rem;font-weight:600;flex-shrink:0}.objective-name{font-weight:400;color:var(--color-text-primary);font-size:.9375rem;line-height:1.4}.objective-description{font-weight:400;color:var(--color-text-tertiary)}.mastered-badge{color:var(--color-success);font-size:.875rem;margin-left:.25rem}.objective-progress-bar{margin:.25rem 0}.progress-track{position:relative;width:140px;height:6px;background:var(--color-bg-quaternary);border-radius:3px;overflow:visible}.progress-fill{height:100%;background:var(--color-warning);border-radius:3px;transition:width .3s ease}.progress-fill.mastered{background:var(--color-success)}.mastery-marker{position:absolute;top:-2px;width:2px;height:10px;background:var(--color-text-tertiary);border-radius:1px}.objective-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--color-text-tertiary)}.stat-best{font-weight:500;color:var(--color-text-secondary)}.stat-last,.stat-attempts{color:var(--color-text-quaternary)}.objective-coaching{margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--color-shadow-xs)}.coaching-tip{font-size:.8125rem;color:var(--color-text-secondary)}.coaching-tip strong{color:var(--color-text-secondary)}.coaching-tip em{color:var(--color-text-tertiary)}.practice-btn{background:white;color:var(--color-brand-primary);border:1.5px solid var(--color-brand-primary);padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:90px;text-align:center}.practice-btn:hover:not(:disabled){background:var(--color-brand-primary);color:#fff}.practice-btn:disabled{opacity:.6;cursor:not-allowed}.practice-btn.primary{background:var(--color-brand-primary);color:#fff;border:none}.practice-btn.primary:hover:not(:disabled){background:var(--color-brand-primary-hover)}.runs-section{margin-bottom:2rem}.runs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.runs-section h2{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.runs-tabs{display:flex;gap:.25rem;background:var(--color-bg-tertiary);border-radius:6px;padding:.125rem}.tab-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:4px;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--color-text-secondary)}.tab-btn.active{background:white;color:var(--color-text-heading);box-shadow:0 1px 2px var(--color-shadow-xs)}.runs-list{display:flex;flex-direction:column;gap:.5rem}.no-runs{padding:1.5rem;text-align:center;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-radius:8px;font-size:.875rem}.run-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:white;border:1px solid var(--color-border-default);border-radius:8px;text-decoration:none;transition:all .2s}.run-card:hover{background:var(--color-bg-secondary);border-color:var(--color-text-disabled)}.run-card.in-progress{border-left:3px solid var(--color-warning)}.run-type{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.run-date{font-size:.75rem;color:var(--color-text-quaternary);min-width:70px}.run-score{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);min-width:70px;text-align:right}.run-action{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:4px;min-width:90px;text-align:center}.run-action.view{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.run-action.continue{background:var(--color-warning-light);color:var(--color-warning-dark)}.show-more-btn{padding:.75rem;background:transparent;border:1px dashed var(--color-border-strong);border-radius:8px;color:var(--color-text-tertiary);font-size:.8125rem;cursor:pointer;text-align:center}.show-more-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.show-tips-btn{background:none;border:none;color:var(--color-text-tertiary);font-size:.8125rem;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .2s}.show-tips-btn:hover{color:var(--color-indigo-500)}.runs-header-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.5rem 0;cursor:pointer;margin-bottom:.5rem}.runs-header-toggle:hover{opacity:.8}.runs-header-toggle h2{margin:0}.collapse-toggle-text{font-size:.75rem;font-weight:500;color:var(--color-indigo-500)}.runs-header-toggle:hover .collapse-toggle-text{text-decoration:underline}.runs-section.collapsed{padding-bottom:0}.context-dropdown{margin-top:1rem;border-top:1px solid var(--color-border-default);padding-top:.75rem}.context-toggle{background:none;border:none;color:var(--color-indigo-500);font-size:.8125rem;font-weight:500;cursor:pointer;padding:0}.context-toggle:hover{text-decoration:underline}.context-content{margin-top:.75rem;padding:.75rem;background:white;border-radius:6px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.context-content p{margin:0 0 .75rem}.context-content p:last-child{margin-bottom:0}.context-content .starting-context{font-style:italic;color:var(--color-text-tertiary)}@media (max-width: 768px){.scenario-dashboard,.scenario-dashboard .dashboard-header{padding:1rem}.scenario-title{font-size:1.25rem;text-align:center}.header-columns{flex-direction:column;align-items:center}.identity-column{width:100%;align-items:center;justify-content:center}.scenario-brief{width:100%}.scenario-avatar,.scenario-avatar-placeholder{width:80px;height:80px;font-size:2rem}.avatar-info{display:none}.recommended-card{flex-direction:column;align-items:stretch}.recommended-card .practice-btn{width:100%}.full-scenario-card,.objective-card{padding-right:1rem}.full-scenario-card .practice-btn,.objective-card .practice-btn{position:static;transform:none;width:100%;margin-top:.75rem}.runs-header{flex-direction:column;align-items:stretch}.runs-tabs{justify-content:center}.run-card{flex-wrap:wrap;gap:.5rem}.run-type{flex-basis:100%}.run-action{flex:1}}@media (max-width: 480px){.header-columns{flex-direction:column;gap:1rem}.identity-column{width:100%;min-width:unset}.progress-track{width:100%;max-width:200px}.full-scenario-card,.objective-card{padding:1rem}.full-scenario-card .practice-btn,.objective-card .practice-btn{position:static;width:100%;margin-top:1rem}.scenario-header{gap:.75rem}.scenario-title{font-size:1.25rem}.scenario-summary{font-size:.9rem}.stats-row{flex-wrap:wrap;gap:.5rem}.task-header{flex-direction:column;align-items:flex-start}.task-header .scenario-title{text-align:center;width:100%;white-space:normal;word-wrap:break-word}.task-header .dashboard-actions{width:100%;margin-top:.75rem}.dashboard-actions{width:100%}.dashboard-action-btn{flex:1}}.session-feedback-gate{display:flex;justify-content:center;align-items:center;min-height:300px;padding:20px}.feedback-card{background:white;border-radius:16px;padding:32px;box-shadow:0 4px 20px var(--color-shadow-md);max-width:420px;width:100%;text-align:center}.feedback-header h3{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--color-text-primary)}.feedback-subtitle{margin:0 0 24px;font-size:14px;color:var(--color-text-tertiary)}.star-rating{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.star-btn{background:none;border:none;padding:4px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.star-btn:focus{outline:none}.star-btn:focus-visible{outline:2px solid var(--color-indigo-500);outline-offset:2px;border-radius:4px}.star-icon{width:32px;height:32px;fill:var(--color-border-default);stroke:var(--color-border-strong);stroke-width:1;transition:fill .15s ease,stroke .15s ease;display:block;pointer-events:none}.star-btn:hover .star-icon{fill:var(--color-warning-light);stroke:var(--color-warning)}.star-btn.filled .star-icon{fill:var(--color-warning);stroke:var(--color-warning)}.rating-label{margin:0 0 20px;font-size:14px;font-weight:500;color:var(--color-indigo-500);min-height:20px}.feedback-comment{margin-bottom:20px;text-align:left}.feedback-comment label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.feedback-comment .optional{font-weight:400;color:var(--color-text-quaternary)}.feedback-comment textarea{width:100%;padding:12px;border:1px solid var(--color-border-default);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.feedback-comment textarea:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.feedback-comment textarea::placeholder{color:var(--color-text-quaternary)}.submit-feedback-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-violet-600) 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.submit-feedback-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.submit-feedback-btn:disabled{background:var(--color-bg-quaternary);color:var(--color-text-quaternary);cursor:not-allowed;transform:none;box-shadow:none}.feedback-note{margin:0;font-size:12px;color:var(--color-text-quaternary)}.feedback-loading{text-align:center;padding:40px}.feedback-loading p{margin:16px 0 0;color:var(--color-text-tertiary);font-size:14px}.feedback-thank-you{text-align:center;padding:40px;animation:fadeIn .3s ease}.thank-you-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px;animation:scaleIn .3s ease}.feedback-thank-you h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--color-text-primary)}.feedback-thank-you p{margin:0 0 16px;color:var(--color-text-tertiary);font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-default);border-top-color:var(--color-indigo-500);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.loading-spinner.small{width:24px;height:24px;border-width:2px}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.feedback-card{padding:24px 20px}.feedback-header h3{font-size:20px}.star-icon{width:32px;height:32px}.submit-feedback-btn{padding:12px 20px;font-size:15px}}.feedback-card.in-modal{box-shadow:none;padding:24px 16px;border-radius:0}.feedback-card.in-modal .feedback-header h3{font-size:18px}.feedback-card.in-modal .feedback-subtitle{font-size:13px;margin-bottom:16px}.feedback-card.in-modal .star-rating{gap:6px}.feedback-card.in-modal .star-btn{width:38px;height:38px}.feedback-card.in-modal .submit-feedback-btn{padding:12px 20px;font-size:15px}.email-capture-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;animation:ecmFadeIn .2s ease-out}@keyframes ecmFadeIn{0%{opacity:0}to{opacity:1}}.email-capture-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px var(--color-shadow-xs);max-width:420px;width:100%;padding:2rem;position:relative;animation:ecmSlideUp .3s ease-out}@keyframes ecmSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.email-capture-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-slate-quaternary);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.email-capture-close:hover{background:var(--color-bg-slate-100);color:var(--color-text-slate-secondary)}.email-capture-close:active{transform:scale(.95)}.email-capture-header{text-align:center;margin-bottom:1.5rem}.email-capture-icon{width:64px;height:64px;background:var(--color-brand-gradient);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.75rem}.email-capture-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 .5rem;letter-spacing:-.02em}.email-capture-header p{color:var(--color-text-slate-tertiary);margin:0;font-size:.95rem;line-height:1.5}.email-capture-form{display:flex;flex-direction:column;gap:1rem}.email-capture-field{display:flex;flex-direction:column;gap:.5rem}.email-capture-field label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.email-capture-field input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--color-border-slate);border-radius:10px;background:#fff;color:var(--color-text-slate-primary);transition:all .15s ease;box-sizing:border-box}.email-capture-field input::placeholder{color:var(--color-text-slate-quaternary)}.email-capture-field input:hover:not(:disabled){border-color:var(--color-border-slate-strong)}.email-capture-field input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.email-capture-field input:disabled{background:var(--color-bg-page);cursor:not-allowed}.email-capture-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error-light);border-radius:8px;font-size:.875rem}.email-capture-error svg{flex-shrink:0;color:var(--color-error)}.email-capture-submit{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:10px;background:var(--color-brand-gradient);color:var(--color-text-inverse);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.email-capture-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-35)}.email-capture-submit:active:not(:disabled){transform:translateY(0)}.email-capture-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.email-capture-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.email-capture-loading .spinner{width:18px;height:18px;border:2px solid var(--color-glass-white-30);border-top-color:var(--color-text-inverse);border-radius:50%;animation:ecmSpin .8s linear infinite}@keyframes ecmSpin{to{transform:rotate(360deg)}}.email-capture-loading .spinner.large,.email-capture-reconnecting-icon .spinner.large{width:36px;height:36px;border:3px solid var(--color-brand-alpha-20);border-top-color:var(--color-brand-primary);border-radius:50%;animation:ecmSpin .8s linear infinite}.email-capture-reconnecting-icon{width:72px;height:72px;background:var(--color-brand-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.email-capture-reconnecting-icon .spinner.large{border-color:var(--color-glass-white-30);border-top-color:var(--color-text-inverse)}.email-capture-secondary{width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;border:none;border-radius:10px;background:transparent;color:var(--color-text-slate-tertiary);cursor:pointer;transition:all .15s ease}.email-capture-secondary:hover:not(:disabled){background:var(--color-bg-slate-100);color:var(--color-text-slate-secondary)}.email-capture-secondary:active:not(:disabled){transform:scale(.98)}.email-capture-secondary:disabled{opacity:.5;cursor:not-allowed}.email-capture-tertiary{width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:400;border:none;border-radius:8px;background:transparent;color:var(--color-text-slate-quaternary);cursor:pointer;transition:all .15s ease;margin-top:.25rem}.email-capture-tertiary:hover:not(:disabled){color:var(--color-text-slate-tertiary);text-decoration:underline}.email-capture-tertiary:disabled{opacity:.5;cursor:not-allowed}.email-capture-skip{display:block;width:100%;padding:.5rem;font-size:.875rem;color:var(--color-text-slate-quaternary);background:transparent;border:none;cursor:pointer;text-align:center;transition:color .15s ease}.email-capture-skip:hover{color:var(--color-text-slate-tertiary)}.email-capture-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0;color:var(--color-text-slate-quaternary);font-size:.875rem}.email-capture-divider:before,.email-capture-divider:after{content:"";flex:1;height:1px;background:var(--color-bg-slate-200)}.email-capture-success{text-align:center;padding:1.5rem 0}.email-capture-success-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;animation:ecmSuccessPop .4s ease-out}@keyframes ecmSuccessPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.email-capture-success-icon svg{width:36px;height:36px;color:var(--color-text-inverse)}.email-capture-success h2{font-size:1.35rem;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 .5rem}.email-capture-success p{color:var(--color-text-slate-tertiary);margin:0;font-size:.95rem}.email-capture-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-bg-slate-100)}.email-capture-footer p{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;font-size:.8rem;color:var(--color-text-slate-quaternary)}.email-capture-footer svg{color:var(--color-border-slate-strong)}@media (max-width: 480px){.email-capture-backdrop{padding:1rem;align-items:flex-end}.email-capture-modal{border-radius:20px 20px 0 0;padding:1.75rem 1.5rem 2rem;max-width:none;animation:ecmSlideUpMobile .3s ease-out}@keyframes ecmSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.email-capture-icon{width:56px;height:56px;font-size:1.5rem}.email-capture-header h2{font-size:1.35rem}.email-capture-field input,.email-capture-submit{padding:1rem}}@media (prefers-reduced-motion: reduce){.email-capture-backdrop,.email-capture-modal,.email-capture-success-icon{animation:none}}.hp-coaching-view{display:flex;flex-direction:column;height:100%;min-height:0}.hp-coaching-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-slate);background:var(--color-bg-page);flex-shrink:0;padding:0;height:var(--coaching-subheader-height, 50px);box-sizing:border-box;overflow:hidden}.hp-coaching-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-slate-tertiary);border-bottom:2px solid transparent;transition:all .15s ease}.hp-coaching-tab:hover{color:var(--color-text-slate-primary);background:var(--color-bg-slate-100)}.hp-coaching-tab.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary);background:white}.hp-coaching-tab-icon{font-size:14px}.hp-coaching-tab-label{font-size:12px}.hp-coaching-content{flex:1;overflow-y:auto;min-height:0}.hp-coaching-content .conversation-transcript{padding:12px}.hp-coaching-content .conversation-transcript .message{max-width:100%;margin-bottom:12px}.hp-coaching-content .conversation-transcript .message-content{padding:8px 10px;font-size:13px}.hp-coaching-content .conversation-transcript .message-text{font-size:13px;line-height:1.4}.hp-coaching-download-bar{display:flex;justify-content:flex-end;padding:8px 16px 0}.hp-coaching-download-btn{background:none;border:1px solid var(--color-border-slate);color:var(--color-text-slate-tertiary);font-size:12px;font-weight:500;cursor:pointer;padding:5px 12px;border-radius:6px;transition:all .15s ease}.hp-coaching-download-btn:hover{background:var(--color-bg-page);border-color:var(--color-border-slate-strong);color:var(--color-text-slate-primary)}.hp-artifact-review{display:flex;flex-direction:column;height:100%;min-height:0}.hp-artifact-review-content{flex:1;overflow-y:auto;padding:16px;font-size:14px;line-height:1.6}.hp-artifact-review-empty{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:var(--color-text-slate-quaternary);font-size:14px}.hp-artifact-review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;gap:12px}.hp-artifact-review-loading p{margin:0;color:var(--color-text-slate-secondary);font-size:14px;font-weight:500}.hp-artifact-review-loading-sub{color:var(--color-text-slate-quaternary)!important;font-size:12px!important;font-weight:400!important}.pre-session-coaching-card{background:linear-gradient(135deg,var(--color-brand-alpha-08) 0%,var(--color-brand-alpha-05) 100%);border:1px solid var(--color-brand-alpha-20);border-radius:12px;padding:16px;margin:12px 0;position:relative;animation:coachCardFadeIn .3s ease-out}@keyframes coachCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.coaching-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.coaching-card-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-indigo-500)}.coaching-card-label .coach-icon{font-size:14px}.coaching-card-dismiss{background:none;border:none;color:var(--color-text-quaternary);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;line-height:1;transition:color .15s,background-color .15s}.coaching-card-dismiss:hover{color:var(--color-text-tertiary);background:var(--color-shadow-xs)}.coaching-card-body{display:flex;flex-direction:column;gap:10px}.coaching-score-row{display:flex;align-items:center;gap:10px}.coaching-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:28px;padding:0 10px;border-radius:14px;font-size:13px;font-weight:700;color:#fff}.coaching-score-badge.excellent{background:var(--color-success)}.coaching-score-badge.good{background:var(--color-info)}.coaching-score-badge.fair{background:var(--color-warning)}.coaching-score-badge.needs-work{background:var(--color-error)}.coaching-attempt-info{font-size:12px;color:var(--color-text-tertiary)}.coaching-insight{font-size:13px;color:var(--color-text-secondary);line-height:1.5;padding:8px 12px;background:rgba(255,255,255,.6);border-radius:8px;border-left:3px solid var(--color-indigo-500)}.coaching-focus{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.coaching-focus .focus-icon{flex-shrink:0;margin-top:1px}.coaching-focus strong{color:var(--color-text-secondary)}.coaching-card-got-it{display:block;width:100%;margin-top:4px;padding:6px 0;background:none;border:1px solid var(--color-brand-alpha-30);border-radius:6px;color:var(--color-indigo-500);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.coaching-card-got-it:hover{background:var(--color-brand-alpha-08)}.pre-session-coaching-card.collapsed{max-height:0;padding:0;margin:0;overflow:hidden;border:none;opacity:0;transition:all .25s ease-out}@media (max-width: 480px){.pre-session-coaching-card{padding:12px;margin:8px 0}.coaching-insight{font-size:12px;padding:6px 10px}.coaching-focus{font-size:12px}}@media (max-width: 360px){.coaching-attempt-info{display:none}}.countdown-timer{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:16px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;background:rgba(76,175,80,.12);color:#4caf50;transition:background .3s,color .3s;-webkit-user-select:none;user-select:none}.countdown-timer--warning{background:rgba(255,193,7,.18);color:#f9a825}.countdown-timer--critical{background:rgba(244,67,54,.15);color:#f44336;animation:countdown-pulse 1s ease-in-out infinite}.countdown-timer--paused{opacity:.6}.countdown-timer__icon{font-size:14px;line-height:1}.countdown-timer__time{min-width:36px;text-align:center}.countdown-timer__pause-indicator{font-size:12px;line-height:1}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.65}}.briefing-time-limit{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:500;background:rgba(255,193,7,.12);color:#f9a825;margin-bottom:12px}.learner-input-modal{display:flex;flex-direction:column;height:100%;padding:20px}.learner-input-modal__header{flex-shrink:0;margin-bottom:16px}.learner-input-modal__title{margin:12px 0 0;font-size:18px;font-weight:600;color:#2c3e50}.learner-input-modal__body{flex:1;min-height:0;overflow-y:auto}.learner-input-modal__prompt{font-size:14px;color:#555;line-height:1.5;margin:0 0 12px}.learner-input-modal__textarea{width:100%;min-height:160px;padding:12px;font-size:14px;line-height:1.5;border:1px solid #ddd;border-radius:8px;resize:vertical;font-family:inherit;box-sizing:border-box}.learner-input-modal__textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.learner-input-modal__textarea:disabled{opacity:.6;background:#f9f9f9}.learner-input-modal__char-count{text-align:right;font-size:11px;color:#999;margin-top:4px}.learner-input-modal__upload{margin-top:12px}.learner-input-modal__upload-btn{padding:8px 16px;font-size:13px;color:#667eea;background:transparent;border:1px dashed #667eea;border-radius:6px;cursor:pointer;width:100%}.learner-input-modal__upload-btn:hover:not(:disabled){background:rgba(102,126,234,.05)}.learner-input-modal__upload-btn:disabled{opacity:.6;cursor:not-allowed}.learner-input-modal__error{margin-top:8px;padding:8px 12px;font-size:12px;color:#e74c3c;background:rgba(231,76,60,.08);border-radius:6px}.learner-input-modal__footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding-top:16px;gap:12px}.learner-input-modal__skip-btn{padding:10px 20px;font-size:14px;color:#666;background:transparent;border:1px solid #ddd;border-radius:8px;cursor:pointer}.learner-input-modal__skip-btn:hover:not(:disabled){background:#f5f5f5}.learner-input-modal__submit-btn{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background:#667eea;border:none;border-radius:8px;cursor:pointer}.learner-input-modal__submit-btn:hover:not(:disabled){background:#5a6fd6}.learner-input-modal__submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.learner-input-modal{padding:16px}.learner-input-modal__textarea{min-height:120px}.learner-input-modal__footer{flex-direction:column-reverse}.learner-input-modal__skip-btn,.learner-input-modal__submit-btn{width:100%;text-align:center}}.growth-moment-card{background:white;border:1px solid var(--color-border-default);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.growth-moment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.growth-moment-icon{font-size:1.2rem}.growth-moment-label{font-weight:700;font-size:.95rem;color:var(--color-text-primary)}.growth-moment-comparison{display:flex;gap:.75rem;align-items:stretch;margin-bottom:1rem}.growth-moment-exchange{flex:1;border-radius:10px;padding:1rem;cursor:pointer;transition:box-shadow .15s ease}.growth-moment-exchange:hover,.growth-moment-exchange:focus-visible{box-shadow:0 2px 8px var(--color-shadow-md);outline:none}.growth-moment-exchange.earlier{background:#fef3f2;border:1px solid var(--color-error-light)}.growth-moment-exchange.later{background:var(--color-success-bg);border:1px solid var(--color-success-light)}.growth-moment-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--color-text-quaternary);font-weight:700;flex-shrink:0}.exchange-date{font-size:.8rem;font-weight:600;color:var(--color-text-tertiary);margin-bottom:.5rem}.exchange-quote{font-size:.9rem;line-height:1.5;color:var(--color-text-secondary);margin:0 0 .75rem;padding:0;border:none;font-style:italic}.exchange-link{font-size:.8rem;color:var(--color-info-dark);font-weight:500}.growth-moment-exchange:hover .exchange-link{text-decoration:underline}.growth-moment-narrative{background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-light) 100%);border:1px solid var(--color-info-light);border-radius:10px;padding:1rem;font-size:.9rem;line-height:1.6;color:var(--color-text-slate-primary)}.narrative-prefix{font-weight:700;color:var(--color-info-dark)}@media (max-width: 767px){.growth-moment-comparison{flex-direction:column}.growth-moment-arrow{justify-content:center;transform:rotate(90deg);padding:.25rem 0}}.nps-prompt{position:relative;background:var(--bg-surface, #f8f9fa);border:1px solid var(--border-light, #e0e0e0);border-radius:12px;padding:16px 20px;margin-bottom:16px}.nps-thank-you{text-align:center;color:var(--text-success, #2e7d32);font-weight:500;padding:12px 20px}.nps-dismiss{position:absolute;top:8px;right:12px;background:none;border:none;font-size:20px;color:var(--text-muted, #999);cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px}.nps-dismiss:hover{color:var(--text-primary, #333);background:var(--bg-hover, var(--color-shadow-xs))}.nps-question{font-size:15px;font-weight:500;margin:0 0 12px;color:var(--text-primary, #333);padding-right:24px}.nps-scale{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nps-scale-label{font-size:12px;color:var(--text-muted, #999);white-space:nowrap}.nps-buttons{display:flex;gap:4px;flex-wrap:wrap}.nps-btn{width:36px;height:36px;min-width:36px;border:1px solid var(--border-light, #ddd);border-radius:8px;background:var(--bg-white, #fff);color:var(--text-primary, #333);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0}@media (pointer: coarse){.nps-btn{width:44px;height:44px;min-width:44px}}.nps-btn:hover{border-color:var(--primary, #4a90d9);background:var(--bg-hover, #f0f4ff)}.nps-btn.selected{color:var(--color-text-inverse);font-weight:600}.nps-btn.detractor.selected{background:#e53935;border-color:#e53935}.nps-btn.passive.selected{background:#ffa000;border-color:#ffa000}.nps-btn.promoter.selected{background:#43a047;border-color:#43a047}.nps-comment-section{padding-right:24px}.nps-follow-up{font-size:14px;font-weight:500;margin:0 0 8px;color:var(--text-primary, #333)}.nps-follow-up .optional{font-weight:400;color:var(--text-muted, #999);font-size:13px}.nps-comment-input{width:100%;padding:8px 12px;border:1px solid var(--border-light, #ddd);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.nps-comment-input:focus{outline:none;border-color:var(--primary, #4a90d9);box-shadow:0 0 0 2px #4a90d926}.nps-comment-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.nps-skip-btn,.nps-submit-btn{padding:6px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none}.nps-skip-btn{background:transparent;color:var(--text-muted, #999)}.nps-skip-btn:hover{background:var(--bg-hover, var(--color-shadow-xs));color:var(--text-primary, #333)}.nps-submit-btn{background:var(--primary, #4a90d9);color:var(--color-text-inverse)}.nps-submit-btn:hover{opacity:.9}@media (max-width: 600px){.nps-scale{flex-direction:column;align-items:stretch}.nps-scale-label{text-align:center}.nps-scale-label.nps-scale-low{order:-1}.nps-buttons{justify-content:center}.nps-btn{width:44px;height:44px;min-width:44px}}.csv-invite-modal{max-width:600px;display:flex;flex-direction:column;max-height:85vh}.csv-invite-modal h2{flex-shrink:0}.csv-invite-group-select{flex:1;min-height:0;display:flex;flex-direction:column}.group-select-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0 1rem;max-height:300px}.group-select-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px;background:var(--color-bg-primary, #fff);cursor:pointer;transition:border-color .2s,background .2s;text-align:left;width:100%;font-size:.95rem}.group-select-item:hover{border-color:var(--color-primary, var(--color-brand-primary));background:var(--color-bg-hover, #f0f4ff)}.group-select-item.selected{border-color:var(--color-primary, var(--color-brand-primary));background:var(--color-bg-hover, #f0f4ff);box-shadow:0 0 0 2px var(--color-primary, var(--color-brand-primary))}.group-select-name{font-weight:500}.group-select-count{font-size:.8rem;color:var(--color-text-secondary, var(--color-text-tertiary))}.csv-invite-input{flex:1;min-height:0;overflow-y:auto}.csv-invite-tabs{display:flex;flex-direction:column;gap:1rem}.csv-upload-section{display:flex;flex-direction:column;gap:.75rem}.csv-drop-zone{border:2px dashed var(--color-border-secondary, var(--color-border-strong));border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:100px}.csv-drop-zone:hover,.csv-drop-zone.drag-over{border-color:var(--color-primary, var(--color-brand-primary));background:var(--color-bg-hover, #f0f4ff)}.csv-drop-icon{font-size:2rem}.csv-file-name{font-size:.85rem;color:var(--color-text-secondary, var(--color-text-tertiary));font-style:italic}.csv-template-btn{background:none;border:none;color:var(--color-primary, var(--color-brand-primary));cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0;align-self:flex-start}.csv-template-btn:hover{opacity:.8}.csv-divider{display:flex;align-items:center;gap:1rem;color:var(--color-text-tertiary, var(--color-text-quaternary));font-size:.85rem}.csv-divider:before,.csv-divider:after{content:"";flex:1;border-top:1px solid var(--color-border-secondary, var(--color-border-default))}.csv-text-section{display:flex;flex-direction:column;gap:.5rem}.csv-parse-errors{margin-top:.75rem;padding:.75rem;background:var(--color-bg-error, var(--color-error-bg));border-radius:6px}.csv-errors-title{font-weight:600;margin-bottom:.25rem}.result-error-text{color:var(--color-text-error, var(--color-error));font-size:.85rem;margin:.25rem 0}.csv-invite-preview{flex:1;min-height:0;display:flex;flex-direction:column}.csv-preview-summary{flex-shrink:0;margin-bottom:.75rem}.csv-dupes-note{color:var(--color-text-secondary, var(--color-text-tertiary));font-size:.85rem}.csv-preview-table-wrap{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:6px;margin-bottom:1rem}.csv-preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.csv-preview-table th{position:sticky;top:0;background:var(--color-bg-secondary, var(--color-bg-secondary));padding:.5rem .75rem;text-align:left;font-weight:600;border-bottom:1px solid var(--color-border-secondary, var(--color-border-default))}.csv-preview-table td{padding:.4rem .75rem;border-bottom:1px solid var(--color-border-light, var(--color-bg-tertiary))}.csv-preview-table tbody tr:hover{background:var(--color-bg-hover, #f0f4ff)}.csv-preview-more{text-align:center;color:var(--color-text-secondary, var(--color-text-tertiary));font-style:italic}.csv-invite-sending{text-align:center;padding:2rem 0}.csv-progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary, var(--color-border-default));border-radius:4px;overflow:hidden;margin:1rem 0 .5rem}.csv-progress-fill{height:100%;background:var(--color-primary, var(--color-brand-primary));border-radius:4px;transition:width .3s ease}.csv-progress-text{font-size:.85rem;color:var(--color-text-secondary, var(--color-text-tertiary))}.csv-invite-results{flex:1;min-height:0;overflow-y:auto}.csv-invite-error{padding:1rem 0}.comment-thread{margin-top:16px;border-top:1px solid var(--border-color, #e0e0e0);padding-top:12px}.comment-thread-header h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #333);display:flex;align-items:center;gap:8px}.comment-count-badge{background:var(--primary-color, #4a90d9);color:#fff;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:500}.comment-error{background:#fef2f2;color:#b91c1c;padding:8px 12px;border-radius:6px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.comment-error-dismiss{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:14px;padding:2px 6px}.comment-loading,.comment-empty{color:var(--text-secondary, #666);font-size:13px;padding:12px 0;text-align:center}.comment-list{max-height:300px;overflow-y:auto;margin-bottom:12px}.comment-item{padding:8px 0;border-bottom:1px solid var(--border-color, #f0f0f0)}.comment-item:last-child{border-bottom:none}.comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.comment-author{font-size:13px;font-weight:600;color:var(--text-primary, #333)}.comment-time{font-size:11px;color:var(--text-secondary, #999)}.comment-edited{font-size:11px;color:var(--text-secondary, #999);font-style:italic}.comment-body{font-size:13px;line-height:1.5;color:var(--text-primary, #444);white-space:pre-wrap;word-wrap:break-word}.comment-actions{display:flex;gap:8px;margin-top:4px}.comment-action-btn{background:none;border:none;color:var(--text-secondary, #888);font-size:12px;cursor:pointer;padding:2px 4px;min-width:44px;min-height:28px}.comment-action-btn:hover{color:var(--primary-color, #4a90d9)}.comment-action-delete:hover{color:#dc2626}.comment-action-btn:disabled{opacity:.5;cursor:not-allowed}.comment-edit-form{margin-top:4px}.comment-edit-input{width:100%;padding:8px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box}.comment-edit-input:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.comment-edit-actions{display:flex;gap:8px;margin-top:6px}.comment-btn{padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid transparent;min-height:28px}.comment-btn-save{background:var(--primary-color, #4a90d9);color:#fff}.comment-btn-save:hover{opacity:.9}.comment-btn-save:disabled{opacity:.5;cursor:not-allowed}.comment-btn-cancel{background:none;border:1px solid var(--border-color, #d1d5db);color:var(--text-secondary, #666)}.comment-btn-cancel:hover{background:var(--bg-secondary, #f5f5f5)}.comment-form{display:flex;gap:8px;align-items:flex-end}.comment-input{flex:1;min-height:0;padding:8px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box}.comment-input:focus{outline:none;border-color:var(--primary-color, #4a90d9)}.comment-input:disabled{opacity:.6}.comment-submit-btn{padding:8px 16px;background:var(--primary-color, #4a90d9);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;min-height:44px;min-width:60px;flex-shrink:0}.comment-submit-btn:hover{opacity:.9}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.group-comment-badge{display:inline-flex;align-items:center;gap:3px;background:var(--bg-secondary, #f0f4f8);color:var(--text-secondary, #666);border-radius:10px;padding:2px 8px;font-size:11px;margin-left:8px}:root{--pw-primary: var(--color-brand-primary);--pw-primary-dark: var(--color-brand-primary-hover);--pw-gradient: var(--color-brand-gradient);--pw-success: var(--color-success);--pw-success-dark: var(--color-success-dark);--pw-danger: var(--color-error);--pw-danger-bg: var(--color-error-bg);--pw-danger-border: var(--color-error-light);--pw-warning: var(--color-warning);--pw-warning-bg: var(--color-warning-bg);--pw-text-primary: var(--color-text-primary);--pw-text-secondary: var(--color-text-tertiary);--pw-text-muted: var(--color-text-quaternary);--pw-bg-page: var(--color-bg-slate-50);--pw-bg-card: var(--color-bg-primary);--pw-bg-subtle: var(--color-bg-secondary);--pw-bg-hover: var(--color-bg-tertiary);--pw-border: var(--color-border-default);--pw-border-light: var(--color-bg-slate-100);--pw-shadow-sm: 0 1px 2px var(--color-shadow-xs);--pw-shadow-md: 0 4px 12px var(--color-shadow-sm);--pw-shadow-lg: 0 20px 40px var(--color-shadow-xl);--pw-radius-sm: 8px;--pw-radius-md: 12px;--pw-radius-lg: 16px;--pw-radius-full: 9999px}.pathways-page{min-height:100vh;background:var(--pw-bg-page)}.pathways-header{background:var(--pw-gradient);color:#fff;padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.pathways-header .header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pathways-header .header-left{display:flex;align-items:center;gap:1.5rem}.pathways-header .back-button{background:var(--color-glass-white-15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-glass-white-20);color:#fff;padding:.5rem 1rem;border-radius:var(--pw-radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.pathways-header .back-button:hover{background:rgba(255,255,255,.25)}.pathways-header h1{font-size:1.75rem;font-weight:700;margin:0;color:#fff!important;letter-spacing:-.02em}.pathways-header .header-subtitle{opacity:.9;margin:.25rem 0 0;font-size:.95rem;font-weight:400}.pathways-header .create-button{background:white;color:var(--pw-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--pw-radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px var(--color-shadow-md)}.pathways-header .create-button:hover{background:var(--color-bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-xl)}.error-banner{background:var(--pw-danger-bg);border-bottom:1px solid var(--pw-danger-border);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;color:var(--pw-danger);font-size:.9rem}.error-banner button{background:none;border:none;color:var(--pw-danger);cursor:pointer;font-weight:600;padding:.25rem .75rem;border-radius:var(--pw-radius-sm);transition:background .2s}.error-banner button:hover{background:rgba(220,38,38,.1)}.pathways-layout{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:grid;grid-template-columns:320px 1fr;gap:1.5rem;min-height:calc(100vh - 120px)}.pathways-list-panel{background:var(--pw-bg-card);border-radius:var(--pw-radius-md);box-shadow:var(--pw-shadow-md);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--pw-border-light)}.pathways-list-panel .search-bar{padding:1rem;border-bottom:1px solid var(--pw-border);background:var(--pw-bg-subtle)}.pathways-list-panel .search-bar input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--pw-border);border-radius:var(--pw-radius-full);font-size:.9rem;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E") .75rem center no-repeat;background-size:1.125rem;transition:all .2s}.pathways-list-panel .search-bar input:focus{outline:none;border-color:var(--pw-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.pathways-list{flex:1;overflow-y:auto;padding:.75rem}.pathway-list-item{padding:1rem;border-radius:var(--pw-radius-sm);cursor:pointer;transition:all .2s;margin-bottom:.5rem;border:1px solid transparent}.pathway-list-item:hover{background:var(--pw-bg-hover);border-color:var(--pw-border)}.pathway-list-item.selected{background:var(--color-brand-alpha-08);border-color:var(--color-brand-alpha-30);box-shadow:0 0 0 1px var(--color-brand-alpha-10)}.pathway-list-item.inactive{opacity:.6}.pathway-list-item.create-pathway-card{background:var(--color-brand-alpha-05);border:2px dashed var(--color-brand-alpha-35);display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:60px;transition:all .2s ease}.pathway-list-item.create-pathway-card:hover{background:var(--color-brand-alpha-12);border-color:var(--color-brand-alpha-50);transform:translateY(-1px)}.pathway-list-item.create-pathway-card .create-icon{font-size:1.5rem;font-weight:300;color:var(--pw-primary);line-height:1}.pathway-list-item.create-pathway-card .create-text{font-weight:600;font-size:.9rem;color:var(--pw-primary)}.pathway-item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.pathway-item-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--pw-text-primary);line-height:1.3}.inactive-badge{background:var(--pw-warning-bg);color:var(--color-warning-dark);font-size:.65rem;padding:.125rem .5rem;border-radius:var(--pw-radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.pathway-item-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--pw-text-secondary)}.pathway-details-panel{background:var(--pw-bg-card);border-radius:var(--pw-radius-md);box-shadow:var(--pw-shadow-md);overflow:hidden;border:1px solid var(--pw-border-light);display:flex;flex-direction:column}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:500px;text-align:center;color:var(--pw-text-secondary);padding:2rem;background:linear-gradient(180deg,var(--pw-bg-subtle) 0%,transparent 100%)}.no-selection-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.4;filter:grayscale(.3)}.no-selection h2{margin:0 0 .5rem;color:var(--pw-text-primary);font-weight:600}.no-selection p{margin:0;font-size:.95rem;max-width:280px}.pathway-info{padding:1.25rem 1.5rem;border-bottom:1px solid var(--pw-border);background:var(--pw-bg-subtle);display:flex;flex-direction:column;gap:.75rem}.pathway-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.pathway-title-row{display:flex;align-items:center;gap:.75rem;flex:1}.pathway-title-clickable{cursor:pointer;border-radius:4px;padding:.25rem;margin:-.25rem;transition:background .15s}.pathway-title-clickable:hover{background:rgba(0,0,0,.04)}.pathway-title-editable{margin:0;font-size:1.25rem;font-weight:700;color:var(--pw-text-primary);letter-spacing:-.02em;line-height:1.2}.pathway-title-input{margin:0;font-size:1.25rem;font-weight:700;color:var(--pw-text-primary);letter-spacing:-.02em;line-height:1.2;border:1px solid var(--pw-primary);border-radius:6px;padding:.25rem .375rem;background:white;outline:none;box-shadow:0 0 0 2px var(--color-brand-alpha-15);width:100%}.actions-menu-container{position:relative;flex-shrink:0}.actions-menu-btn{width:36px;height:36px;padding:0;border-radius:var(--pw-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid var(--pw-border);background:white;color:var(--pw-text-secondary);letter-spacing:.1em}.actions-menu-btn:hover{background:var(--pw-bg-hover);color:var(--pw-text-primary);border-color:var(--pw-text-muted)}.actions-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:white;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);box-shadow:var(--pw-shadow-md);min-width:160px;z-index:100;overflow:hidden}.actions-menu-dropdown button{display:block;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.9rem;color:var(--pw-text-primary);cursor:pointer;transition:background .15s}.actions-menu-dropdown button:hover{background:var(--pw-bg-hover)}.actions-menu-dropdown button.danger{color:var(--pw-danger)}.actions-menu-dropdown button.danger:hover{background:var(--pw-danger-bg)}.pathway-description{color:var(--pw-text-secondary);margin:0;font-size:.875rem;line-height:1.5;cursor:pointer;border-radius:4px;padding:.25rem;margin:-.25rem;transition:background .15s}.pathway-description:hover{background:rgba(0,0,0,.04)}.pathway-description.placeholder{color:var(--pw-text-muted);font-style:italic}.pathway-desc-input{font-size:.875rem;line-height:1.5;color:var(--pw-text-primary);border:1px solid var(--pw-primary);border-radius:4px;padding:.25rem;margin:-.25rem;background:white;outline:none;box-shadow:0 0 0 2px var(--color-brand-alpha-15);width:100%;resize:vertical;font-family:inherit}.pathway-meta{display:flex;align-items:stretch;gap:0;background:white;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);overflow:hidden}.pathway-meta-field{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .875rem;flex:1;min-width:0}.pathway-meta-divider{width:1px;background:var(--pw-border);flex-shrink:0}.meta-field-label{font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pw-text-muted);line-height:1}.meta-field-value{font-size:.875rem;font-weight:600;color:var(--pw-text-primary);line-height:1.2}.pathway-meta .meta-inline-input,.pathway-meta .meta-inline-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0;border:none;border-radius:0;background:transparent;font-size:.875rem;font-weight:600;color:var(--pw-text-primary);cursor:pointer;line-height:1.2;width:100%;min-width:0}.pathway-meta .meta-inline-input:focus,.pathway-meta .meta-inline-select:focus{outline:none}.pathway-meta .meta-inline-select{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}.pathway-meta .meta-inline-input[value=""]{color:var(--pw-text-muted);font-weight:500}.pathway-meta-learners{cursor:pointer;transition:background .15s}.pathway-meta-learners:hover{background:var(--pw-bg-hover)}.meta-add-action{font-size:.75rem;font-weight:600;color:var(--pw-primary);margin-left:.375rem}.pathway-scenarios{flex:1;padding:1.5rem;overflow-y:auto}.scenarios-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.scenarios-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--pw-text-primary)}.scenarios-actions{display:flex;gap:.75rem}.add-scenario-btn{background:var(--pw-gradient);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--pw-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.add-scenario-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.assign-btn{background:var(--pw-success);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--pw-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.assign-btn:hover{background:var(--pw-success-dark)}.empty-scenarios{text-align:center;padding:4rem 2rem;background:var(--pw-bg-subtle);border-radius:var(--pw-radius-md);border:2px dashed var(--pw-border)}.empty-scenarios-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-scenarios p{color:var(--pw-text-secondary);margin-bottom:1.25rem;font-size:.95rem}.empty-scenarios button{background:var(--pw-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--pw-radius-sm);font-weight:600;cursor:pointer;transition:all .2s}.empty-scenarios button:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.scenarios-grid{display:flex;flex-direction:column;gap:0}.scenario-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0}.row-cards{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;align-items:center}.scenario-card-grid{display:inline-flex;align-items:center;gap:.5rem;background:white;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);padding:.5rem .75rem;cursor:grab;transition:all .15s;max-width:280px}.scenario-card-grid:hover{border-color:var(--pw-primary);box-shadow:var(--pw-shadow-sm)}.scenario-card-grid.dragging{opacity:.4}.scenario-card-grid.dragging-overlay{background:white;border:2px solid var(--pw-primary);box-shadow:var(--pw-shadow-lg);cursor:grabbing}.scenario-avatar-grid{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.scenario-avatar-grid-placeholder{width:28px;height:28px;border-radius:50%;background:var(--pw-bg-subtle);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--pw-text-secondary);flex-shrink:0;border:1px solid var(--pw-border-light)}.scenario-title-grid{font-size:.85rem;font-weight:500;color:var(--pw-text-primary)}.scenario-remove-btn-grid{width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--pw-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;transition:all .15s;flex-shrink:0;opacity:0;margin-left:auto}.scenario-card-grid:hover .scenario-remove-btn-grid{opacity:1}.scenario-remove-btn-grid:hover{background:var(--pw-danger-bg);color:var(--pw-danger)}.scenario-remove-btn-grid:disabled{opacity:.3;cursor:not-allowed}.row-drop-zone{height:4px;border-radius:2px;transition:all .15s;position:relative}.row-drop-zone-active{height:40px;background:var(--color-brand-alpha-10);border:2px dashed var(--pw-primary);border-radius:var(--pw-radius-sm);margin:.5rem 0}.row-drop-indicator{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;font-size:.8rem;color:var(--pw-primary);font-weight:500}.row-drop-zone-active .row-drop-indicator{display:flex}.parallel-drop-zone{width:36px;height:36px;border:2px dashed var(--pw-border);border-radius:var(--pw-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--pw-text-muted);font-size:1.25rem;transition:all .15s;flex-shrink:0}.parallel-drop-zone-active{border-color:var(--pw-primary);background:var(--color-brand-alpha-10);color:var(--pw-primary)}.add-row-hint{padding:1rem 0 0;text-align:left}.add-row-hint span{font-size:.8rem;color:var(--pw-text-muted);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pw-modal{background:white;border-radius:var(--pw-radius-lg);width:100%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:var(--pw-shadow-lg);animation:slideUp .2s ease-out;position:relative;display:flex;flex-direction:column}.pw-modal.modal-large{max-width:680px}.pw-modal.modal-xl{max-width:800px}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--pw-bg-hover);border-radius:50%;font-size:1.25rem;line-height:1;color:var(--pw-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close-btn:hover{background:var(--pw-border);color:var(--pw-text-primary)}.pw-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--pw-border)}.pw-modal-header h2{margin:0 2rem 0 0;font-size:1.375rem;font-weight:700;color:var(--pw-text-primary);line-height:1.3}.pw-modal-header p{margin:.5rem 0 0;color:var(--pw-text-secondary);font-size:.9rem}.pw-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.pw-modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--pw-border);display:flex;justify-content:flex-end;gap:.75rem}.pw-btn{padding:.625rem 1.25rem;border-radius:var(--pw-radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.pw-btn-secondary{background:var(--pw-bg-hover);border:1px solid var(--pw-border);color:var(--pw-text-primary)}.pw-btn-secondary:hover{background:var(--pw-border)}.pw-btn-primary{background:var(--pw-gradient);border:none;color:#fff}.pw-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.pw-btn-primary:disabled,.pw-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pw-btn-danger{background:var(--pw-danger);border:none;color:#fff}.pw-btn-danger:hover:not(:disabled){background:var(--color-error-dark)}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--pw-text-primary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);font-size:.9rem;transition:all .2s;background:white}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--pw-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scenario-picker{display:flex;flex-direction:column;gap:.75rem}.scenario-picker-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.scope-filter{display:flex;gap:.25rem;background:var(--color-bg-quaternary);border-radius:8px;padding:.25rem;flex-shrink:0}.scope-filter .filter-btn{padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-medium);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;white-space:nowrap}.scope-filter .filter-btn:hover{color:var(--color-text-dark)}.scope-filter .filter-btn.active{background:white;color:var(--color-brand-primary);box-shadow:0 1px 3px #0000001a}.scenario-picker-search{position:relative;flex:1}.scenario-picker-actions{display:flex;gap:.5rem;flex-shrink:0}.select-action-btn{background:var(--pw-bg-subtle);border:1px solid var(--pw-border);padding:.5rem .875rem;border-radius:var(--pw-radius-sm);font-size:.8rem;font-weight:500;color:var(--pw-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.select-action-btn:hover:not(:disabled){background:var(--pw-bg-hover);border-color:var(--pw-text-muted);color:var(--pw-text-primary)}.select-action-btn:disabled{opacity:.4;cursor:not-allowed}.selection-count{color:var(--pw-primary);font-weight:600}.scenario-picker-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);font-size:.9rem;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E") .75rem center no-repeat;background-size:1.125rem}.scenario-picker-search input:focus{outline:none;border-color:var(--pw-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.category-chips{display:flex;gap:.5rem;flex-wrap:wrap;padding:.25rem 0}.category-chips::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--pw-radius-full);background:var(--pw-bg-subtle);border:1px solid transparent;font-size:.8rem;font-weight:500;color:var(--pw-text-primary);cursor:pointer;transition:all .2s;white-space:nowrap}.category-chip:hover{background:var(--pw-bg-hover);border-color:var(--pw-border)}.category-chip.selected{background:var(--pw-gradient);color:#fff;border-color:transparent}.category-chip-icon{font-size:.9rem}.category-chip-count{font-size:.65rem;padding:.1rem .35rem;border-radius:var(--pw-radius-full);background:var(--color-shadow-sm);opacity:.7}.category-chip.selected .category-chip-count{background:var(--color-glass-white-20);opacity:1}.scenario-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;max-height:320px;overflow-y:auto;padding:.25rem}.scenario-picker-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);cursor:pointer;transition:all .2s;background:white}.scenario-picker-card:hover{border-color:var(--pw-text-muted);background:var(--pw-bg-subtle)}.scenario-picker-card.selected{border-color:var(--pw-primary);background:var(--color-brand-alpha-05);box-shadow:0 0 0 2px var(--color-brand-alpha-20)}.scenario-picker-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.scenario-picker-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--pw-bg-subtle);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:var(--pw-text-secondary);flex-shrink:0;border:1px solid var(--pw-border-light)}.scenario-picker-info{flex:1;min-width:0}.scenario-picker-info h5{margin:0 0 .25rem;font-size:.85rem;font-weight:600;color:var(--pw-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenario-picker-info p{margin:0;font-size:.75rem;color:var(--pw-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenario-picker-check{width:20px;height:20px;border:2px solid var(--pw-border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-size:.7rem;color:#fff}.scenario-picker-card.selected .scenario-picker-check{background:var(--pw-primary);border-color:var(--pw-primary)}.selected-scenario-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--pw-bg-subtle);border-radius:var(--pw-radius-sm);margin-bottom:1rem}.selected-scenario-summary img,.selected-scenario-summary .avatar-placeholder{width:36px;height:36px;border-radius:50%;object-fit:cover}.selected-scenario-summary .avatar-placeholder{background:var(--pw-bg-hover);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.selected-scenario-summary .scenario-name{flex:1;font-weight:600;color:var(--pw-text-primary)}.selected-scenario-summary .clear-btn{background:none;border:none;color:var(--pw-text-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s}.selected-scenario-summary .clear-btn:hover{background:var(--pw-bg-hover);color:var(--pw-danger)}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--pw-border)}.learner-search{margin-bottom:1rem}.learner-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);font-size:.9rem;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E") .75rem center no-repeat;background-size:1.125rem}.learner-search input:focus{outline:none;border-color:var(--pw-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-15)}.learners-select{max-height:300px;overflow-y:auto;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm)}.learners-list{display:flex;flex-direction:column}.learner-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--pw-border-light)}.learner-checkbox:last-child{border-bottom:none}.learner-checkbox:hover{background:var(--pw-bg-hover)}.learner-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--pw-primary)}.no-learners{text-align:center;color:var(--pw-text-secondary);padding:2rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{color:var(--pw-primary);font-size:1.1rem;display:flex;align-items:center;gap:.75rem}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid var(--pw-border);border-top-color:var(--pw-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:3rem 2rem;color:var(--pw-text-secondary)}.empty-state button{margin-top:1rem;background:var(--pw-gradient);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--pw-radius-sm);font-weight:600;cursor:pointer;transition:all .2s}.empty-state button:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}@media (max-width: 1024px){.pathways-layout{grid-template-columns:1fr}.pathways-list-panel{max-height:280px}}@media (max-width: 768px){.pathways-header{padding:1rem}.pathways-header .header-left{flex-direction:column;align-items:flex-start;gap:1rem}.pathways-header h1{font-size:1.375rem}.pathways-layout,.pathway-info{padding:1rem}.pathway-info-header{flex-direction:column;gap:.75rem}.pathway-meta{flex-direction:column}.pathway-meta-divider{width:100%;height:1px}.pathway-header-actions{flex-direction:column}.pathway-header-actions button{justify-content:center}.form-row,.options-row,.scenario-picker-grid{grid-template-columns:1fr}.pw-modal{max-height:95vh;margin:.5rem}}.scenarios-list{display:flex;flex-direction:column;gap:0}.scenario-item-wrapper{display:flex;flex-direction:column}.add-between-btn{background:none;border:none;color:var(--pw-text-muted);font-size:.75rem;padding:.375rem 0;cursor:pointer;transition:all .2s;opacity:0;height:0;overflow:hidden}.scenario-item-wrapper:hover .add-between-btn,.add-between-btn:focus{opacity:1;height:auto;padding:.5rem 0}.add-between-btn:hover{color:var(--pw-primary)}.add-between-btn:disabled{cursor:not-allowed;opacity:.3}.add-before-first{opacity:0;height:0;margin-bottom:0}.scenario-item-wrapper:first-child:hover .add-before-first,.add-before-first:focus{opacity:1;height:auto;padding:.5rem 0;margin-bottom:.25rem}.scenario-list-item{display:flex;align-items:center;gap:.75rem;background:white;border:1px solid var(--pw-border);border-radius:var(--pw-radius-sm);padding:.75rem 1rem;transition:all .15s;cursor:grab;-webkit-user-select:none;user-select:none}.scenario-list-item:hover{border-color:var(--pw-primary);box-shadow:var(--pw-shadow-sm)}.scenario-list-item:active{cursor:grabbing}.scenario-list-item.dragging{opacity:.5;border-style:dashed}.scenario-list-item.dragging-overlay{background:white;border:2px solid var(--pw-primary);box-shadow:var(--pw-shadow-lg);cursor:grabbing}.drag-icon{font-size:1rem;letter-spacing:-.2em;color:var(--pw-text-muted);flex-shrink:0}.scenario-position{width:24px;height:24px;border-radius:50%;background:var(--pw-gradient);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scenario-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.scenario-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--pw-bg-subtle);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:var(--pw-text-secondary);flex-shrink:0;border:1px solid var(--pw-border-light)}.scenario-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;background:transparent!important}.scenario-info *{background:transparent!important}.scenario-name{font-size:.9rem;font-weight:600;color:var(--pw-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}.scenario-list-item:focus,.scenario-list-item:focus-visible{outline:none;background:white}.scenario-list-item:focus-within{background:white}.scenario-list-item *::selection,.scenario-list-item *::-moz-selection{background:transparent;color:inherit}.scenario-list-item .scenario-info,.scenario-list-item .scenario-name,.scenario-list-item .scenario-role{background:transparent!important;-webkit-tap-highlight-color:transparent}.scenario-role{font-size:.8rem;color:var(--pw-text-secondary);line-height:1.3}.remove-btn{width:28px;height:28px;border:none;border-radius:var(--pw-radius-sm);background:transparent;color:var(--pw-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;transition:all .15s;flex-shrink:0;opacity:0}.scenario-list-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:var(--pw-danger-bg);color:var(--pw-danger)}.remove-btn:disabled{opacity:.3;cursor:not-allowed}.report-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.report-modal{background:white;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 40px var(--color-shadow-2xl);overflow:hidden}.report-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-secondary)}.report-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-heading)}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--color-text-tertiary);cursor:pointer;padding:0;line-height:1;transition:color .15s}.close-btn:hover{color:var(--color-text-heading)}.report-body{padding:1.5rem}.report-scenario-name{margin:0 0 1.25rem;padding:.75rem 1rem;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-secondary);font-size:.95rem}.report-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.report-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.95rem;color:var(--color-text-heading);background:white;cursor:pointer;margin-bottom:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.report-select:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.report-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;color:var(--color-text-heading)}.report-textarea:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.report-textarea::placeholder{color:var(--color-text-quaternary)}.report-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-default)}.btn-cancel{padding:.625rem 1.25rem;border:1px solid var(--color-border-strong);border-radius:8px;background:white;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-cancel:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-text-quaternary)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:.625rem 1.25rem;border:none;border-radius:8px;background:var(--color-error);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-submit:hover:not(:disabled){background:var(--color-error)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.scenario-detail-modal{background:white;border-radius:16px;max-width:520px;width:90%;padding:0;box-shadow:0 20px 40px var(--color-shadow-xl);animation:slideUp .2s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--color-bg-tertiary);border-radius:50%;font-size:1.5rem;line-height:1;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.scenario-detail-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border-default)}.scenario-detail-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);padding-right:2rem;line-height:1.3}.scenario-detail-header .visibility-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.scenario-detail-header .visibility-badge.private{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.scenario-detail-header .visibility-badge.shared{background:var(--color-info-light);color:var(--color-info-dark)}.scenario-detail-header .visibility-badge.public{background:var(--color-success-light);color:var(--color-success-dark)}.scenario-detail-content{padding:1.5rem}.scenario-detail-summary{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.scenario-detail-stats{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:12px}.stat-item{display:flex;align-items:center;gap:.375rem;font-size:.9rem}.stat-icon{font-size:1rem}.stat-value{font-weight:600;color:var(--color-text-primary)}.stat-label{color:var(--color-text-tertiary)}.scenario-detail-actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;border-top:1px solid var(--color-border-default)}.scenario-detail-actions .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.scenario-detail-actions .action-btn .btn-icon{font-size:1rem}.scenario-detail-actions .action-btn.secondary{border:1px solid var(--color-border-strong);background:white;color:var(--color-text-secondary)}.scenario-detail-actions .action-btn.secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-quaternary)}.scenario-detail-actions .action-btn.primary{border:none;background:var(--color-brand-gradient);color:#fff}.scenario-detail-actions .action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.scenario-detail-actions .action-btn.danger{border:1px solid var(--color-error-light);background:var(--color-error-bg);color:var(--color-error)}.scenario-detail-actions .action-btn.danger:hover{background:var(--color-error-light);border-color:var(--color-error)}.scenario-detail-actions .action-btn.warning{border:1px solid var(--color-warning-light);background:#fff7ed;color:#c2410c}.scenario-detail-actions .action-btn.warning:hover{background:#ffedd5;border-color:#fb923c}@media (max-width: 480px){.scenario-detail-actions{flex-direction:column}.scenario-detail-stats{flex-direction:column;gap:.75rem}}.community-feed-page{min-height:100vh;background:var(--color-bg-tertiary)}.community-feed-page .community-header{background:var(--color-brand-gradient);color:#fff;padding:2rem}.community-feed-page .header-content{max-width:1200px;margin:0 auto}.community-feed-page .back-button{background:var(--color-glass-white-20);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:1rem;transition:background .2s}.community-feed-page .back-button:hover{background:var(--color-glass-white-30)}.community-feed-page .community-header h1{font-size:2rem;margin:0 0 .5rem;color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important}.community-feed-page .header-subtitle{opacity:.9;margin:0;font-size:1.1rem;color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important}.community-tabs{max-width:1200px;margin:0 auto;padding:1.5rem 2rem 0;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.tab{padding:.75rem 1.5rem;border:2px solid var(--color-gray-300);background:white;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s;color:var(--color-text-secondary);position:relative}.tab:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.tab.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.tab-count-badge{background:var(--color-error);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:999px;margin-left:.5rem;min-width:1.2rem;text-align:center}.tab-count-badge.warning{background:var(--color-warning)}.tab.active .tab-count-badge{background:white;color:var(--color-brand-primary)}.filter-buttons{margin-left:auto;display:flex;gap:1rem;align-items:center}.scope-filter,.sort-filter{display:flex;gap:.25rem;background:var(--color-bg-quaternary);border-radius:8px;padding:.25rem}.filter-btn{padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-medium);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.filter-btn:hover{color:var(--color-text-dark)}.filter-btn.active{background:white;color:var(--color-brand-primary);box-shadow:0 1px 3px #0000001a}.community-content{max-width:1200px;margin:0 auto;padding:2rem}.scenarios-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.feed-description{grid-column:1 / -1;color:var(--color-text-medium);margin:0 0 1rem}.community-feed-page .scenario-card{position:relative;background:white;border-radius:10px;padding:1rem;box-shadow:0 1px 3px var(--color-shadow-sm);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border:1px solid var(--color-border-default)}.community-feed-page .scenario-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-md);border-color:var(--color-brand-primary)}.community-feed-page .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.community-feed-page .card-header .scenario-card-avatar{width:40px;height:40px;flex-shrink:0}.community-feed-page .card-title-block{flex:1;min-width:0}.community-feed-page .scenario-title{font-size:1rem;font-weight:600;color:var(--color-text-dark);margin:0;line-height:1.3}.community-feed-page .scenario-author{color:var(--color-text-tertiary);font-size:.8rem;font-style:italic;margin:.125rem 0 0}.community-feed-page .scenario-summary{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 .5rem;flex-grow:1;background:none!important;border:none!important;padding:0!important;border-radius:0!important;display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;overflow:visible!important}.community-feed-page .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-bg-hover)}.community-feed-page .shared-date{font-size:.8rem;color:var(--color-gray-400)}.community-feed-page .card-footer-actions{display:flex;gap:.5rem;align-items:center}.community-feed-page .adopt-btn{background:var(--color-brand-primary);color:#fff;border:none;padding:.375rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap;transition:background .15s}.community-feed-page .adopt-btn:hover:not(:disabled){background:var(--color-brand-primary-hover)}.community-feed-page .adopt-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-brand-primary);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s}.btn-primary:hover{background:var(--color-brand-primary-hover)}.btn-secondary{background:var(--color-bg-quaternary);color:var(--color-text-secondary);border:none;padding:.625rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:var(--color-border-strong)}.btn-text{background:transparent;border:none;color:var(--color-text-tertiary);padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:color .2s}.btn-text:hover{color:var(--color-text-secondary)}.btn-danger-text{color:var(--color-error)}.btn-danger-text:hover{color:var(--color-error-dark)}.my-scenarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.my-scenarios .feed-description{grid-column:1 / -1}.create-new-card-prominent{background:var(--color-brand-gradient);color:#fff;border-radius:12px;padding:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;font-size:1.1rem;font-weight:500;transition:transform .2s,box-shadow .2s;grid-column:1 / -1}.create-new-card-prominent:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-brand-alpha-40)}.plus-icon{font-size:1.5rem;font-weight:700}.my-scenario-card{position:relative;background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--color-shadow-xs)}.my-scenario-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.my-scenario-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-shadow-md)}.my-scenario-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.my-scenario-card .scenario-card-avatar{width:40px;height:40px;flex-shrink:0}.my-scenario-card .card-title-block{flex:1;min-width:0}.my-scenario-card .scenario-title{font-size:1rem;font-weight:600;color:var(--color-text-dark);margin:0;line-height:1.3}.visibility-badge.floating{position:absolute;bottom:1rem;right:1rem}.my-scenarios-filters{display:flex;gap:.5rem;margin-bottom:1rem}.visibility-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.visibility-badge.private{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.visibility-badge.shared{background:var(--color-info-light);color:var(--color-info-dark)}.visibility-badge.public{background:var(--color-success-light);color:var(--color-success-dark)}.scenario-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--color-text-medium);margin-bottom:1rem}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-button{padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.action-button.primary{background:var(--color-brand-primary);color:#fff;border:none}.action-button.primary:hover{background:var(--color-brand-primary-hover)}.action-button.secondary{background:white;color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.action-button.danger{background:var(--color-error);color:#fff;border:none}.action-button.danger:hover{background:var(--color-error)}.leaderboard{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{background:white;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px var(--color-shadow-xs)}.rank{font-size:1.5rem;font-weight:700;color:var(--color-brand-primary);min-width:3rem}.item-content{flex:1}.item-content .scenario-title,.item-content .scenario-author{margin-bottom:.25rem}.item-content .scenario-summary{margin:0;font-size:.9rem}.item-stats{text-align:center}.upvote-count{font-size:1.25rem;font-weight:700;color:var(--color-brand-primary)}.community-feed-page .moderation-queue{display:flex;flex-direction:column;gap:.75rem}.community-feed-page .moderation-item{background:white;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px var(--color-shadow-sm);border:1px solid var(--color-border-default);border-left:3px solid var(--color-warning)}.community-feed-page .moderation-scenario-title{font-size:1rem;font-weight:600;color:var(--color-text-dark);margin:0 0 .5rem}.community-feed-page .moderation-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.community-feed-page .report-tags{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.community-feed-page .reason-tag{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.community-feed-page .report-count-tag{background:var(--color-error-bg);color:var(--color-error);padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.community-feed-page .reported-date{font-size:.8rem;color:var(--color-text-quaternary);white-space:nowrap}.community-feed-page .moderation-actions{display:flex;gap:.5rem}.community-feed-page .mod-btn{padding:.4rem .875rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.community-feed-page .mod-btn.dismiss{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--color-text-disabled)}.community-feed-page .mod-btn.dismiss:hover{background:var(--color-bg-quaternary)}.community-feed-page .mod-btn.hide{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-light)}.community-feed-page .mod-btn.hide:hover{background:var(--color-error-light)}.community-feed-page .mod-btn.review{background:white;color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.community-feed-page .mod-btn.review:hover{background:var(--color-info-bg)}.community-feed-page .report-details{color:var(--color-text-medium);font-size:.9rem;margin:.75rem 0;font-style:italic}.community-feed-page .moderation-actions{display:flex;gap:.5rem;margin-top:1rem}.empty-state,.loading-container{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-xs);grid-column:1 / -1}.empty-state h3{color:var(--color-text-secondary);margin-bottom:.5rem}.empty-state p{color:var(--color-text-tertiary);margin-bottom:1.5rem}.cta-button{background:var(--color-brand-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.cta-button:hover{background:var(--color-brand-primary-hover)}.loading-spinner{font-size:1.1rem;color:var(--color-brand-primary)}.remove-modal{background:white;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 20px 40px var(--color-shadow-2xl)}.remove-modal h3{margin:0 0 .5rem;color:var(--color-text-dark)}.modal-scenario-name{color:var(--color-text-medium);font-size:.9rem;margin:0 0 1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-light)}.remove-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.remove-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid var(--color-border-default);border-radius:8px;background:white;cursor:pointer;text-align:left;transition:all .2s}.remove-option:hover{border-color:var(--color-brand-primary);background:var(--color-bg-secondary)}.remove-option.hide-option:hover{border-color:var(--color-error);background:var(--color-error-bg)}.option-icon{font-size:1.5rem;flex-shrink:0}.option-content{display:flex;flex-direction:column;gap:.25rem}.option-content strong{color:var(--color-text-dark)}.option-content span{font-size:.85rem;color:var(--color-text-medium)}.modal-cancel{width:100%;padding:.75rem;background:var(--color-bg-tertiary);border:none;border-radius:6px;color:var(--color-text-medium);cursor:pointer;font-size:.9rem;transition:background .2s}.modal-cancel:hover{background:var(--color-bg-quaternary)}@media (max-width: 768px){.community-header{padding:1.5rem 1rem}.community-header h1{font-size:1.5rem}.community-tabs,.community-content{padding:1rem}.scenarios-feed,.my-scenarios{grid-template-columns:1fr}.card-footer{flex-direction:column;gap:1rem}.card-footer-actions{width:100%;justify-content:flex-end}.create-new-card-prominent{padding:1.5rem;font-size:1rem}}.community-category-accordion .category-accordion-grid{display:flex;flex-direction:column;gap:1rem}.community-category-accordion .category-section{background:transparent;border:none}.community-category-accordion .category-header{background:var(--color-bg-hover);border-radius:8px;margin-bottom:.5rem}.community-category-accordion .category-content{padding:0}.my-scenarios-page{min-height:100vh;background:var(--color-bg-tertiary)}.my-scenarios-header{background:var(--color-brand-gradient);color:#fff;padding:1.5rem 2rem}.my-scenarios-header .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.my-scenarios-header .header-left{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.my-scenarios-header .back-button{background:var(--color-glass-white-20);border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s;flex-shrink:0}.my-scenarios-header .back-button:hover{background:var(--color-glass-white-30)}.my-scenarios-header h1{font-size:1.75rem;margin:0;color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important}.my-scenarios-header .header-subtitle{opacity:.85;margin:0;font-size:1rem;color:#fff!important}.my-scenarios-stats-bar{background:white;border-bottom:1px solid var(--color-border-default)}.my-scenarios-stats-bar .stats-content{max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text-tertiary)}.my-scenarios-stats-bar .stat-separator{color:var(--color-text-disabled)}.my-scenarios-filter-bar{background:white;border-bottom:1px solid var(--color-border-default);position:sticky;top:0;z-index:10}.my-scenarios-filter-bar .filter-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.my-scenarios-filter-bar .search-wrapper{flex:1;min-width:200px;position:relative}.my-scenarios-filter-bar .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--color-text-quaternary)}.my-scenarios-filter-bar .search-input{width:100%;padding:.625rem 2.5rem .625rem 2.25rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.my-scenarios-filter-bar .search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.my-scenarios-filter-bar .clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--color-bg-quaternary);border:none;width:20px;height:20px;border-radius:50%;font-size:.8rem;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.my-scenarios-filter-bar .clear-search:hover{background:var(--color-border-strong);color:var(--color-text-secondary)}.my-scenarios-filter-bar .visibility-filters{display:flex;gap:.25rem;background:var(--color-bg-quaternary);border-radius:8px;padding:.25rem}.my-scenarios-filter-bar .filter-btn{padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-medium);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.my-scenarios-filter-bar .filter-btn:hover{color:var(--color-text-dark)}.my-scenarios-filter-bar .filter-btn.active{background:white;color:var(--color-brand-primary);box-shadow:0 1px 3px #0000001a}.my-scenarios-filter-bar .filter-separator{display:flex;align-items:center;color:var(--color-text-quaternary);padding:0 .25rem}.my-scenarios-filter-bar .filter-btn.active.archived{background:var(--color-warning-light);color:var(--color-warning-dark)}.my-scenarios-content{max-width:1200px;margin:0 auto;padding:2rem}.my-scenarios-page .scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.my-scenarios-page .create-new-card{background:white;color:var(--color-brand-primary);border:2px dashed var(--color-brand-primary);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s;min-height:180px}.my-scenarios-page .create-new-card:hover{background:var(--color-brand-gradient);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 16px var(--color-brand-alpha-40)}.my-scenarios-page .create-new-card .plus-icon{font-size:2.5rem;font-weight:300;opacity:.9}.my-scenarios-page .create-new-card .create-text{font-size:1.1rem;font-weight:500}.my-scenarios-page .scenario-card{position:relative;background:white;border-radius:12px;padding:20px 16px;border:1px solid var(--color-border-default);display:flex;flex-direction:column;align-items:flex-start;min-height:180px}.my-scenarios-page .scenario-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.my-scenarios-page .scenario-card.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow-lg)}.my-scenarios-page .visibility-badge.floating{position:absolute;bottom:16px;right:16px}.my-scenarios-page .visibility-badge{padding:.25rem .625rem;border-radius:20px;font-size:.7rem;font-weight:600}.my-scenarios-page .visibility-badge.private{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.my-scenarios-page .visibility-badge.shared{background:var(--color-info-light);color:var(--color-info-dark)}.my-scenarios-page .visibility-badge.public{background:var(--color-success-light);color:var(--color-success-dark)}.my-scenarios-page .card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;width:100%}.my-scenarios-page .scenario-card-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-code);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-focus)}.my-scenarios-page .scenario-card-avatar img{width:100%;height:100%;object-fit:cover}.my-scenarios-page .scenario-card-avatar.placeholder{border:2px dashed var(--color-border-strong);background:var(--color-bg-tertiary)}.my-scenarios-page .scenario-card-avatar .avatar-outline{font-size:1.25rem;opacity:.5}.my-scenarios-page .card-title-block{flex:1;min-width:0}.my-scenarios-page .scenario-title{font-size:1rem;font-weight:600;color:var(--color-text-dark);margin:0;line-height:1.3}.my-scenarios-page .scenario-summary{color:var(--color-text-medium);font-size:.85rem;line-height:1.4;margin:0 0 12px;flex-grow:1;text-align:left;background:none!important;border:none!important;border-radius:0!important;padding:0!important;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.my-scenarios-page .scenario-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--color-text-quaternary);margin-top:auto}.my-scenarios-page .scenario-stats .stat{color:var(--color-text-tertiary)}.my-scenarios-page .loading-container,.my-scenarios-page .empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-xs)}.my-scenarios-page .loading-spinner{font-size:1.1rem;color:var(--color-brand-primary)}.my-scenarios-page .empty-state p{color:var(--color-text-tertiary);margin-bottom:1.5rem}.my-scenarios-page .cta-button{background:var(--color-brand-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.my-scenarios-page .cta-button:hover{background:var(--color-brand-primary-hover)}.my-scenarios-page .empty-state-inline{grid-column:2 / -1;text-align:left;padding:2rem;background:var(--color-bg-secondary);border-radius:12px}.my-scenarios-page .empty-state-inline h3{margin:0 0 .5rem;color:var(--color-text-secondary);font-size:1rem}.my-scenarios-page .empty-state-inline p{margin:0;color:var(--color-text-tertiary);font-size:.9rem}@media (max-width: 768px){.my-scenarios-header{padding:1.5rem 1rem}.my-scenarios-header h1{font-size:1.5rem}.my-scenarios-stats-bar .stats-content{padding:.75rem 1rem}.my-scenarios-filter-bar .filter-content{padding:1rem;flex-direction:column;align-items:stretch}.my-scenarios-filter-bar .search-wrapper{min-width:100%}.my-scenarios-filter-bar .visibility-filters{justify-content:center}.my-scenarios-content{padding:1rem}.my-scenarios-page .scenarios-grid{grid-template-columns:1fr}.my-scenarios-page .empty-state-inline{grid-column:1}}.org-dashboard-page{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,#c3cfe2 100%);padding-bottom:2rem}.org-dashboard-page .dashboard-header{background:white;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--color-shadow-sm);margin-bottom:1.5rem}.org-dashboard-page .dashboard-header h1{font-size:1.5rem;margin:0;color:var(--color-dark-bg-secondary)}.org-dashboard-page .header-subtitle{color:var(--color-text-medium);font-size:.85rem;margin:.25rem 0 0}.org-dashboard-page .header-actions{display:flex;gap:.75rem}.org-dashboard-page .back-button{padding:.5rem 1rem;background:var(--color-bg-hover);border:1px solid var(--color-border-default);border-radius:.5rem;color:var(--color-text-medium);cursor:pointer;font-size:.85rem;transition:all .2s;text-decoration:none}.org-dashboard-page .back-button:hover{background:var(--color-bg-quaternary);color:var(--color-text-dark)}.org-dashboard-page .dashboard-content{max-width:1200px;margin:0 auto;padding:0 1.5rem}.org-dashboard-page .summary-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.org-dashboard-page .summary-card{background:white;border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 8px var(--color-glass-black-06);text-align:center}.org-dashboard-page .summary-card .card-value{font-size:2rem;font-weight:700;color:var(--color-dark-bg-secondary);line-height:1.2}.org-dashboard-page .summary-card .card-label{font-size:.8rem;color:var(--color-text-medium);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.org-dashboard-page .summary-card.accent .card-value{background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.org-dashboard-page .tab-bar{display:flex;gap:0;background:white;border-radius:.75rem;box-shadow:0 2px 8px var(--color-glass-black-06);margin-bottom:1.5rem;overflow:hidden}.org-dashboard-page .tab-button{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--color-text-medium);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;border-bottom:3px solid transparent}.org-dashboard-page .tab-button:hover{color:var(--color-text-dark);background:var(--color-bg-code)}.org-dashboard-page .tab-button.active{color:var(--color-brand-primary);font-weight:600;border-bottom-color:var(--color-brand-primary);background:var(--color-bg-secondary)}.org-dashboard-page .section-card{background:white;border-radius:.75rem;box-shadow:0 2px 8px var(--color-glass-black-06);margin-bottom:1.5rem;overflow:hidden}.org-dashboard-page .section-header-gradient{background:var(--color-brand-gradient);color:#fff;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;gap:1rem}.org-dashboard-page .section-body{padding:1.5rem}.org-dashboard-page .learner-toggle{display:flex;gap:0;background:var(--color-glass-white-20);border-radius:6px;overflow:hidden}.org-dashboard-page .toggle-pill{padding:.35rem .85rem;border:none;background:transparent;color:#ffffffb3;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.org-dashboard-page .toggle-pill:hover{color:#fff}.org-dashboard-page .toggle-pill.active{background:white;color:var(--color-brand-primary);font-weight:600;border-radius:5px}.org-dashboard-page .category-explainer{color:var(--color-text-medium);font-size:.85rem;font-style:italic;margin:0 0 .75rem;text-align:center}.org-dashboard-page .data-table{width:100%;border-collapse:collapse;font-size:.9rem}.org-dashboard-page .data-table th{text-align:left;padding:.75rem;border-bottom:2px solid var(--color-gray-light);color:var(--color-text-tertiary);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.org-dashboard-page .data-table th:hover{color:var(--color-text-secondary)}.org-dashboard-page .data-table th .sort-indicator{margin-left:.25rem;opacity:.5}.org-dashboard-page .data-table th .sort-indicator.active{opacity:1}.org-dashboard-page .data-table td{padding:.75rem;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-dark)}.org-dashboard-page .data-table tr:last-child td{border-bottom:none}.org-dashboard-page .data-table tr:hover td{background:var(--color-bg-code)}.org-dashboard-page .cell-email{font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-dashboard-page .cell-name{font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.org-dashboard-page .section-header-gradient .group-filter{padding:.35rem .6rem;border:1px solid var(--color-glass-white-30);border-radius:6px;font-size:.8rem;background:var(--color-glass-white-15);color:#fff;cursor:pointer;min-width:140px}.org-dashboard-page .section-header-gradient .group-filter option{color:var(--color-text-dark);background:white}.org-dashboard-page .section-header-gradient .group-filter:focus{outline:none;border-color:#fff9}.org-dashboard-page .device-breakdown-full{display:flex;flex-direction:column;gap:2rem}.org-dashboard-page .device-list h4{margin:0 0 .75rem;font-size:.85rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.org-dashboard-page .device-bar-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.org-dashboard-page .device-label{font-size:.85rem;color:var(--color-text-dark);min-width:100px;text-align:right}.org-dashboard-page .device-bar{flex:1;height:24px;background:var(--color-bg-hover);border-radius:4px;overflow:hidden}.org-dashboard-page .device-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.org-dashboard-page .device-count{font-size:.85rem;color:var(--color-text-medium);min-width:40px;font-weight:500}.org-dashboard-page .loading-placeholder{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-gray-400);font-size:.9rem}.org-dashboard-page .error-message{color:#c00;background:var(--color-error-bg);padding:1rem;border-radius:.5rem;font-size:.9rem;margin-bottom:1rem}.org-dashboard-page .empty-state{text-align:center;padding:3rem;color:var(--color-gray-400)}@media (max-width: 768px){.org-dashboard-page .dashboard-header{flex-direction:column;gap:1rem;text-align:center}.org-dashboard-page .summary-cards{grid-template-columns:repeat(2,1fr)}.org-dashboard-page .tab-bar{flex-wrap:wrap}.org-dashboard-page .tab-button{flex:0 0 auto;min-width:0;padding:.6rem .75rem;font-size:.75rem}.org-dashboard-page .dashboard-content{padding:0 1rem}.org-dashboard-page .section-header-gradient{flex-direction:column;align-items:flex-start;gap:.5rem}.org-dashboard-page .section-header-gradient .group-filter{width:100%}.org-dashboard-page .learner-toggle{margin-top:.25rem}.org-dashboard-page .device-label{min-width:70px;font-size:.8rem}}@media (max-width: 480px){.org-dashboard-page .summary-cards{grid-template-columns:1fr}}.org-dashboard-page .scenarios-table{table-layout:fixed}.org-dashboard-page .scenarios-table th{white-space:normal}.org-dashboard-page .scenarios-table .col-health{cursor:default;white-space:nowrap}.org-dashboard-page .scenarios-table-wrapper{overflow-x:auto}.org-dashboard-page .scenario-row:hover td{background:var(--color-info-bg)}.org-dashboard-page .scenario-row--expanded td{background:var(--color-info-bg);border-bottom-color:transparent}.org-dashboard-page .review-panel-row td{padding:0;border-bottom:1px solid var(--color-border-subtle);width:100%;overflow:hidden}.org-dashboard-page .review-panel-row:hover td{background:transparent}.review-table .cell--danger{color:var(--color-error);font-weight:600}.review-table .cell--warning{color:var(--color-warning-dark);font-weight:600}.review-table__runs-detail{font-size:.78rem;color:var(--color-text-quaternary);font-weight:400}.help-page{min-height:100vh;background:#f8f9fb;display:flex;flex-direction:column}.help-page .help-header{background:white;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px var(--color-glass-black-06);flex-shrink:0;z-index:20;position:relative}.help-page .help-header-left{display:flex;align-items:center;gap:1rem}.help-page .help-back-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-slate-tertiary);text-decoration:none;font-size:.875rem;font-weight:500;padding:.375rem .625rem;border-radius:.375rem;transition:color .15s,background .15s}.help-page .help-back-link:hover{color:var(--color-text-slate-primary);background:var(--color-bg-slate-100)}.help-page .help-back-link svg{width:16px;height:16px}.help-page .help-header-divider{width:1px;height:24px;background:var(--color-bg-slate-200)}.help-page .help-header-title{font-size:1rem;font-weight:600;color:var(--color-text-slate-primary);margin:0}.help-page .help-header-actions{display:flex;align-items:center;gap:.75rem}.help-page .help-logout-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border-slate);border-radius:.5rem;color:var(--color-text-slate-tertiary);cursor:pointer;font-size:.875rem;transition:all .15s}.help-page .help-logout-button:hover{background:var(--color-error-bg);border-color:var(--color-error-light);color:var(--color-error)}.help-page .help-body{display:flex;flex:1;min-height:0;overflow:hidden}.help-page .help-sidebar{width:280px;flex-shrink:0;background:white;border-right:1px solid var(--color-gray-200);overflow-y:auto;padding:1.5rem 0;-webkit-overflow-scrolling:touch}.help-page .help-sidebar-group{margin-bottom:1.25rem}.help-page .help-sidebar-group-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-slate-quaternary);padding:0 1.25rem;margin:0 0 .375rem}.help-page .help-sidebar-link{display:block;padding:.5rem 1.25rem;font-size:.875rem;color:var(--color-text-slate-secondary);text-decoration:none;line-height:1.4;transition:color .12s,background .12s;border-left:3px solid transparent}.help-page .help-sidebar-link:hover{color:var(--color-text-slate-primary);background:var(--color-bg-page)}.help-page .help-sidebar-link.active{color:var(--color-info-dark);background:var(--color-info-bg);border-left-color:var(--color-info-dark);font-weight:500}.help-page .help-sidebar-badge{display:inline-block;font-size:.6875rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem;margin-left:.375rem;vertical-align:middle}.help-page .help-sidebar-badge.facilitator{background:var(--color-info-light);color:var(--color-info-dark)}.help-page .help-sidebar-badge.learner{background:var(--color-success-light);color:var(--color-success-dark)}.help-page .help-sidebar-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.375rem;border:1px solid var(--color-border-slate);background:white;cursor:pointer;color:var(--color-text-slate-secondary);transition:background .15s}.help-page .help-sidebar-toggle:hover{background:var(--color-bg-slate-100)}.help-page .help-sidebar-toggle svg{width:20px;height:20px}.help-page .help-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);z-index:30;opacity:0;pointer-events:none;transition:opacity .2s ease}.help-page .help-sidebar-overlay.visible{opacity:1;pointer-events:auto}.help-page .help-article-area{flex:1;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.help-page .help-article-container{max-width:760px;margin:0 auto;padding:2.5rem 2rem 4rem}.help-page .help-welcome{max-width:760px;margin:0 auto;padding:3rem 2rem 4rem}.help-page .help-welcome-header{margin-bottom:2.5rem}.help-page .help-welcome-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-slate-primary);margin:0 0 .5rem}.help-page .help-welcome-header p{font-size:1rem;color:var(--color-text-slate-tertiary);margin:0;line-height:1.6}.help-page .help-welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.help-page .help-welcome-card{background:white;border-radius:.75rem;padding:1.25rem 1.5rem;text-decoration:none;color:inherit;border:1px solid var(--color-gray-200);transition:border-color .15s,box-shadow .15s,transform .15s}.help-page .help-welcome-card:hover{border-color:var(--color-info-light);box-shadow:0 4px 12px #2563eb14;transform:translateY(-1px)}.help-page .help-welcome-card h3{font-size:.9375rem;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 .25rem}.help-page .help-welcome-card p{font-size:.8125rem;color:var(--color-text-slate-tertiary);margin:0;line-height:1.5}.help-page .help-welcome-section{margin-bottom:2rem}.help-page .help-welcome-section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-slate-quaternary);margin:0 0 .75rem}.help-article-content h1{font-size:1.75rem;font-weight:700;color:var(--color-text-slate-primary);margin:0 0 .375rem;line-height:1.25}.help-article-content h1+p{font-size:1.0625rem;color:var(--color-text-slate-tertiary);margin:0 0 1.75rem;line-height:1.6}.help-article-content h2{font-size:1.3125rem;font-weight:600;color:var(--color-text-slate-primary);margin:2rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-200);line-height:1.3}.help-article-content h3{font-size:1.0625rem;font-weight:600;color:var(--color-text-slate-primary);margin:1.5rem 0 .5rem;line-height:1.35}.help-article-content h4{font-size:.9375rem;font-weight:600;color:var(--color-text-slate-secondary);margin:1.25rem 0 .375rem}.help-article-content p{font-size:.9375rem;color:var(--color-text-slate-primary);line-height:1.7;margin:0 0 1rem}.help-article-content a{color:var(--color-info-dark);text-decoration:none;font-weight:500}.help-article-content a:hover{text-decoration:underline}.help-article-content strong{font-weight:600;color:var(--color-text-slate-primary)}.help-article-content ul,.help-article-content ol{margin:0 0 1rem;padding-left:1.5rem}.help-article-content li{font-size:.9375rem;color:var(--color-text-slate-primary);line-height:1.7;margin-bottom:.25rem}.help-article-content li>ul,.help-article-content li>ol{margin:.25rem 0}.help-article-content hr{border:none;border-top:1px solid var(--color-gray-200);margin:2rem 0}.help-article-content blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid var(--color-info-dark);background:var(--color-bg-page);border-radius:0 .375rem .375rem 0}.help-article-content blockquote p{margin:0;color:var(--color-text-slate-secondary)}.help-article-content table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.875rem}.help-article-content thead th{background:var(--color-bg-slate-100);text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--color-text-slate-primary);border-bottom:2px solid var(--color-bg-slate-200)}.help-article-content tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--color-gray-200);color:var(--color-text-slate-secondary);line-height:1.5;vertical-align:top}.help-article-content tbody tr:last-child td{border-bottom:none}.help-article-content img{max-width:100%;height:auto;border-radius:.5rem;border:1px solid var(--color-border-slate);margin:1rem 0;display:block}.help-article-content code:not(pre code){background:var(--color-bg-slate-100);padding:.125rem .375rem;border-radius:.25rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125em;color:#d946ef}.help-article-content pre{background:#0f172a;border-radius:.5rem;padding:1rem;overflow-x:auto;margin:1rem 0}.help-article-content pre code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:var(--color-bg-slate-200)}.help-article-content em:last-child{display:block;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-gray-200);font-size:.8125rem;color:var(--color-text-slate-quaternary);font-style:normal}.help-article-content .help-comment-placeholder{display:none}.help-page .help-not-found{max-width:760px;margin:0 auto;padding:4rem 2rem;text-align:center}.help-page .help-not-found h2{font-size:1.25rem;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 .5rem}.help-page .help-not-found p{color:var(--color-text-slate-tertiary);margin:0 0 1.5rem}.help-page .help-not-found a{color:var(--color-info-dark);text-decoration:none;font-weight:500}.help-page .help-not-found a:hover{text-decoration:underline}@media (max-width: 1024px){.help-page .help-sidebar{width:240px}.help-page .help-article-container,.help-page .help-welcome{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 768px){.help-page .help-sidebar-toggle{display:flex}.help-page .help-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:40;transform:translate(-100%);transition:transform .25s ease;box-shadow:none;padding-top:1rem}.help-page .help-sidebar.open{transform:translate(0);box-shadow:4px 0 16px var(--color-shadow-md)}.help-page .help-sidebar-overlay{display:block}.help-page .help-sidebar-close{display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1rem .75rem}.help-page .help-sidebar-close button{width:32px;height:32px;border-radius:.375rem;border:1px solid var(--color-border-slate);background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-slate-tertiary);font-size:1.125rem}.help-page .help-sidebar-close button:hover{background:var(--color-bg-slate-100)}.help-page .help-header{padding:.75rem 1rem}.help-page .help-article-container,.help-page .help-welcome{padding:1.5rem 1rem 3rem}.help-page .help-welcome-grid{grid-template-columns:1fr}.help-page .help-welcome-header h1,.help-article-content h1{font-size:1.375rem}.help-article-content h2{font-size:1.125rem}.help-article-content img{border-radius:.375rem}.help-article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (min-width: 769px){.help-page .help-sidebar-close{display:none}}.help-panel-resizer{position:relative;width:12px;flex-shrink:0;cursor:col-resize;display:flex;align-items:center;justify-content:center;background:transparent;transition:background .2s ease;z-index:10;margin:0 -4px;padding:0 4px}.help-panel-resizer:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--color-bg-slate-200);transform:translate(-50%);transition:all .2s ease}.help-resizer-grip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;opacity:.3;transition:opacity .2s ease,transform .2s ease}.help-grip-dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-slate-quaternary);transition:all .15s ease}.help-panel-resizer.hovering{background:rgba(37,99,235,.04)}.help-panel-resizer.hovering:before{background:var(--color-info-dark);width:2px}.help-panel-resizer.hovering .help-resizer-grip{opacity:1}.help-panel-resizer.hovering .help-grip-dot{background:var(--color-info-dark)}.help-panel-resizer.dragging{background:rgba(37,99,235,.08)}.help-panel-resizer.dragging:before{background:var(--color-info-dark);width:2px;box-shadow:0 0 8px #2563eb66}.help-panel-resizer.dragging .help-resizer-grip{opacity:1;transform:scale(1.1)}.help-panel-resizer.dragging .help-grip-dot{background:var(--color-info-dark);box-shadow:0 0 4px #2563eb80}.help-panel-resizer:focus{outline:none}.help-panel-resizer:focus-visible{background:rgba(37,99,235,.06)}.help-panel-resizer:focus-visible:before{background:rgba(37,99,235,.5);width:2px}.help-panel-resizer:focus-visible .help-resizer-grip{opacity:1}@media (max-width: 768px){.help-panel-resizer{display:none}}.hp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end;pointer-events:none}.hp-overlay>*{pointer-events:auto}.hp-overlay .hp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.3);opacity:0;transition:opacity .25s ease;z-index:0}.hp-overlay.visible .hp-backdrop{opacity:1}.hp-panel{position:relative;z-index:2;height:100%;background:#f8f9fb;display:flex;flex-direction:column;box-shadow:-4px 0 24px var(--color-shadow-lg);transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);outline:none}.hp-overlay.visible .hp-panel{transform:translate(0)}.hp-panel.resizing{transition:none;-webkit-user-select:none;user-select:none}.hp-header{background:white;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.hp-header-left{display:flex;align-items:center;gap:.5rem}.hp-header-title{font-size:.9375rem;font-weight:600;color:var(--color-text-slate-primary);margin:0}.hp-back-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--color-text-slate-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:color .15s,background .15s}.hp-back-btn:hover{color:var(--color-text-slate-primary);background:var(--color-bg-slate-100)}.hp-back-btn svg{width:14px;height:14px}.hp-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border-slate);border-radius:.375rem;color:var(--color-text-slate-tertiary);cursor:pointer;transition:all .15s}.hp-close-btn:hover{background:var(--color-error-bg);border-color:var(--color-error-light);color:var(--color-error)}.hp-close-btn svg{width:16px;height:16px}.hp-body{display:flex;flex:1;min-height:0;overflow:hidden}.hp-sidebar-badge{display:inline-block;font-size:.625rem;font-weight:500;padding:.0625rem .3125rem;border-radius:.25rem;margin-left:.25rem;vertical-align:middle}.hp-sidebar-badge.facilitator{background:var(--color-info-light);color:var(--color-info-dark)}.hp-sidebar-badge.learner{background:var(--color-success-light);color:var(--color-success-dark)}.hp-article-area{flex:1;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.hp-article-container{max-width:640px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.hp-panel .help-article-content table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.875rem}.hp-panel .help-article-content thead th{background:var(--color-bg-slate-100);text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--color-text-slate-primary);border-bottom:2px solid var(--color-bg-slate-200)}.hp-panel .help-article-content tbody td{padding:.5rem .75rem;border-bottom:1px solid var(--color-gray-200);color:var(--color-text-slate-secondary);line-height:1.5;vertical-align:top}.hp-panel .help-article-content tbody tr:last-child td{border-bottom:none}.hp-welcome{max-width:640px;margin:0 auto;padding:2rem 1.25rem 3rem}.hp-welcome-header{margin-bottom:1.5rem}.hp-welcome-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text-slate-primary);margin:0 0 .375rem}.hp-welcome-header p{font-size:.875rem;color:var(--color-text-slate-tertiary);margin:0;line-height:1.6}.hp-welcome-section{margin-bottom:1.5rem}.hp-welcome-section-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-slate-quaternary);margin:0 0 .5rem}.hp-welcome-grid{display:grid;grid-template-columns:1fr;gap:.625rem}.hp-welcome-card{background:white;border-radius:.5rem;padding:.875rem 1rem;text-decoration:none;color:inherit;border:1px solid var(--color-gray-200);transition:border-color .15s,box-shadow .15s}.hp-welcome-card:hover{border-color:var(--color-info-light);box-shadow:0 2px 8px #2563eb14}.hp-welcome-card h3{font-size:.8125rem;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 .125rem}.hp-welcome-card p{font-size:.75rem;color:var(--color-text-slate-tertiary);margin:0;line-height:1.4}.hp-not-found{padding:3rem 1.25rem;text-align:center}.hp-not-found h2{font-size:1.125rem;font-weight:600;color:var(--color-text-slate-primary);margin:0 0 .375rem}.hp-not-found p{color:var(--color-text-slate-tertiary);margin:0 0 1rem;font-size:.875rem}.hp-not-found a{color:var(--color-info-dark);text-decoration:none;font-weight:500;font-size:.875rem}.hp-not-found a:hover{text-decoration:underline}.hp-overlay .help-panel-resizer{position:relative;z-index:1;align-self:stretch}.hp-scenario-context{max-width:640px;margin:0 auto;padding:0 0 3rem}.hp-sc-header{padding:1.25rem 1.5rem 1rem;background:var(--color-brand-gradient);text-align:center;margin-bottom:1.5rem}.hp-sc-label{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-glass-white-85);background:var(--color-glass-white-15);padding:.25rem .75rem;border-radius:100px;margin-bottom:.5rem}.hp-sc-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.hp-sc-tagline{margin:.5rem 0 0;font-size:.875rem;color:#fffc;font-style:italic;line-height:1.4}.hp-sc-persona{display:flex;align-items:center;gap:.875rem;margin:0 1.25rem 1.25rem;padding:1rem;background:var(--color-brand-alpha-08);border-radius:.75rem;border:1px solid var(--color-brand-alpha-15)}.hp-sc-avatar{flex-shrink:0;width:48px;height:48px}.hp-sc-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.hp-sc-avatar-ph{width:48px;height:48px;border-radius:50%;background:var(--color-brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.hp-sc-persona-info{display:flex;flex-direction:column;gap:.125rem}.hp-sc-persona-name{font-size:.9375rem;font-weight:600;color:var(--color-text-slate-primary)}.hp-sc-persona-role{font-size:.8125rem;color:var(--color-text-slate-tertiary)}.hp-sc-roles{display:flex;flex-direction:column;gap:.5rem;margin:0 1.25rem 1.5rem}.hp-sc-role{display:flex;gap:.5rem;align-items:baseline}.hp-sc-role-label{font-size:.75rem;font-weight:600;color:var(--color-text-slate-quaternary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:100px}.hp-sc-role-value{font-size:.875rem;color:var(--color-text-slate-primary)}.hp-sc-section{margin:0 1.25rem 1.25rem}.hp-sc-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-slate-quaternary);margin:0 0 .5rem}.hp-sc-section-text,.hp-sc-brief-text{font-size:.875rem;color:var(--color-text-slate-secondary);line-height:1.6;margin:0}.hp-sc-objectives{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.hp-sc-objectives li{font-size:.875rem;color:var(--color-text-slate-secondary);line-height:1.5;padding-left:1.25rem;position:relative}.hp-sc-objectives li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--color-brand-primary)}.hp-sc-guides-link{display:inline-block;margin:1.5rem 1.25rem 0;background:none;border:none;color:var(--color-info-dark);font-size:.8125rem;font-weight:500;cursor:pointer;padding:0}.hp-sc-guides-link:hover{text-decoration:underline}@media (min-width: 769px){.hp-overlay .hp-backdrop{display:none}}@media (max-width: 768px){.hp-panel{width:100%!important}.hp-article-container,.hp-welcome{padding:1.25rem 1rem 2.5rem}.hp-overlay .help-panel-resizer{display:none}}.testing-panel{position:fixed;top:0;right:0;height:100vh;background:var(--color-surface, #fff);border-left:1px solid var(--color-border, #e0e0e0);display:flex;flex-direction:column;z-index:9999;box-shadow:-2px 0 8px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:var(--color-text, #333)}.testing-panel--collapsed{position:fixed;top:50%;right:0;transform:translateY(-50%);width:40px;height:auto;border-radius:8px 0 0 8px;border:1px solid var(--color-border, #e0e0e0);border-right:none;background:var(--color-surface, #fff);box-shadow:-2px 0 8px #00000014;z-index:9999;cursor:pointer;padding:12px 4px;writing-mode:vertical-rl;text-orientation:mixed;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit}.testing-panel__collapsed-label{font-size:12px;font-weight:600;white-space:nowrap}.testing-panel__collapsed-fab-label{display:none;font-size:13px;font-weight:700;white-space:nowrap}.testing-panel__resize-handle{position:absolute;left:-3px;top:0;width:6px;height:100%;cursor:col-resize;z-index:10}.testing-panel__resize-handle:hover{background:var(--color-primary, var(--color-info-dark));opacity:.3}.testing-panel__header{flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--color-border, #e0e0e0);background:var(--color-surface-elevated, #fafafa)}.testing-panel__title-row{display:flex;align-items:center;justify-content:space-between}.testing-panel__title{margin:0;font-size:15px;font-weight:700}.testing-panel__collapse-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px;color:var(--color-text-secondary, #666)}.testing-panel__collapse-btn:hover{background:var(--color-hover, #f0f0f0)}.testing-panel__subtitle{margin:4px 0 0;font-size:12px;color:var(--color-text-secondary, #666);line-height:1.3}.testing-panel__gh-link{font-size:11px;color:var(--color-primary, var(--color-info-dark));text-decoration:none}.testing-panel__gh-link:hover{text-decoration:underline}.testing-panel__banner{flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:500}.testing-panel__banner--superseded{background:#fef3cd;color:#856404;border-bottom:1px solid var(--color-warning)}.testing-panel__banner--superseded button{background:none;border:none;color:var(--color-info-dark);cursor:pointer;text-decoration:underline;font-size:12px}.testing-panel__banner--completed{background:#d4edda;color:#155724;border-bottom:1px solid var(--color-success)}.testing-panel__name-prompt{flex-shrink:0;padding:8px 16px;display:flex;align-items:center;gap:8px;background:#f0f7ff;border-bottom:1px solid var(--color-border, #e0e0e0);font-size:12px}.testing-panel__name-prompt input{flex:1;padding:4px 8px;border:1px solid var(--color-border-strong);border-radius:4px;font-size:12px}.testing-panel__name-prompt button{padding:4px 10px;background:var(--color-primary, var(--color-info-dark));color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.testing-panel__error{flex-shrink:0;padding:8px 16px;background:#f8d7da;color:#721c24;font-size:12px}.testing-panel__body{flex:1;min-height:0;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.testing-panel__empty{color:var(--color-text-secondary, #666);text-align:center;padding:24px 0}.testing-panel__note-input{flex-shrink:0;padding:8px 12px;border-top:1px solid var(--color-border, #e0e0e0);background:var(--color-bg-primary)}.testing-panel__note-textarea{width:100%;padding:6px 8px;border:1px solid var(--color-border-strong);border-radius:4px;font-size:12px;font-family:inherit;resize:vertical;box-sizing:border-box}.testing-panel__note-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.testing-panel__note-cancel{padding:4px 10px;background:none;border:1px solid var(--color-border-strong);border-radius:4px;cursor:pointer;font-size:12px}.testing-panel__note-submit{padding:4px 12px;background:var(--color-error);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.testing-panel__note-submit:disabled{opacity:.5;cursor:not-allowed}.testing-panel__notes-section{padding:6px 12px;border-top:1px solid var(--color-border, #e0e0e0);background:#fff8f8;border-radius:8px;max-height:200px;overflow-y:auto}.testing-panel__notes-title{margin:0 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-error)}.testing-panel__note-item{font-size:12px;padding:4px 0;color:var(--color-text-dark);line-height:1.4}.testing-panel__note-item+.testing-panel__note-item{border-top:1px solid #f0e0e0}.testing-panel__note-text{display:block;max-height:80px;overflow-y:auto;word-break:break-word}.testing-panel__footer{flex-shrink:0;padding:10px 16px;border-top:1px solid var(--color-border, #e0e0e0);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-elevated, #fafafa)}.testing-panel__footer-actions{display:flex;align-items:center;gap:8px}.testing-panel__add-note-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-error);background:#fff;color:var(--color-error);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.testing-panel__add-note-btn:hover{background:var(--color-error);color:#fff}.testing-panel__progress{font-size:12px;font-weight:600;color:var(--color-text-secondary, #666)}.testing-panel__done-btn{padding:6px 16px;background:var(--color-success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.testing-panel__done-btn:hover:not(:disabled){background:#218838}.testing-panel__done-btn:disabled{opacity:.6;cursor:not-allowed}.tp-card{border:1px solid var(--color-border, #e0e0e0);border-radius:8px;padding:10px 12px;background:#fff}.tp-card--pass{border-color:var(--color-success);background:#f6fff6}.tp-card--fail{border-color:var(--color-error);background:#fff6f6}.tp-card--skip{border-color:var(--color-warning);background:#fffef6}.tp-card__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tp-card__key{font-size:10px;font-weight:700;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.tp-card__key--link{color:var(--color-primary, var(--color-info-dark));text-decoration:none}.tp-card__key--link:hover{text-decoration:underline}.tp-card__category{font-size:10px;background:var(--color-gray-light);padding:1px 6px;border-radius:3px;color:var(--color-text-medium)}.tp-card__description{margin:0 0 8px;font-size:13px;line-height:1.4}.tp-card__link{color:var(--color-primary, var(--color-info-dark));text-decoration:none;font-weight:500}.tp-card__link:hover{text-decoration:underline}.tp-card__actions{display:flex;gap:4px;flex-wrap:wrap}.tp-card__btn{padding:4px 10px;border:1px solid var(--color-gray-border);border-radius:4px;background:#fff;cursor:pointer;font-size:12px;min-width:44px;min-height:32px;display:flex;align-items:center;justify-content:center;gap:4px}.tp-card__btn:hover:not(:disabled){background:#f5f5f5}.tp-card__btn--pass.tp-card__btn--active{background:var(--color-success);color:#fff;border-color:var(--color-success)}.tp-card__btn--fail.tp-card__btn--active{background:var(--color-error);color:#fff;border-color:var(--color-error)}.tp-card__btn--skip.tp-card__btn--active{background:var(--color-warning);color:var(--color-text-dark);border-color:var(--color-warning)}.tp-card__btn--readonly{opacity:.45;cursor:default}.tp-card__btn--readonly.tp-card__btn--active{opacity:.65}.tp-card__btn--comment,.tp-card__btn--screenshot{min-width:32px;padding:4px 6px}.tp-card__comment-box{margin-top:8px;display:flex;flex-direction:column;gap:6px}.tp-card__comment-input{width:100%;padding:6px 8px;border:1px solid var(--color-border-strong);border-radius:4px;font-size:12px;font-family:inherit;resize:vertical;box-sizing:border-box}.tp-card__comment-submit{align-self:flex-end;padding:4px 12px;background:var(--color-primary, var(--color-info-dark));color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.tp-card__comment-submit:disabled{opacity:.5;cursor:not-allowed}.tp-card__history{margin-top:8px;border-top:1px solid var(--color-gray-light);padding-top:6px;max-height:150px;overflow-y:auto}.tp-card__history-item{display:flex;align-items:center;gap:6px;font-size:11px;padding:2px 0;color:var(--color-text-medium)}.tp-card__history-item--pass .tp-card__history-status{color:var(--color-success)}.tp-card__history-item--fail .tp-card__history-status{color:var(--color-error)}.tp-card__history-item--skip .tp-card__history-status{color:var(--color-warning)}.tp-card__history-status{font-weight:700}.tp-card__history-who{font-weight:500}.tp-card__history-comment{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.tp-card__history-time{margin-left:auto;white-space:nowrap}.tp-card__history-more{font-size:10px;color:var(--color-gray-400);padding-top:2px}.tp-card__btn--capturing{animation:tp-pulse 1s ease-in-out infinite}@keyframes tp-pulse{0%,to{opacity:1}50%{opacity:.4}}.tp-card__screenshot-preview{margin-top:8px;display:flex;flex-direction:column;gap:6px}.tp-card__screenshot-img{max-width:100%;max-height:200px;object-fit:contain;border:1px solid var(--color-gray-border);border-radius:4px;background:#f9f9f9}.tp-card__screenshot-error{font-size:12px;color:var(--color-error);padding:4px 8px;background:#fff0f0;border-radius:4px}.tp-card__screenshot-actions{display:flex;justify-content:flex-end;gap:6px}.tp-card__screenshot-cancel{padding:4px 10px;background:none;border:1px solid var(--color-border-strong);border-radius:4px;cursor:pointer;font-size:12px;min-height:32px}.tp-card__screenshot-upload{padding:4px 12px;background:var(--color-primary, var(--color-info-dark));color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;min-height:32px}.tp-card__screenshot-upload:disabled{opacity:.5;cursor:not-allowed}.tp-card__history-thumb-wrap{flex-shrink:0;cursor:pointer}.tp-card__history-thumb{width:24px;height:24px;object-fit:cover;border-radius:3px;border:1px solid var(--color-gray-border);vertical-align:middle}.tp-card__history-thumb:hover{border-color:var(--color-primary, var(--color-info-dark));box-shadow:0 0 0 1px var(--color-primary, var(--color-info-dark))}.tp-card__lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.tp-card__lightbox-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.tp-card__lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 4px 24px #0006}.tp-card__lightbox-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:#fff;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}@media (max-width: 767px){.testing-panel{width:100vw!important;border-left:none;box-shadow:none}.testing-panel--collapsed{top:auto;bottom:16px;right:16px;transform:none;width:auto;height:auto;min-width:44px;min-height:44px;border-radius:22px;border:none;background:var(--color-primary, var(--color-info-dark));color:#fff;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;writing-mode:horizontal-tb;padding:8px 14px;gap:2px}.testing-panel__collapsed-label{display:none}.testing-panel__collapsed-fab-label{display:inline}.testing-panel__resize-handle{display:none}}html{scroll-behavior:smooth}.App{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,#c3cfe2 100%)}@media (min-width: 769px){.App{margin-right:calc(var(--help-panel-width, 0px) + var(--testing-panel-width, 0px));transition:margin-right .3s cubic-bezier(.16,1,.3,1)}}.floating-help-button{position:fixed;bottom:1.25rem;right:1.25rem;z-index:50;width:48px;height:48px;border-radius:50%;border:none;background:var(--color-text-slate-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000002e;transition:background .15s,transform .15s,box-shadow .15s}.floating-help-button:hover{background:var(--color-text-slate-secondary);transform:scale(1.05);box-shadow:0 4px 16px #00000038}.floating-help-button:active{transform:scale(.97)}body:has(.coaching-mode) .floating-help-button{bottom:auto;top:58px}@media (max-width: 768px){.floating-help-button{width:44px;height:44px;bottom:1rem;right:1rem}body:has(.chat-container) .floating-help-button{display:none}}.app-loading,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{font-size:2rem;animation:spin 2s linear infinite}.home-page{padding:2rem;max-width:1200px;margin:0 auto}.home-header{text-align:center;padding:4rem 2rem;background:url(/images/hero.jpeg);background-size:cover;background-position:center top;border-radius:1rem;margin-bottom:2rem}.home-header h1{font-size:3rem;margin-bottom:1rem;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{font-size:1.4rem;color:var(--color-text-dark);margin-bottom:.5rem}.home-tagline{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem}.home-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.hero-video{margin-top:2rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;border-radius:.75rem;overflow:hidden;box-shadow:0 8px 30px var(--color-shadow-lg)}.hero-video video{width:100%;display:block}.cta-button{display:inline-block;padding:1rem 2rem;font-size:1.1rem;border-radius:.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.cta-primary{background:var(--color-brand-gradient);color:#fff}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.cta-secondary{background:transparent;color:var(--color-brand-primary);border:2px solid var(--color-border-focus)}.cta-secondary:hover{background:var(--color-brand-primary);color:#fff}.early-adopter-note{margin-top:1rem;color:var(--color-text-medium);font-size:.9rem}.try-demo-button{background:white;color:var(--color-brand-primary);border:2px solid var(--color-border-focus);padding:1rem 2rem;font-size:1.1rem;border-radius:.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.try-demo-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-20);background:var(--color-bg-tertiary)}.scenarios-preview{margin:4rem 0;text-align:center}.scenarios-preview h2{margin-bottom:1.5rem;color:var(--color-text-slate-primary)}.scenarios-loading{color:var(--color-text-slate-tertiary);padding:2rem}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.scenario-card-home{display:flex;flex-direction:column;padding:1.25rem;background:white;border:2px solid var(--color-border-slate);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.scenario-card-home:hover{border-color:var(--color-info);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.scenario-card-home{position:relative}.scenario-card-home.loading{pointer-events:none}.scenario-card-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.8);border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:1}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-slate);border-top-color:var(--color-info);border-radius:50%;animation:spin .8s linear infinite}.scenario-card-home-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.scenario-card-home-header h3{font-size:1rem;color:var(--color-text-slate-primary);margin:0;line-height:1.3}.scenario-avatar-home{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.scenario-avatar-home-placeholder{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:600;flex-shrink:0}.scenario-description-home{font-size:.875rem;color:var(--color-text-slate-tertiary);margin:0;line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.feature-preview{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px var(--color-shadow-md)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.value-proposition{margin:4rem 0;background:url(/images/why_tacit.jpeg);background-size:cover;background-position:left top;padding:3rem 2rem;padding-right:12%;border-radius:1rem;min-height:400px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.value-content{max-width:360px}.value-proposition h2{margin:0 0 1rem;text-align:left;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.value-list{display:flex;flex-direction:column;gap:1.5rem}.value-item-v2{text-align:left;background:rgba(255,255,255,.92);padding:1rem 1.25rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.value-item-v2 h3{color:var(--color-text-slate-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600;line-height:1.2}.value-item-v2 p{color:var(--color-text-slate-tertiary);line-height:1.4;font-size:.9rem;margin:0}@media (max-width: 768px){.value-proposition{align-items:center;background-position:center top}.value-content{max-width:100%}.value-proposition h2{text-align:center}}.b2b-section{margin:4rem 0;text-align:center}.b2b-section h2{margin-bottom:.5rem;color:var(--color-text-dark)}.b2b-subtitle{color:var(--color-text-medium);font-size:1.1rem;margin-bottom:2rem}.b2b-grid{grid-template-columns:repeat(2,1fr);max-width:800px;margin-left:auto;margin-right:auto}@media (max-width: 600px){.b2b-grid{grid-template-columns:1fr}}.b2b-cta{margin-top:2rem;background:var(--color-brand-gradient);color:#fff;border:none;padding:.8rem 2rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.b2b-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.home-footer{margin-top:4rem;padding:2rem;text-align:center;border-top:1px solid var(--color-border-default)}.footer-links{margin-bottom:1rem}.footer-links a{color:var(--color-brand-primary);text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-divider{margin:0 .5rem;color:var(--color-text-disabled)}.footer-copyright{color:var(--color-text-tertiary);font-size:.9rem}.system-status{text-align:center;margin:2rem 0}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:1rem;background:white}.status-dot{width:10px;height:10px;border-radius:50%}.status-indicator.ok .status-dot{background:var(--color-success)}.status-indicator.error .status-dot{background:var(--color-error)}.development-status{text-align:center;background:var(--color-info-light);padding:1.5rem;border-radius:1rem;border-left:4px solid var(--color-info)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{background:white;padding:3rem;border-radius:1rem;box-shadow:0 10px 25px var(--color-shadow-md);max-width:500px;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.login-form{margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-dark)}.form-group input{width:100%;padding:1rem;border:2px solid var(--color-border-default);border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--color-brand-primary)}.magic-link-button{width:100%;background:var(--color-brand-gradient);color:#fff;border:none;padding:1rem;font-size:1.1rem;border-radius:.5rem;cursor:pointer;transition:opacity .2s}.magic-link-button:disabled{opacity:.6;cursor:not-allowed}.success-message,.error-message{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:.5rem;margin:1rem 0}.success-message{background:var(--color-success-light);border:1px solid var(--color-success-light);color:var(--color-success-dark)}.error-message{background:var(--color-error-light);border:1px solid var(--color-error-light);color:var(--color-error-dark)}.info-message{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:.5rem;margin:1rem 0;background:var(--color-info-light);border:1px solid var(--color-info-light);color:var(--color-info-dark)}.info-message.session-expired{background:var(--color-bg-primary);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.message-icon{font-size:1.5rem}.message-content h3{margin:0 0 .5rem}.message-hint{background:var(--color-shadow-xs);padding:.75rem;border-radius:.25rem;font-size:.9rem;margin-top:.5rem}.login-footer{text-align:center;font-size:.9rem;color:var(--color-text-medium);border-top:1px solid var(--color-border-default);padding-top:1rem}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.verify-container{background:white;padding:3rem;border-radius:1rem;box-shadow:0 10px 25px var(--color-shadow-md);max-width:500px;width:100%;text-align:center}.success-icon,.error-icon{font-size:3rem;margin-bottom:1rem}.verify-actions{margin:2rem 0;display:flex;gap:1rem;justify-content:center}.retry-button,.home-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem}.retry-button{background:var(--color-brand-gradient);color:#fff}.home-button{background:var(--color-bg-code);border:1px solid var(--color-border-default);color:var(--color-text-tertiary)}.verify-help{text-align:left;background:var(--color-bg-code);padding:1rem;border-radius:.5rem;margin-top:2rem}.dashboard-page{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px var(--color-shadow-md);margin-bottom:2rem}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{font-size:3rem;width:80px;height:80px;border-radius:50%;background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center}.user-email{color:var(--color-text-medium);margin:.5rem 0}.role-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500}.role-admin{background:var(--color-warning);color:var(--color-warning-dark)}.role-facilitator{background:var(--color-info-light);color:var(--color-info-dark)}.role-learner{background:var(--color-success-bg);color:var(--color-success-dark)}.logout-button{background:var(--color-error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer}.dashboard-content{display:grid;gap:2rem}.role-info-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px var(--color-shadow-md)}.role-info{display:flex;align-items:center;gap:1rem}.role-icon-large{font-size:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.features-grid.learner-row-2{grid-template-columns:repeat(3,1fr)}@media (max-width: 1000px){.features-grid.learner-row-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.features-grid.learner-row-2{grid-template-columns:1fr}}.feature-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px var(--color-shadow-md);position:relative;transition:transform .2s,box-shadow .2s}.feature-card.clickable{cursor:pointer}.feature-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 15px var(--color-shadow-xl)}.coming-soon{position:absolute;top:1rem;right:1rem;background:var(--color-warning);color:var(--color-warning-dark);padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500}.dashboard-section{background:var(--color-bg-code);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.dashboard-section .section-label{font-size:1.1rem;font-weight:600;color:var(--color-text-dark);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid transparent}.admin-section{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg) 100%);border-left:4px solid var(--color-warning-dark)}.admin-section .section-label{color:var(--color-warning-dark);border-bottom-color:var(--color-warning)}.facilitator-section{background:linear-gradient(135deg,#e3f2fd 0%,#e8f4fd 100%);border-left:4px solid var(--color-info-dark)}.facilitator-section .section-label{color:var(--color-info-dark);border-bottom-color:var(--color-info)}.learner-section{background:linear-gradient(135deg,#ede7f6 0%,#f3e5f5 100%);border-left:4px solid var(--color-violet-600)}.learner-section .section-label{color:var(--color-violet-700);border-bottom-color:var(--color-violet-300)}.dashboard-section .feature-card{background:white;border:1px solid var(--color-shadow-xs)}.dashboard-section .feature-card.clickable:hover{border-color:var(--color-shadow-md)}.assignments-section{margin-top:2rem;margin-bottom:1.5rem}.assignments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.assignments-section .section-label{font-size:1.25rem;font-weight:600;color:var(--color-text-dark);margin:0}.assignments-search{position:relative;display:flex;align-items:center}.assignment-search-input{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-border-default);border-radius:.5rem;font-size:.875rem;width:200px;transition:border-color .2s,box-shadow .2s}.assignment-search-input:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.assignments-search .clear-search{position:absolute;right:.5rem;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1.1rem;padding:0;line-height:1}.assignments-search .clear-search:hover{color:var(--color-text-dark)}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.assignment-card{position:relative;background:white;padding:1.25rem;border-radius:.75rem;box-shadow:0 2px 8px var(--color-shadow-sm);border:1px solid var(--color-border-default);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.75rem}.assignment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow-lg)}.assignment-card.overdue{border-left:4px solid var(--color-error);background:linear-gradient(135deg,var(--color-error-bg) 0%,var(--color-bg-primary) 100%)}.assignment-card.due-soon{border-left:4px solid var(--color-warning);background:linear-gradient(135deg,#fff8f0 0%,var(--color-bg-primary) 100%)}.assignment-card.in_progress{border-left:4px solid var(--color-info)}.assignment-card.completed{border-left:4px solid var(--color-success)}.assignment-card.not_started{border-left:4px solid var(--color-text-tertiary)}.assignment-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.assignment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-code);border:2px solid var(--color-border-focus)}.assignment-avatar img{width:100%;height:100%;object-fit:cover}.assignment-avatar.placeholder{border:2px dashed var(--color-border-strong);background:transparent}.assignment-avatar .avatar-outline{font-size:20px;opacity:.4}.assignment-title{font-size:1rem;font-weight:600;color:var(--color-text-dark);margin:0;flex:1}.status-badge{font-size:.7rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap}.status-badge.overdue{background:var(--color-error-light);color:var(--color-error-dark)}.status-badge.in_progress{background:var(--color-info-light);color:var(--color-info-dark)}.status-badge.not_started{background:var(--color-bg-quaternary);color:var(--color-gray-600)}.status-badge.completed{background:var(--color-success-light);color:var(--color-success-dark)}.assignment-progress{display:flex;gap:1rem;padding:.75rem;background:var(--color-bg-code);border-radius:.5rem}.progress-stat{display:flex;flex-direction:column;align-items:center;flex:1}.progress-stat .stat-label{font-size:.7rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.progress-stat .stat-value{font-size:1.1rem;font-weight:600;color:var(--color-text-dark)}.progress-stat .stat-value.score-badge{color:var(--color-success)}.deadline{font-size:.85rem;color:var(--color-text-tertiary);padding:.25rem 0}.deadline.overdue{color:var(--color-error);font-weight:600}.deadline.due-soon{color:var(--color-warning);font-weight:500}.deadline.due-today{color:var(--color-warning);font-weight:600}.assignment-cta{background:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-violet-600) 100%);color:#fff;border:none;padding:.625rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-top:auto}.assignment-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.assignment-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.assignment-action-hint{color:var(--color-indigo-500);font-size:.8125rem;font-weight:500;margin-top:auto;text-align:right}.assignments-loading{text-align:center;padding:2rem;color:var(--color-text-medium)}@media (max-width: 768px){.assignments-grid{grid-template-columns:1fr}.assignment-progress{flex-wrap:wrap}.progress-stat{min-width:60px}}.development-info{background:var(--color-info-light);padding:2rem;border-radius:1rem;border-left:4px solid var(--color-info);text-align:center}.access-denied{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.access-denied-container{background:white;padding:3rem;border-radius:1rem;box-shadow:0 10px 25px var(--color-shadow-md);max-width:500px;width:100%;text-align:center}.access-denied-icon{font-size:3rem;margin-bottom:1rem}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto;background:white;border-radius:8px;box-shadow:0 4px 6px var(--color-shadow-md)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid var(--color-border-subtle);background:var(--color-brand-gradient);color:#fff;border-radius:8px 8px 0 0}.chat-header.focus-mode{background:linear-gradient(135deg,var(--color-violet-600) 0%,var(--color-indigo-500) 100%);border-bottom:3px solid var(--color-violet-300)}.focus-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--color-glass-white-20);padding:.25rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.25rem}.focus-context{font-size:.85rem;opacity:.9;margin-top:.25rem}.focus-context-header{display:flex;flex-direction:column;gap:.375rem}.focus-context-line{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.focus-context-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.85;flex-shrink:0}.focus-context-value{font-size:.95rem;font-weight:500;line-height:1.3}.chat-header-content{display:flex;align-items:center;gap:1.5rem;width:100%}.chat-header-avatar{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.header-avatar-image{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--color-glass-white-20);display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.6)}.header-avatar-image img{width:100%;height:100%;object-fit:cover}.header-avatar-image .avatar-placeholder{font-size:32px}.header-avatar-name{font-weight:600;font-size:.9rem;white-space:nowrap;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis}.chat-badges{position:relative}.message-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-border-focus)}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar.user-avatar{border-color:var(--color-brand-accent)}.avatar-placeholder-small{font-size:18px}.avatar-initials{font-size:14px;font-weight:600;color:var(--color-brand-primary);text-transform:uppercase;-webkit-user-select:none;user-select:none}.bot-name-title{font-weight:600}.bot-title{font-weight:400;opacity:.8}.chat-info h2{margin:0;font-size:1.5rem}.chat-info p{margin:.5rem 0;opacity:.9}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-badge.active{background:var(--color-success);color:#fff}.status-badge.completed{background:var(--color-text-tertiary);color:#fff}.modality-badge{padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;background:var(--color-bg-tertiary);color:var(--color-violet-700);border:1px solid var(--color-border-default)}.duration-info,.data-usage-info{padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border-default)}.skills-badge{padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;background:var(--color-bg-primary);color:var(--color-warning-dark);border:1px solid var(--color-warning-light);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.skills-badge:hover{background:var(--color-warning-light);border-color:var(--color-warning-light)}.skills-badge:active{background:var(--color-warning-light)}.chat-header-content{display:flex;justify-content:space-between;align-items:flex-start}.chat-header-meta{display:flex;align-items:center;gap:1rem}.chat-header-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.chat-info-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;min-width:36px;height:36px;padding:0 .75rem;background:var(--color-glass-white-30);border:1px solid rgba(255,255,255,.6);border-radius:.5rem;color:#fff;cursor:pointer;transition:all .15s;font-size:.8125rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.chat-info-btn{padding:0;width:36px}.chat-info-btn .info-btn-label{display:none}}.chat-info-btn:hover{background:rgba(255,255,255,.4);border-color:#fffc;color:#fff}.chat-info-btn.active{background:var(--color-glass-white-50);border-color:#fff;box-shadow:0 0 0 2px var(--color-glass-white-30)}.info-btn-tooltip{position:absolute;top:calc(100% + 12px);right:0;background:white;color:var(--color-text-slate-primary);padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 4px 20px var(--color-shadow-2xl);font-size:.875rem;font-weight:500;white-space:nowrap;z-index:100;animation:tooltip-fade-in .2s ease-out}.info-btn-tooltip:before{content:"";position:absolute;top:-8px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}@media (max-width: 400px){.info-btn-tooltip{right:auto;left:0}.info-btn-tooltip:before{right:auto;left:16px}}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes info-btn-pulse{0%,to{box-shadow:0 0 0 0 var(--color-glass-white-50)}50%{box-shadow:0 0 0 8px #fff0}}.chat-info-btn.pulse-hint{animation:none}.chat-actions{display:flex;gap:1rem}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-dark) 0%,var(--color-success-dark) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-indigo-600) 0%,var(--color-violet-700) 100%);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-back{padding:12px 24px;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border-strong);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-back:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary);border-color:var(--color-text-quaternary)}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-back{padding:10px 20px;font-size:14px;min-height:44px}}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;max-width:70%;gap:.75rem;align-items:flex-start}.user-message{align-self:flex-end;flex-direction:row-reverse}.bot-message{align-self:flex-start}.message-content{background:var(--color-bg-page);padding:1rem;border-radius:12px;border:1px solid var(--color-border-slate);position:relative}.bot-message .message-content:before{content:"";position:absolute;left:-8px;top:12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid var(--color-border-slate)}.bot-message .message-content:after{content:"";position:absolute;left:-6px;top:12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid var(--color-bg-slate-50)}.user-message .message-content{background:var(--color-brand-gradient);color:#fff}.user-message .message-content:before{content:"";position:absolute;right:-8px;top:12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--color-brand-accent)}.user-message .message-content:after{display:none}.message-role{font-size:.8rem;font-weight:700;margin-bottom:.5rem;opacity:.8}.message-text{line-height:1.5;white-space:pre-wrap}.message-time{font-size:.7rem;margin-top:.5rem;opacity:.6}.voice-message .message-content{background:linear-gradient(to right,rgba(156,39,176,.05),transparent);border-left:3px solid rgba(156,39,176,.3)}.user-message.voice-message .message-content{background:linear-gradient(135deg,var(--color-violet-600) 0%,var(--color-violet-600) 100%);border-left:3px solid var(--color-glass-white-30);color:#fff}.voice-indicator{margin-left:8px;font-size:.9em;opacity:.8}.streaming{opacity:.8}.typing-indicator{animation:blink 1s infinite}.typing-dots{display:inline-flex;gap:4px;align-items:center}.typing-dots .dot{animation:typing-dot 1.4s infinite;opacity:.3}.typing-dots .dot:nth-child(1){animation-delay:0s}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.opening-loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;min-height:200px}.opening-loading-content{text-align:center;max-width:300px}.opening-loading-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.opening-loading-text{font-size:18px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.opening-loading-subtext{font-size:14px;color:var(--color-text-tertiary);margin-bottom:16px}.opening-loading-dots{display:inline-flex;gap:6px;align-items:center;font-size:24px;color:var(--color-brand-primary)}.opening-loading-dots .dot{animation:typing-dot 1.4s infinite;opacity:.3}.opening-loading-dots .dot:nth-child(1){animation-delay:0s}.opening-loading-dots .dot:nth-child(2){animation-delay:.2s}.opening-loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-input-disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.7}.chat-input-container{padding:1rem 2rem;border-top:2px solid var(--color-border-subtle);background:var(--color-bg-page)}.chat-input-wrapper{display:flex;gap:1rem;align-items:flex-end}.chat-input{flex:1;padding:1rem;border:2px solid var(--color-border-slate);border-radius:12px;resize:none;font-family:inherit;font-size:1rem;transition:border-color .2s,height .1s ease;overflow-y:hidden;box-sizing:border-box}.chat-input:focus{outline:none;border-color:var(--color-brand-primary)}.send-button{padding:1rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1.2rem;transition:all .2s}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.send-button:disabled{opacity:.5;cursor:not-allowed}.persona-context-card{margin:0 1rem 1rem;padding:1.5rem;background:linear-gradient(135deg,var(--color-bg-page) 0%,var(--color-bg-slate-200) 100%);border:2px solid var(--color-border-slate-strong);border-radius:16px;box-shadow:0 4px 12px var(--color-shadow-md);transition:all .3s ease}.persona-context-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-brand-alpha-15)}.persona-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.persona-header.clickable{cursor:pointer;margin-bottom:0}.persona-header.clickable:hover{background:var(--color-brand-alpha-10);border-radius:12px;padding:.5rem;margin:-.5rem}.persona-title-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:4px}.persona-title-section h3{margin:0;font-size:1rem;font-weight:600}.persona-context-card.collapsed{padding:1rem 1.5rem}.persona-context-card.collapsed .persona-header{margin-bottom:0}.persona-header h3{margin:0;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.persona-role{background:var(--color-brand-gradient);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap}.persona-description{color:var(--color-text-secondary);margin:.8rem 0;line-height:1.5;font-style:italic}.persona-style,.persona-traits{margin:.6rem 0;color:var(--color-text-primary);font-size:.9rem}.persona-style strong,.persona-traits strong{color:var(--color-brand-primary)}.expand-toggle{background:none;border:none;color:var(--color-brand-primary);font-size:1rem;cursor:pointer;padding:.2rem .5rem;border-radius:50%;transition:all .2s ease}.expand-toggle:hover{background:var(--color-brand-alpha-10);transform:scale(1.1)}.persona-details{padding-top:1rem;border-top:1px solid var(--color-border-slate);margin-top:1rem;animation:slideDown .3s ease-in-out}.prompt-preview-panel{margin:0 1rem 1rem;background:linear-gradient(135deg,#fff8f0 0%,#fef2e8 100%);border:2px solid var(--color-warning-light);border-radius:16px;box-shadow:0 4px 12px #fb923c1a;transition:all .3s ease}.prompt-preview-panel:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fb923c26}.prompt-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;border-radius:14px;transition:all .2s ease}.prompt-preview-header:hover{background:rgba(251,146,60,.1)}.prompt-preview-panel.collapsed .prompt-preview-header{padding:1rem 1.5rem}.preview-title-section{flex:1}.preview-title-section h3{margin:0 0 .5rem;color:var(--color-warning-dark);font-size:1.1rem;font-weight:600}.preview-subtitle{color:var(--color-warning-dark);font-size:.85rem;opacity:.8;font-style:italic}.prompt-preview-content{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease-in-out}.loading-state,.error-state{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;font-size:.9rem}.loading-state{background:var(--color-bg-secondary);color:var(--color-info-dark)}.error-state{background:var(--color-error-bg);color:var(--color-error)}.spinner{animation:spin 1s linear infinite}.retry-button{margin-left:1rem;padding:.25rem .75rem;background:var(--color-error);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.preview-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab-button{padding:.5rem 1rem;border:2px solid var(--color-border-default);background:white;color:var(--color-text-tertiary);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-button.active{background:var(--color-brand-gradient);border-color:var(--color-brand-primary);color:#fff}.tab-button:hover:not(.active){border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.prompt-display{display:flex;flex-direction:column;gap:1rem}.prompt-meta{display:flex;gap:1.5rem;padding:.75rem;background:rgba(234,88,12,.05);border-radius:8px;font-size:.8rem}.meta-item{display:flex;gap:.5rem}.meta-label{font-weight:600;color:var(--color-warning-dark)}.meta-value{color:var(--color-warning-dark);font-family:monospace}.prompt-content{background:var(--color-text-primary);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px var(--color-shadow-md)}.prompt-text{padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.6;color:var(--color-text-disabled);overflow-x:auto}.prompt-field{margin-bottom:.5rem}.field-name{color:var(--color-warning);font-weight:700}.field-content{color:var(--color-success-light);margin-left:.5rem}.prompt-line{color:var(--color-text-quaternary)}.inputs-summary{padding:1rem;background:var(--color-bg-page);border-radius:8px;border:1px solid var(--color-border-slate)}.inputs-summary h4{margin:0 0 .75rem;color:var(--color-text-secondary);font-size:.9rem}.input-items{display:flex;flex-direction:column;gap:.5rem}.input-item{font-size:.85rem;color:var(--color-text-tertiary)}.field-mapping-display{display:flex;flex-direction:column;gap:1rem}.mapping-info{padding:1rem;background:var(--color-warning-light);border-radius:8px;border:1px solid var(--color-warning-light)}.mapping-info p{margin:0;color:var(--color-warning-dark);font-size:.9rem}.mapping-fields{display:flex;flex-direction:column;gap:.75rem}.mapping-field{background:var(--color-bg-page);padding:1rem;border-radius:8px;border:1px solid var(--color-border-slate)}.field-header{margin-bottom:.5rem}.field-header .field-name{color:var(--color-warning-dark);font-weight:700;font-family:monospace;font-size:.9rem}.mapping-source{color:var(--color-text-tertiary);font-size:.85rem;font-style:italic}.transparency-note{padding:1rem;background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-light) 100%);border-radius:8px;border:1px solid var(--color-success-light)}.transparency-note h4{margin:0 0 .5rem;color:var(--color-success-dark);font-size:.9rem}.transparency-note p{margin:0;color:var(--color-success-dark);font-size:.85rem}.sessions-container{padding:2rem;max-width:1200px;margin:0 auto}.sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-subtle)}.sessions-header h1{margin:0;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:1rem}.chat-column-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border-bottom:2px solid var(--color-border-subtle);margin:-16px -16px 0;min-height:56px}.chat-column-header h3{margin:0;font-size:24px;color:var(--color-text-dark)}.sessions-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.tab{padding:.75rem 1.5rem;border:2px solid var(--color-border-slate);background:white;border-radius:8px;cursor:pointer;transition:all .2s}.tab.active{background:var(--color-brand-gradient);color:#fff;border-color:var(--color-brand-primary)}.sessions-list{display:flex;flex-direction:column;gap:1.5rem}.scenario-group{background:white;border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden}.scenario-group-header{background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-quaternary) 100%);padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-strong);transition:background .2s}.scenario-group-header:hover{background:linear-gradient(135deg,var(--color-bg-quaternary) 0%,var(--color-border-strong) 100%)}.scenario-group-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.scenario-group-header .btn-link{background:var(--color-brand-alpha-10);border:1px solid var(--color-brand-alpha-30);border-radius:6px;padding:.375rem .75rem;color:var(--color-brand-primary);font-weight:500;font-size:.8125rem;transition:all .2s}.scenario-group-header .btn-link:hover{background:var(--color-brand-alpha-20);border-color:var(--color-brand-primary)}.scenario-group-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-code);border:2px solid var(--color-border-focus)}.scenario-group-avatar img{width:100%;height:100%;object-fit:cover}.scenario-group-avatar.placeholder{border:2px dashed var(--color-border-strong);background:transparent}.scenario-group-avatar .avatar-outline{font-size:18px;opacity:.4}.collapse-indicator{color:var(--color-text-tertiary);font-size:.9rem;transition:transform .2s}.session-count{color:var(--color-text-tertiary);font-size:.9rem;font-weight:500}.scenario-group-sessions{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.session-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:white;border:2px solid var(--color-border-slate);border-radius:12px;transition:all .2s}.session-card:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-15)}.session-info h3{margin:0 0 .5rem;color:var(--color-text-primary)}.session-info p{margin:0 0 1rem;color:var(--color-text-tertiary)}.session-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.session-date{font-size:.8rem;color:var(--color-text-tertiary)}.resume-button{padding:.75rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.resume-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.session-card-compact{padding:.75rem 1rem;gap:1rem}.session-info-compact{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.session-card-compact .score-badge{min-width:48px;padding:.35rem .6rem;font-size:.85rem;font-weight:700;border-radius:6px;text-align:center;color:#fff}.session-card-compact .score-badge.score-excellent{background:var(--color-success)}.session-card-compact .score-badge.score-good{background:var(--color-info)}.session-card-compact .score-badge.score-fair{background:var(--color-warning);color:var(--color-text-primary)}.session-card-compact .score-badge.score-needs-work{background:var(--color-error)}.session-card-compact .score-badge.score-pending{background:var(--color-bg-slate-200);color:var(--color-text-slate-tertiary)}.session-duration{font-size:.85rem;color:var(--color-text-slate-tertiary);font-weight:500}.session-mode{font-size:1rem;opacity:.8}.session-date-compact{font-size:.8rem;color:var(--color-text-tertiary)}.btn-new-practice{padding:.75rem 1.25rem;font-size:1rem;background:var(--color-brand-gradient)}.btn-new-practice:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--color-brand-alpha-40)}.btn-secondary.btn-small{padding:.4rem .8rem;font-size:.8rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:white;border-radius:12px;padding:0;max-width:700px;width:90%;max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--color-border-subtle);background:var(--color-brand-gradient);color:#fff;position:relative}.modal-header h2{margin:0}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-button:hover{background:var(--color-glass-white-20)}.modal-content{padding:1.5rem}.modal-content label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--color-text-secondary)}.scenario-select{width:100%;padding:.75rem;border:2px solid var(--color-border-slate);border-radius:8px;font-size:1rem;margin-bottom:1rem}.scenario-preview{padding:1rem;background:var(--color-bg-page);border-radius:8px;border:1px solid var(--color-border-slate);color:var(--color-text-tertiary);font-style:italic}.scenarios-grid{display:flex;flex-direction:column;gap:1rem}.scenario-card-selector{position:relative;padding:1.25rem;background:white;border:2px solid var(--color-border-slate);border-radius:12px;cursor:default;transition:all .2s}.scenario-card-selector:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-15)}.scenario-card-selector.selected{border-color:var(--color-brand-primary);background:var(--color-brand-alpha-05);box-shadow:0 4px 12px var(--color-brand-alpha-20)}.scenario-card-selector .scenario-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.scenario-card-selector .scenario-summary{margin:0;color:var(--color-text-tertiary);line-height:1.5;font-size:.95rem}.scenario-card-selector.selected .scenario-title{color:var(--color-brand-primary)}.scenario-card-selector.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.scenario-card-selector>div:first-child{cursor:pointer}.scenario-dashboard-link{display:block;margin-top:.5rem;padding:.5rem 0;font-size:.8125rem;color:var(--color-brand-primary);text-align:right;border-top:1px solid var(--color-border-default)}.scenario-dashboard-link:hover{color:var(--color-brand-primary-hover)}.skills-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-default)}.skills-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:10px 0;cursor:pointer;font-size:14px;color:var(--color-indigo-500);font-weight:500;text-align:left;transition:color .2s ease;min-height:44px}.skills-toggle:hover{color:#4338ca}.skills-toggle:focus{outline:2px solid #4f46e5;outline-offset:2px;border-radius:4px}.skills-header{text-align:left;flex:1}.toggle-icon{font-size:12px;transition:transform .2s ease;margin-left:8px}.skills-list{margin:8px 0 0;padding-left:20px;list-style-type:disc}.skills-list li{font-size:13px;color:var(--color-text-tertiary);line-height:1.5;margin-bottom:6px}.assessment-criteria-section{margin-top:12px;padding:12px;background:var(--color-bg-page);border-radius:8px;border:1px solid var(--color-border-slate)}.criteria-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.criteria-icon{font-size:14px}.criteria-title{font-size:11px;font-weight:700;color:var(--color-text-slate-tertiary);letter-spacing:.5px}.criteria-explainer{font-size:12px;color:var(--color-text-tertiary);margin:0 0 8px}.criteria-list{margin:0;padding-left:18px;list-style-type:disc}.criteria-list li{font-size:12px;color:var(--color-text-slate-secondary);line-height:1.5;margin-bottom:4px}.show-all-criteria{background:none;border:none;color:var(--color-text-slate-tertiary);font-size:12px;cursor:pointer;padding:6px 0 0;text-decoration:underline}.show-all-criteria:hover{color:var(--color-text-slate-secondary)}@media (max-width: 768px){.skills-toggle{padding:12px 0;font-size:13px;min-height:48px}.skills-list li{font-size:12px;margin-bottom:8px;line-height:1.6}}.modal-actions{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;border-top:2px solid var(--color-border-subtle);justify-content:flex-end}.modal-actions-vertical{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-top:2px solid var(--color-border-subtle)}.modal-actions-vertical .primary-button{padding:1rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .2s}.modal-actions-vertical .primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.modal-actions-vertical .secondary-button{padding:1rem 1.5rem;background:white;color:var(--color-text-secondary);border:2px solid var(--color-border-default);border-radius:8px;cursor:pointer;font-weight:500;font-size:15px;transition:all .2s}.modal-actions-vertical .secondary-button:hover{border-color:var(--color-text-quaternary);background:var(--color-bg-secondary)}.modal-actions-vertical .text-button{padding:.75rem 1.5rem;background:transparent;color:var(--color-text-tertiary);border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.modal-actions-vertical .text-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.cancel-button{padding:.75rem 1.5rem;border:2px solid var(--color-border-slate);background:white;border-radius:8px;cursor:pointer;transition:all .2s}.cancel-button:hover{border-color:var(--color-text-tertiary)}.start-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.start-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.verify-actions{flex-direction:column}.chat-container{height:100vh;height:100dvh;display:flex;flex-direction:column;border-radius:0;box-shadow:none;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.chat-header{padding:.5rem;flex-shrink:0;border-radius:0;overflow:hidden;position:sticky;top:0;z-index:10}.chat-header-avatar{display:none}.chat-header-content{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%;max-width:100vw}.chat-info{flex:1;min-width:0}.chat-info h2{font-size:.9rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-info p{display:none}.chat-header-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.chat-badges{display:none}.chat-header-actions{gap:.25rem;flex-shrink:0;display:flex;flex-direction:row;align-items:center}.chat-header-actions .btn-secondary,.chat-header-actions .btn-next{font-size:.75rem;padding:.3rem .6rem;white-space:nowrap}.persona-context-card,.starting-context-card{display:none}.chat-content-wrapper,.chat-messages-column,.assessment-column{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-messages-column.mobile-hidden,.assessment-column.mobile-hidden{display:none}.chat-messages-column.mobile-visible,.assessment-column.mobile-visible{display:flex}.assessment-column.mobile-visible{overflow-y:auto}.chat-column-header{display:none}.chat-messages{flex:1;overflow-y:scroll;overflow-x:hidden;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.75rem;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.message{max-width:85%}.message-content{padding:.75rem;border-radius:1rem}.message-role{font-size:.7rem;margin-bottom:.35rem}.message-text{font-size:.95rem;line-height:1.4}.message-time{font-size:.65rem;margin-top:.35rem}.chat-input-container{padding:.375rem .5rem 0;padding-bottom:env(safe-area-inset-bottom,0px);margin-bottom:0;flex-shrink:0;background:white;border-top:1px solid var(--color-border-default);position:sticky;bottom:0;z-index:10}.chat-input-wrapper{gap:.5rem}.chat-input{font-size:16px;padding:.75rem;border-radius:1rem;resize:none}.send-button{padding:.75rem 1.25rem;min-width:60px;min-height:44px;border-radius:1rem;font-size:1.25rem}.chat-content-wrapper.two-column-layout{display:flex;flex-direction:column}.assessment-column{display:block;flex:1;background:white;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.chat-container>div[style*="backgroundColor: #fee"]{margin:.5rem!important;padding:.75rem!important;font-size:.85rem!important}.sessions-header,.session-card{flex-direction:column;gap:1rem;text-align:center}.session-meta{justify-content:center}.modal{width:95%;max-width:95vw}.modal-overlay{padding:.5rem}.modal-actions{flex-direction:column}body{overflow-x:hidden;max-width:100vw}*{max-width:100vw}.chat-container,.modal-overlay,.modal,.chat-header{max-width:100%!important}}.mobile-view-toggle{display:flex;gap:.5rem;padding:.5rem;background:var(--color-bg-page);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.mobile-view-toggle .toggle-btn{flex:1;padding:.5rem 1rem;border:1px solid var(--color-border-default);background:white;border-radius:.5rem;font-size:.9rem;cursor:pointer;transition:all .2s}.mobile-view-toggle .toggle-btn.active{background:var(--color-brand-gradient);color:#fff;border-color:var(--color-brand-primary)}@media (min-width: 768px){.mobile-view-toggle{justify-content:center;max-width:400px;margin:0 auto;background:transparent;border-bottom:none;padding:.75rem}.mobile-view-toggle .toggle-btn{flex:0 1 auto;min-width:140px}.chat-content-wrapper.two-column-layout .chat-messages-column.mobile-hidden,.chat-content-wrapper.two-column-layout .assessment-column.mobile-hidden{display:none!important}.chat-content-wrapper.two-column-layout .chat-messages-column.mobile-visible,.chat-content-wrapper.two-column-layout .assessment-column.mobile-visible{display:flex!important;flex:1;max-width:800px;margin:0 auto;width:100%}.chat-content-wrapper.two-column-layout .assessment-column.mobile-visible{padding:1rem}}.persona-management-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-text h1{margin:0 0 .5rem;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem}.header-text p{color:var(--color-text-tertiary);margin:0;font-size:1.1rem}.nav-button{padding:.75rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;white-space:nowrap;font-size:.9rem}.nav-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.search-controls{display:flex;gap:1rem;flex:1;max-width:600px}.search-input{flex:1;padding:.75rem;border:2px solid var(--color-border-slate);border-radius:8px;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.filter-select{padding:.75rem;border:2px solid var(--color-border-slate);border-radius:8px;background:white;font-size:1rem;cursor:pointer;min-width:140px}.create-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s;white-space:nowrap}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.create-button:disabled{opacity:.5;cursor:not-allowed}.personas-table-container{background:white;border-radius:12px;border:2px solid var(--color-border-slate);overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 6px var(--color-shadow-xs)}.personas-table{width:100%;border-collapse:collapse}.personas-table th{background:linear-gradient(135deg,var(--color-bg-page) 0%,var(--color-bg-slate-200) 100%);padding:1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border-slate);position:sticky;top:0;z-index:10}.personas-table td{padding:1rem;border-bottom:1px solid var(--color-border-subtle);vertical-align:top}.personas-table tr:hover{background:var(--color-bg-page)}.persona-row.clickable{cursor:pointer;transition:all .2s ease}.persona-row.clickable:hover{background:var(--color-bg-slate-100)!important;transform:translateY(-1px);box-shadow:0 2px 8px var(--color-shadow-md)}.persona-name strong{color:var(--color-text-primary);font-size:1rem;display:block;margin-bottom:.25rem}.persona-description-preview{font-size:.85rem;color:var(--color-text-tertiary);font-style:italic;line-height:1.3}.challenge-badge{padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:capitalize}.challenge-helpful{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.challenge-neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.challenge-demanding{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-light)}.completion-status{display:flex;align-items:center;justify-content:center}.completion-indicator{text-align:center}.completion-indicator.complete .completion-text{color:var(--color-success-dark);font-weight:600;font-size:.9rem}.completion-indicator.incomplete .completion-text{color:var(--color-warning-dark);font-weight:600;font-size:.9rem}.completion-details{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.25rem}.visibility-badge{padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:600}.visibility-badge.public{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.visibility-badge.private{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning-light)}.action-buttons{display:flex;gap:.5rem}.edit-button,.delete-button{padding:.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.edit-button{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.edit-button:hover:not(:disabled){background:var(--color-bg-quaternary);transform:scale(1.1)}.delete-button{background:var(--color-error-bg);color:var(--color-error)}.delete-button:hover:not(:disabled){background:var(--color-error-light);transform:scale(1.1)}.edit-button:disabled,.delete-button:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:3rem;color:var(--color-text-tertiary)}.empty-state h3{margin-bottom:1rem;color:var(--color-text-secondary)}.field-mapping-guide{background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-sky-100) 100%);border:2px solid var(--color-sky-200);border-radius:12px;padding:1.5rem;margin-top:2rem}.field-mapping-guide h3{margin:0 0 1rem;color:var(--color-sky-900);font-size:1.1rem}.field-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.field-guide-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text-secondary)}.field-guide-item strong{color:var(--color-text-primary)}.persona-edit-modal{max-width:800px;width:95%;max-height:90vh;overflow-y:auto;background:white;border-radius:12px;padding:0}.persona-edit-modal .modal-header{background:var(--color-brand-gradient);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.persona-edit-modal .modal-header h2{margin:0;font-size:1.5rem}.persona-form{display:flex;flex-direction:column;height:100%}.form-content{padding:1.5rem;flex:1;overflow-y:auto}.form-errors{background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.form-errors h4{margin:0 0 .5rem;color:var(--color-error);font-size:.9rem}.form-errors ul{margin:0;padding-left:1.5rem;color:var(--color-error);font-size:.85rem}.form-section{margin-bottom:2rem;border:1px solid var(--color-border-default);border-radius:8px;padding:1.5rem}.form-section h3{margin:0 0 1.5rem;color:var(--color-text-secondary);font-size:1.1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-subtle)}.form-field{margin-bottom:1.5rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.required{color:var(--color-error);font-size:.8rem}.field-usage{background:var(--color-violet-200);color:var(--color-violet-700);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:auto}.field-usage.unused{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.field-description{display:block;margin-top:.25rem;font-size:.8rem;color:var(--color-text-tertiary);font-style:italic}.form-field input,.form-field textarea,.form-field select{width:100%;padding:.75rem;border:2px solid var(--color-border-default);border-radius:8px;font-size:.9rem;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.form-field textarea{resize:vertical;min-height:80px}.checkbox-field{display:flex;align-items:flex-start;gap:.75rem}.checkbox-field label{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.checkbox-field input[type=checkbox]{width:auto;margin:0}.checkbox-label{font-weight:600;color:var(--color-text-secondary)}.array-input{display:flex;flex-direction:column;gap:.75rem}.array-add{display:flex;gap:.5rem}.array-add input{flex:1}.array-add button{padding:.75rem 1rem;background:var(--color-brand-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:background .2s}.array-add button:hover{background:var(--color-indigo-600)}.array-items{display:flex;flex-wrap:wrap;gap:.5rem}.array-item{display:flex;align-items:center;gap:.5rem;background:var(--color-bg-tertiary);padding:.5rem;border-radius:16px;font-size:.85rem;color:var(--color-text-secondary)}.array-item button{background:var(--color-error);color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.array-item button:hover{background:var(--color-error-dark)}.persona-form .modal-actions{padding:1.5rem;border-top:2px solid var(--color-bg-tertiary);display:flex;gap:1rem;justify-content:flex-end;background:var(--color-bg-secondary);margin:0}.save-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s;font-size:.9rem}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-button{padding:.75rem 1.5rem;border:2px solid var(--color-border-default);background:white;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--color-text-secondary)}.cancel-button:hover:not(:disabled){border-color:var(--color-text-quaternary);background:var(--color-bg-secondary)}.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.nav-button{align-self:flex-end;padding:.5rem 1rem;font-size:.85rem}.controls-section{flex-direction:column;align-items:stretch}.search-controls{max-width:none}.personas-table-container{overflow-x:auto}.personas-table{min-width:800px}.field-guide-grid{grid-template-columns:1fr}}.chat-content-wrapper{display:flex;flex-direction:column;gap:0;flex:1;overflow:hidden}.chat-content-wrapper.two-column-layout{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.chat-messages-column{display:flex;flex-direction:column;height:100%;overflow:hidden}.assessment-column{height:100%;overflow-y:auto}.chat-content-wrapper.session-completed .chat-messages-column.mobile-hidden,.chat-content-wrapper.session-completed .assessment-column.mobile-hidden{display:none}.chat-content-wrapper.session-completed .chat-messages-column.mobile-visible,.chat-content-wrapper.session-completed .assessment-column.mobile-visible{display:flex;flex:1}.assessment-prompt-inline{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);border:2px dashed var(--color-border-default);border-radius:12px;padding:32px 24px;text-align:center}.assessment-prompt-inline h3{margin:0 0 12px;color:var(--color-text-dark);font-size:20px}.assessment-prompt-inline p{margin:0 0 24px;color:var(--color-text-tertiary);font-size:14px}.assessment-button{padding:12px 24px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px}.assessment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px var(--color-brand-alpha-30)}.assessment-button:disabled{opacity:.6;cursor:not-allowed}.transcript-footer{padding:12px 16px;text-align:center;border-top:1px solid var(--color-border-default);background:var(--color-bg-secondary)}.continue-chat-link{background:none;border:none;color:var(--color-brand-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s}.continue-chat-link:hover{background:var(--color-brand-alpha-10);color:var(--color-indigo-600)}.chat-content-wrapper.coaching-mode{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-header.coaching-header-hidden{display:none}.coaching-unified-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--color-bg-page);border-bottom:1px solid var(--color-border-slate);flex-shrink:0}.coaching-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.coaching-close-btn{background:none;border:none;color:var(--color-text-slate-tertiary);font-size:22px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.coaching-close-btn:hover{color:var(--color-text-slate-primary);background:var(--color-shadow-xs)}.coaching-header-practice-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.coaching-header-action-btn{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--color-border-slate);background:white;color:var(--color-text-slate-secondary);transition:all .15s ease;white-space:nowrap}.coaching-header-action-btn:hover{background:var(--color-bg-slate-100);border-color:var(--color-border-slate-strong)}@media (max-width: 767px){.coaching-header-practice-actions{display:none}}.coaching-header-info{display:flex;align-items:center;gap:12px;min-width:0}.coaching-scenario-name{font-size:16px;font-weight:600;color:var(--color-text-slate-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coaching-columns{--coaching-subheader-height: 50px;display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.coaching-feedback-column{width:40%;min-width:320px;max-width:500px;border-right:1px solid var(--color-border-slate);display:flex;flex-direction:column;overflow:hidden}.coaching-chat-column{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.coaching-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--color-text-tertiary)}.coaching-waiting p{margin:0;font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.coaching-waiting .coaching-waiting-sub{font-size:.875rem;font-weight:400;color:var(--color-text-quaternary)}.coaching-waiting-spinner{width:32px;height:32px;border:3px solid var(--color-border-default);border-top-color:var(--color-indigo-500);border-radius:50%;animation:coaching-spin .8s linear infinite}@keyframes coaching-spin{to{transform:rotate(360deg)}}.coaching-error p{color:var(--color-error-dark);font-weight:500}.coaching-error-actions{display:flex;gap:12px;margin-top:8px}.coaching-error-retry-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;background:var(--color-indigo-500);color:#fff;transition:background .15s ease;min-height:44px}.coaching-error-retry-btn:hover{background:var(--color-indigo-500)}.coaching-error-continue-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--color-border-slate);background:white;color:var(--color-text-slate-secondary);transition:all .15s ease;min-height:44px}.coaching-error-continue-btn:hover{background:var(--color-bg-slate-100);border-color:var(--color-border-slate-strong)}.coaching-mobile-toggle{display:none}@media (min-width: 768px) and (max-width: 1023px){.coaching-feedback-column{width:35%;min-width:280px}}@media (max-width: 767px){.coaching-unified-header{padding:10px 16px;gap:8px}.coaching-scenario-name{font-size:14px}.coaching-mobile-toggle{display:flex;gap:0;border:1px solid var(--color-border-slate);border-radius:8px;overflow:hidden;flex-shrink:0}.coaching-mobile-toggle-btn{padding:6px 14px;border:none;background:white;font-size:13px;font-weight:500;color:var(--color-text-slate-tertiary);cursor:pointer;transition:all .15s ease;min-height:44px}.coaching-mobile-toggle-btn.active{background:var(--color-brand-primary);color:#fff}.coaching-columns{flex-direction:column}.coaching-feedback-column{width:100%;max-width:none;min-width:auto;border-right:none}.coaching-mobile-hidden{display:none!important}}.chat-content-wrapper.focus-eval-layout{display:flex;flex-direction:column}.focus-eval-page-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0 1rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-border-default);grid-column:1 / -1}.focus-back-to-dashboard{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:white;border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-indigo-500);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.focus-back-to-dashboard:hover{background:var(--color-bg-tertiary);border-color:var(--color-violet-300)}.focus-column-labels{display:flex;gap:2rem}.focus-column-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.focus-column-label.transcript-label{color:var(--color-text-tertiary)}.focus-column-label.feedback-label{color:var(--color-violet-600)}.chat-content-wrapper.focus-eval-layout.two-column-layout{display:flex;flex-direction:column;gap:0}.chat-content-wrapper.focus-eval-layout .focus-eval-page-header{width:100%;max-width:800px;margin:0 auto;padding:1rem}@media (max-width: 1024px){.focus-column-labels{display:none}.focus-eval-page-header{justify-content:flex-start}}@media (max-width: 1024px){.chat-content-wrapper.two-column-layout{grid-template-columns:1fr}.assessment-column{position:relative;top:0;max-height:none}}.info-box{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));padding:1rem;border-radius:8px;border-left:4px solid var(--color-success);margin-top:1.5rem;font-size:.9rem}.info-box strong{color:var(--color-success-dark);display:block;margin-bottom:.5rem}.info-box ul{margin:.5rem 0;padding-left:1.5rem;color:var(--color-text-secondary)}.info-box li{margin-bottom:.25rem;line-height:1.4}.label-hint{font-weight:400;color:var(--color-text-tertiary);font-size:.85rem;margin-left:.5rem}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-glass-white-30);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.mode-selector-content{max-height:calc(90vh - 100px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mode-selector-single-column{display:flex;flex-direction:column;gap:2rem;max-width:700px;margin:0 auto}.desktop-only-skills{display:block}@media (max-width: 768px){.desktop-only-skills{display:none}}.section-header{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.scenario-context-section{padding-bottom:2rem;border-bottom:1px solid var(--color-border-default)}.scenario-text{margin:0;color:var(--color-text-secondary);line-height:1.6;font-size:.9375rem}.learning-objectives-section{padding:1rem 1.25rem;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border-default)}.lo-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.lo-icon{font-size:1.25rem}.lo-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-heading)}.lo-list{display:flex;flex-direction:column;gap:.5rem}.lo-item{display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}.lo-number{color:var(--color-text-tertiary);font-weight:500;flex-shrink:0;min-width:1.5rem}.lo-text{color:var(--color-text-secondary);font-size:.9375rem}.lo-text strong{font-weight:600;color:var(--color-text-heading)}.focus-intro-section{text-align:center;padding:1.5rem 1rem;background:linear-gradient(135deg,rgba(124,58,237,.05) 0%,rgba(79,70,229,.08) 100%);border-radius:12px;border:1px solid rgba(124,58,237,.15)}.focus-breadcrumb{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.focus-objective-intro{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.focus-icon{font-size:1.5rem}.focus-objective-name{font-size:1.25rem;font-weight:600;color:var(--color-indigo-500);margin:0}.focus-objective-description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5;margin:0 0 1rem;max-width:500px;margin-left:auto;margin-right:auto}.focus-expectations{background:rgba(255,255,255,.7);padding:.75rem 1rem;border-radius:8px;display:inline-block}.focus-expectations p{margin:0;font-size:.875rem;color:var(--color-text-tertiary);font-style:italic}.mode-selector-single-column .skills-section{padding-bottom:2rem;border-bottom:1px solid var(--color-border-default)}.criteria-cards{display:flex;flex-direction:column;gap:.75rem}.criterion-card{background:white;padding:1rem;border-radius:8px;border-left:3px solid var(--color-warning);box-shadow:0 1px 3px var(--color-shadow-xs);transition:box-shadow .2s}.criterion-card:hover{box-shadow:0 2px 6px var(--color-shadow-sm)}.criterion-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;gap:.75rem}.criterion-card-name{font-weight:600;color:var(--color-text-heading);font-size:.9375rem;flex:1}.criterion-card-weight{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:#fff;padding:.25rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;flex-shrink:0}.criterion-card-description{margin:0;color:var(--color-text-tertiary);font-size:.875rem;line-height:1.5}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.mode-button{padding:1.25rem;border:2px solid;border-radius:12px;background:white;cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mode-button-text{border-color:var(--color-info-dark)}.mode-button-text:hover{background:var(--color-info-bg);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.mode-button-voice{border-color:var(--color-violet-600)}.mode-button-voice:hover:not(.mode-button-disabled){background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.mode-button-disabled{border-color:var(--color-border-strong);cursor:not-allowed;opacity:.5}.mode-icon{font-size:2rem}.mode-title{font-weight:600;font-size:1.125rem;color:var(--color-text-primary)}.mode-button-text .mode-title{color:var(--color-info-dark)}.mode-button-voice:not(.mode-button-disabled) .mode-title{color:var(--color-violet-600)}.mode-button-disabled .mode-title{color:var(--color-text-quaternary)}.unavailable-label{font-size:.875rem;font-weight:400;color:var(--color-text-quaternary)}.mode-description{font-size:.875rem;color:var(--color-text-tertiary);line-height:1.4}.mode-note{margin:0;font-size:.8125rem;color:var(--color-text-quaternary);font-style:italic;text-align:center}.mode-data-hint{font-size:.75rem;color:var(--color-text-tertiary);font-weight:500;margin-top:.25rem;padding:.25rem .5rem;background:var(--color-shadow-xs);border-radius:4px}.mode-button-text .mode-data-hint{color:var(--color-text-secondary)}.mode-button-voice:not(.mode-button-disabled) .mode-data-hint{color:#6b21a8;background:rgba(124,58,237,.08)}.mode-button-disabled .mode-data-hint{color:var(--color-text-quaternary)}.data-usage-note{margin:.75rem 0 0;font-size:.75rem;color:var(--color-text-quaternary);text-align:center;line-height:1.4}@media (max-width: 768px){.mode-selector-single-column{gap:1.5rem;padding:.5rem}.mode-selector-content{max-height:90vh;overflow-y:auto;padding:.5rem}.modal-header h2{font-size:1rem!important}.modal-header button{font-size:.8rem!important;padding:.35rem .7rem!important}.scenario-context-section{padding:.75rem;background:var(--color-bg-code);border-radius:8px;border:none;border-bottom:none}.scenario-context-section .section-header{font-size:.7rem!important;margin-bottom:.5rem!important;color:var(--color-text-tertiary)}.scenario-text{font-size:.85rem!important;line-height:1.35!important;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary)}.mode-selector-single-column .skills-section{display:none!important}.mode-selection-section{position:relative;background:transparent;padding:0;margin:0}.mode-selection-section .section-header{font-size:.8rem!important;margin-bottom:.75rem!important;text-align:center}.mode-buttons{display:flex;flex-direction:column;gap:.75rem}.mode-button{padding:1rem!important;border-width:2px}.mode-icon{font-size:1.75rem!important}.mode-title{font-size:1rem!important;font-weight:600}.mode-description{font-size:.8rem!important;line-height:1.3!important}.unavailable-label{font-size:.75rem!important}.mode-note{font-size:.75rem!important;margin-top:.5rem!important}.section-header{font-size:.75rem!important;margin-bottom:.5rem!important;letter-spacing:.03em}}.performance-container{max-width:1400px;margin:0 auto;padding:2rem}.performance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-default)}.performance-header h1{font-size:2rem;font-weight:700;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.performance-header-left{display:flex;flex-direction:column;gap:.5rem}.learner-header-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.learner-email-badge{background:var(--color-brand-gradient);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.learner-stat-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.performance-header .learner-role-badge{background:var(--color-bg-quaternary);color:var(--color-text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;font-weight:600}.performance-filters{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.date-range-buttons{display:flex;gap:.5rem}.date-range-buttons button{padding:.5rem 1rem;border:2px solid var(--color-border-default);background:white;color:var(--color-text-tertiary);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.date-range-buttons button:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.date-range-buttons button.active{background:var(--color-brand-gradient);border-color:var(--color-brand-primary);color:#fff}.scenario-filter{padding:.5rem 1rem;border:2px solid var(--color-border-default);border-radius:8px;font-size:.875rem;color:var(--color-text-secondary);background:white;cursor:pointer;transition:border-color .2s;min-width:200px}.scenario-filter:hover{border-color:var(--color-brand-primary)}.scenario-filter:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.overview-card{background:white;border:2px solid var(--color-border-default);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.overview-card:hover{border-color:var(--color-brand-primary);box-shadow:0 4px 12px var(--color-brand-alpha-15);transform:translateY(-2px)}.overview-card .card-icon{font-size:2rem;line-height:1}.overview-card .card-content{flex:1}.overview-card .card-value{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);line-height:1.2;margin-bottom:.25rem}.overview-card .card-label{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.session-history{background:white;border:2px solid var(--color-border-default);border-radius:12px;padding:2rem}.session-history h2{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);margin:0 0 1.5rem}.table-container{overflow-x:auto}.sessions-table{width:100%;border-collapse:collapse}.sessions-table thead{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-default)}.sessions-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sessions-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.sessions-table th.sortable:hover,.sessions-table th.sorted{color:var(--color-brand-primary)}.sessions-table tbody tr{border-bottom:1px solid var(--color-bg-tertiary);transition:background-color .2s}.sessions-table tbody tr.clickable-row{cursor:pointer}.sessions-table tbody tr.clickable-row:hover{background-color:var(--color-bg-secondary)}.sessions-table td{padding:1rem;font-size:.875rem;color:var(--color-text-secondary)}.score-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;letter-spacing:.5px}.score-excellent{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));color:#fff}.score-good{background:linear-gradient(135deg,#84CC16,#65A30D);color:#fff}.score-fair{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-dark));color:#fff}.score-needs-work{background:linear-gradient(135deg,var(--color-error),var(--color-error));color:#fff}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.assessed{background-color:var(--color-success-light);color:#065f46}.status-badge.pending{background-color:var(--color-warning-light);color:var(--color-amber-800)}.scenario-summary{background:white;border:2px solid var(--color-border-default);border-radius:12px;padding:2rem;margin-bottom:2rem}.modal .scenario-summary,.modal-content .scenario-summary{background:none;border:none;border-radius:0;padding:0;margin-bottom:.75rem;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;max-height:none}.scenario-summary h2{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);margin:0 0 1.5rem}.scenario-summary-table{width:100%;border-collapse:collapse}.scenario-summary-table thead{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-default)}.scenario-summary-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.scenario-summary-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.scenario-summary-table th.sortable:hover,.scenario-summary-table th.sorted{color:var(--color-brand-primary)}.scenario-summary-table tbody tr{border-bottom:1px solid var(--color-border-default);transition:all .2s}.scenario-summary-table tbody tr.clickable-row{cursor:pointer}.scenario-summary-table tbody tr.clickable-row:hover{background-color:var(--color-bg-secondary)}.scenario-summary-table tbody tr.highlighted{background:var(--color-brand-alpha-10);border-left:3px solid var(--color-border-focus)}.scenario-summary-table tbody tr.highlighted:hover{background:var(--color-brand-alpha-15)}.scenario-summary-table td{padding:1rem;font-size:.875rem;color:var(--color-text-secondary)}.scenario-summary-table .trend-indicator{display:inline-flex;align-items:center;gap:.25rem;font-weight:500}.scenario-summary-table .scenario-link{display:flex;align-items:center;gap:.5rem;font-weight:500}.scenario-summary-table .view-skills-hint{font-size:.75rem;color:var(--color-text-quaternary);font-weight:400;opacity:0;transition:opacity .2s}.scenario-summary-table tbody tr:hover .view-skills-hint{opacity:1;color:var(--color-brand-primary)}.empty-state{text-align:center;padding:4rem 2rem;background:white;border:2px solid var(--color-border-default);border-radius:12px;margin-top:2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);margin-bottom:.5rem}.empty-state p{color:var(--color-text-tertiary);font-size:1rem;margin-bottom:2rem}.empty-state .primary-button{padding:.75rem 2rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.empty-state .primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-brand-alpha-40)}.loading-container{text-align:center;padding:4rem 2rem}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;padding:4rem 2rem;background:var(--color-error-light);border:2px solid var(--color-error);border-radius:12px;margin-top:2rem}.error-container h3{font-size:1.5rem;font-weight:700;color:var(--color-error-dark);margin-bottom:.5rem}.error-container p{color:var(--color-error);font-size:1rem;margin-bottom:2rem}.error-container .retry-button{padding:.75rem 2rem;background:var(--color-error);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.error-container .retry-button:hover{background:var(--color-error-dark);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--color-error-bg) 0%,var(--color-error-light) 100%);text-align:center}.error-fallback h2{font-size:2rem;font-weight:700;color:var(--color-error-dark);margin-bottom:1rem}.error-fallback p{color:#7f1d1d;font-size:1.125rem;margin-bottom:2rem;max-width:400px}.error-fallback button{padding:.875rem 2rem;background:var(--color-error);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.error-fallback button:hover{background:var(--color-error-dark);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.skills-tab-content{margin-top:1rem}.skills-empty{margin-top:2rem}.skills-cards{display:flex;flex-direction:column;gap:1rem}.skill-scenario-card{background:white;border:1px solid var(--color-border-default);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 4px var(--color-shadow-xs)}.skill-scenario-card:hover{border-color:var(--color-violet-600);box-shadow:0 4px 12px #7c3aed26}.skill-scenario-card.expanded{border-color:var(--color-violet-600);box-shadow:0 8px 24px #7c3aed33}.skill-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-50) 100%);transition:background .2s}.skill-card-header:hover{background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%)}.skill-card-title{display:flex;align-items:center;gap:.75rem}.skill-card-icon{font-size:1.25rem}.skill-card-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-code);border:2px solid var(--color-border-focus)}.skill-card-avatar img{width:100%;height:100%;object-fit:cover}.skill-card-avatar.placeholder{border:2px dashed var(--color-border-strong);background:transparent}.skill-card-avatar .avatar-outline{font-size:18px;opacity:.4}.skill-card-title h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.attempt-count{font-size:.875rem;color:var(--color-text-tertiary);font-weight:400}.decay-badge{font-size:.75rem;padding:1px 8px;border-radius:10px;font-weight:500;margin-left:4px}.decay-badge.stale{color:var(--color-text-quaternary);background:rgba(156,163,175,.12)}.decay-badge.very-stale{color:var(--color-warning-dark);background:rgba(217,119,6,.1)}.skill-card-summary{display:flex;align-items:center;gap:1rem}.trend-badge{display:flex;align-items:center;gap:.25rem}.trend-text{font-size:.875rem;font-weight:600}.trend-text.improving{color:var(--color-success-dark)}.trend-text.declining{color:var(--color-error)}.trend-text.steady{color:var(--color-text-tertiary)}.improvement{font-size:.75rem;margin-left:.25rem;opacity:.8}.avg-score-badge{display:flex;flex-direction:column;align-items:center;padding:.25rem .75rem;border-radius:12px;font-weight:600}.avg-score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.avg-score-value{font-size:1rem;font-weight:700}.expand-icon{font-size:.75rem;color:var(--color-text-quaternary);transition:transform .2s}.skill-card-body{padding:1.5rem;background:white;border-top:1px solid var(--color-border-default);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skill-chart-container{background:white;border-radius:12px;padding:1rem;margin-bottom:1.5rem;border:1px solid var(--color-border-default)}.skills-comparison-table{width:100%;overflow-x:auto}.comparison-header{display:grid;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-tertiary);border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.5rem;min-width:fit-content}.comparison-header .header-dimension{text-align:left}.comparison-header .header-improvement,.comparison-header .header-attempt,.comparison-header .header-average{text-align:center}.comparison-header .header-average{font-weight:700}.comparison-header .header-attempt.clickable{cursor:pointer;transition:all .2s;border-radius:4px;padding:.25rem .5rem;margin:-.25rem -.5rem}.comparison-header .header-attempt.clickable:hover{background:var(--color-brand-gradient);color:#fff}.comparison-row{display:grid;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-subtle);align-items:center;min-width:fit-content}.comparison-row:last-child{border-bottom:none}.comparison-row .dimension-name{font-weight:500;color:var(--color-text-primary)}.comparison-row .dimension-improvement,.comparison-row .dimension-score-cell{text-align:center}.comparison-row.overall-row{border-top:2px solid var(--color-border-default);background:var(--color-bg-secondary);margin-top:.5rem;padding-top:1rem}.comparison-row.overall-row .overall-label{font-weight:700;color:var(--color-text-heading)}.change-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.change-badge.positive{background:var(--color-success-light);color:var(--color-success-dark)}.change-badge.negative{background:var(--color-error-light);color:var(--color-error)}.change-badge.neutral{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.skill-attempt-comparison{display:flex;justify-content:center;align-items:center;gap:2rem}.attempt-box{text-align:center;padding:1rem 2rem;border-radius:12px;min-width:120px}.attempt-box.first-attempt{background:var(--color-bg-tertiary);border:2px solid var(--color-border-strong)}.attempt-box.latest-attempt{background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%);border:2px solid var(--color-violet-600)}.attempt-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.5rem}.attempt-score{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.attempt-date{font-size:.75rem;color:var(--color-text-quaternary)}.attempt-arrow{font-size:1.5rem;color:var(--color-violet-600);font-weight:700}.chart-empty{text-align:center;padding:2rem;color:var(--color-text-quaternary);font-style:italic}@media (max-width: 767px){.performance-container{padding:1rem}.performance-header{flex-direction:column;align-items:flex-start;gap:1rem}.performance-filters{flex-direction:column;gap:1rem}.date-range-buttons{flex-wrap:wrap}.overview-cards{grid-template-columns:1fr}.sessions-table{font-size:.75rem}.sessions-table th,.sessions-table td{padding:.5rem}.scenario-summary-table{font-size:.75rem}.scenario-summary-table th,.scenario-summary-table td{padding:.75rem .5rem}.performance-tabs{gap:0}.tab-button{flex:1;padding:.75rem .5rem;font-size:.875rem}.skill-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.skill-card-title{flex-wrap:wrap}.skill-card-title h3{font-size:1rem}.skill-card-summary{width:100%;justify-content:space-between}.skill-attempt-comparison{flex-direction:column;gap:1rem}.attempt-arrow{transform:rotate(90deg)}.attempt-box{width:100%;padding:.75rem}.comparison-header{grid-template-columns:1.5fr 1fr 1fr 1fr;font-size:.65rem;padding:.5rem}.comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr;padding:.5rem}.comparison-row .dimension-name{font-size:.8rem}.score-badge{font-size:.7rem;padding:.15rem .4rem}.change-badge{font-size:.65rem;padding:.15rem .35rem}}.performance-filters.compact{gap:.75rem;margin-bottom:1rem;align-items:center;flex-direction:row;flex-wrap:wrap}.performance-filters.compact .filter-group{gap:0}.date-range-buttons.pill-bar{display:inline-flex;gap:0;border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden}.date-range-buttons.pill-bar button{border:none;border-right:1px solid var(--color-border-default);border-radius:0;padding:.4rem .65rem;font-size:.8rem;min-height:44px;min-width:44px}.date-range-buttons.pill-bar button:last-child{border-right:none}.date-range-buttons.pill-bar button.active{background:var(--color-info-dark);color:#fff;border-color:var(--color-info-dark)}.performance-filters.compact .scenario-filter{font-size:.8rem;padding:.4rem .5rem;min-height:44px}@media (max-width: 767px){.performance-header h1{font-size:1.4rem}.performance-header{margin-bottom:1rem;padding-bottom:.75rem}.performance-tab-bar{margin-bottom:.75rem}.performance-tab{flex:1;text-align:center;padding:.6rem .5rem;font-size:.85rem}.skills-coach-section .coaching-columns{height:auto;min-height:unset;overflow:visible}.skills-coach-section .coaching-feedback-column,.skills-coach-section .coaching-chat-column{overflow:visible}.coach-analysis-panel{overflow-y:visible;max-height:none}.coach-chat-thread{max-height:none;overflow-y:visible}.learning-journal-section .coaching-columns{height:auto;min-height:unset;overflow:visible}.learning-journal-section .coaching-feedback-column{max-height:none;overflow-y:visible;border-bottom:none}.learning-journal-section .coaching-chat-column{overflow:visible;min-height:unset}.performance-tab-content.mobile{min-height:unset}}.meta-evaluation-section{background:white;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-shadow-xs)}.meta-eval-header h2{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1.25rem}.meta-eval-description{color:var(--color-text-tertiary);margin:0 0 1rem;font-size:.9rem}.meta-eval-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px}.meta-eval-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.meta-eval-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.meta-eval-loading{text-align:center;padding:2rem}.meta-eval-loading .loading-spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:.5rem}.meta-eval-loading p{color:var(--color-text-tertiary);margin:.5rem 0}.meta-eval-loading .loading-hint{font-size:.85rem;color:var(--color-text-quaternary)}.meta-eval-loading-compact{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-sky-100) 100%);border:1px solid var(--color-sky-200);border-radius:8px;color:var(--color-info-dark);font-size:.95rem}.loading-spinner-inline{animation:spin 1s linear infinite;font-size:1.25rem}.meta-eval-error{padding:1rem;background:var(--color-warning-light);border-radius:8px;text-align:center}.meta-eval-error p{color:var(--color-warning-dark);margin:0 0 .75rem}.retry-button-small{padding:.5rem 1rem;background:var(--color-warning);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.retry-button-small:hover{background:var(--color-warning-dark)}.meta-eval-results{padding-top:1rem}.meta-eval-results-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.meta-eval-results-header h3{margin:0;color:var(--color-text-primary)}.meta-eval-badge{padding:.25rem .75rem;background:var(--color-bg-tertiary);color:var(--color-violet-600);border-radius:16px;font-size:.8rem;font-weight:500}.meta-eval-date-range{padding:.25rem .75rem;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:16px;font-size:.8rem}.trajectory-badge{padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500}.trajectory-badge.improving{background:var(--color-success-light);color:var(--color-success-dark)}.trajectory-badge.declining{background:var(--color-error-light);color:var(--color-error-dark)}.trajectory-badge.steady{background:var(--color-warning-light);color:var(--color-warning-dark)}.meta-eval-themes{margin-bottom:1.5rem}.meta-eval-themes h4{margin:0 0 .5rem;color:var(--color-text-secondary);font-size:1rem}.general-skills-explainer{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-tertiary);font-style:italic}.themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.theme-card{background:var(--color-bg-secondary);border-radius:10px;padding:1rem;border:1px solid var(--color-border-default)}.theme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.theme-name{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.theme-score{font-weight:700;font-size:.9rem;padding:.2rem .6rem;border-radius:10px}.theme-bar-container{height:6px;background:var(--color-bg-quaternary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.theme-bar{height:100%;border-radius:3px;transition:width .5s ease-out}.theme-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-tertiary)}.theme-trend{display:flex;align-items:center;gap:.25rem}.meta-eval-insights{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 767px){.meta-eval-insights{grid-template-columns:1fr}}.insights-column{padding:1rem;border-radius:10px}.insights-column.strengths{background:var(--color-success-bg);border-left:4px solid var(--color-success)}.insights-column.growth-areas{background:var(--color-bg-primary);border-left:4px solid var(--color-warning)}.insights-column h4{margin:0 0 .75rem;font-size:1rem}.insights-column.strengths h4{color:var(--color-success-dark)}.insights-column.growth-areas h4{color:var(--color-warning-dark)}.insights-column ul{margin:0;padding-left:1.25rem}.insights-column li{margin-bottom:.5rem;line-height:1.5}.insights-column.strengths li{color:var(--color-success-dark)}.insights-column.growth-areas li{color:var(--color-warning-dark)}.evidence-item{margin-bottom:1rem}.evidence-item strong{display:block;font-size:.95rem;margin-bottom:.25rem}.evidence-description{margin:0 0 .5rem;font-size:.9rem;line-height:1.5}.evidence-quote{margin:.5rem 0 0;padding:.5rem .75rem;border-left:3px solid;font-style:italic;font-size:.85rem;line-height:1.4}.insights-column.strengths .evidence-quote{border-color:var(--color-success);background:rgba(16,185,129,.08)}.insights-column.growth-areas .evidence-quote{border-color:var(--color-warning);background:rgba(245,158,11,.08)}.evidence-quote cite{display:block;margin-top:.25rem;font-size:.75rem;font-style:normal;opacity:.75}.meta-eval-patterns{background:var(--color-bg-secondary);border-left:4px solid var(--color-info);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.meta-eval-patterns h4{margin:0 0 .5rem;color:var(--color-info-dark);font-size:1rem}.meta-eval-patterns p{margin:0;color:var(--color-sky-900);line-height:1.6}.meta-eval-recommendations{background:var(--color-bg-secondary);border-left:4px solid var(--color-violet-600);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.meta-eval-recommendations h4{margin:0 0 .75rem;color:var(--color-violet-700);font-size:1rem}.meta-eval-recommendations ul{margin:0;padding-left:1.25rem}.meta-eval-recommendations li{margin-bottom:.5rem;color:var(--color-violet-800);line-height:1.5}.refresh-analysis-button{padding:.5rem 1rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.refresh-analysis-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-text-quaternary)}.refresh-analysis-button:disabled{opacity:.6;cursor:not-allowed}.coach-narrative-card{background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-violet-50) 100%);border:1px solid #e0e7ff;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.coach-narrative-card .narrative-content{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary)}.coach-narrative-card .narrative-content p{margin:0 0 .75rem}.coach-narrative-card .narrative-content p:last-child{margin-bottom:0}.meta-eval-themes.compact .themes-grid{gap:.5rem}.meta-eval-themes.compact .theme-card{padding:.5rem .75rem}.coach-recommendations{margin:1rem 0}.coach-recommendations h4{font-size:.875rem;color:var(--color-text-tertiary);margin:0 0 .75rem;font-weight:600}.recommendation-buttons{display:flex;flex-direction:column;gap:.5rem}.recommendation-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;background:white;border:1px solid var(--color-border-strong);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.recommendation-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-info)}.recommendation-btn:disabled{opacity:.5;cursor:not-allowed}.recommendation-btn .rec-scenario-name{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.recommendation-btn .rec-reason{font-size:.8rem;color:var(--color-text-tertiary);margin-top:.25rem}.detailed-analysis{margin-top:1rem;border-top:1px solid var(--color-border-default);padding-top:.75rem}.toggle-details-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.25rem}.toggle-details-header:hover{opacity:.8}.details-chevron{font-size:.75em;opacity:.6}.details-content{margin-top:1rem}.meta-eval-results.narrative-first .meta-eval-themes{margin-top:0}.section-divider{border:none;border-top:1px solid var(--color-border-default);margin:2rem 0}.coach-mobile-toggle{display:none}@media (max-width: 767px){.coach-mobile-toggle{display:flex;gap:0;border:1px solid var(--color-border-slate);border-radius:8px;overflow:hidden;margin-bottom:.75rem;flex-shrink:0}.coach-mobile-toggle-btn{flex:1;padding:.5rem .75rem;border:none;background:white;font-size:.85rem;font-weight:500;color:var(--color-text-slate-tertiary);cursor:pointer;transition:all .15s ease;min-height:44px;text-align:center}.coach-mobile-toggle-btn.active{background:var(--color-brand-primary);color:#fff;font-weight:600}.coach-mobile-toggle-btn:not(.active):hover{background:var(--color-bg-slate-100)}}.skills-coach-section .coaching-columns{height:calc(100vh - 220px);min-height:400px;background:white;border-radius:8px;border:1px solid var(--color-border-slate)}.skills-coach-section .coaching-feedback-column,.skills-coach-section .coaching-chat-column{background:white;display:flex;flex-direction:column}.coach-column-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 1rem;border-bottom:1px solid var(--color-border-slate);background:var(--color-bg-page);flex-shrink:0;box-sizing:border-box}.coach-column-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-secondary)}.export-button-inline{background:none;border:1px solid var(--color-border-strong);border-radius:6px;padding:.3rem .75rem;font-size:.8rem;cursor:pointer;color:var(--color-text-secondary)}.export-button-inline:hover{background:var(--color-bg-tertiary)}.coach-analysis-panel{padding:1rem;overflow-y:auto;flex:1;min-height:0}.coach-inline-stats{display:flex;gap:1.5rem;padding:.5rem 0 1rem;border-bottom:1px solid var(--color-border-default);margin-bottom:1rem}.coach-stat{font-size:.85rem;color:var(--color-text-tertiary)}.coach-stat strong{font-size:1.1rem;color:var(--color-text-primary)}.meta-eval-insights.stacked{grid-template-columns:1fr}.skills-coach-section .coaching-chat-column .coach-chat-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 1rem 1rem}.skills-coach-section .coaching-chat-column .chat-messages{flex:1;min-height:0;overflow-y:auto}.learning-journal-section .coaching-columns{height:calc(100vh - 220px);min-height:400px;background:white;border-radius:8px;border:1px solid var(--color-border-slate)}.learning-journal-section .coaching-feedback-column,.learning-journal-section .coaching-chat-column{background:white;display:flex;flex-direction:column}.learning-journal-section .coaching-chat-column .coach-chat-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 1rem 1rem}.learning-journal-section .coaching-chat-column .chat-messages{flex:1;min-height:0;overflow-y:auto}.journal-entry-count{font-size:.8rem;color:var(--color-text-quaternary);font-weight:400}.journal-sort-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-default);flex-wrap:wrap}.journal-sort-label{font-size:.8rem;color:var(--color-text-tertiary);margin-right:.25rem}.journal-sort-btn{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border-default);background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-size:.8rem;min-height:32px;min-width:44px}.journal-sort-btn.active{border-color:var(--color-info-dark);background:var(--color-info-bg);color:var(--color-info-dark)}.journal-scenario-list{display:flex;flex-direction:column;gap:.75rem}.journal-scenario-card{border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden;background:white;transition:border-color .15s}.journal-scenario-card.expanded{border-color:var(--color-info-light)}.journal-scenario-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;gap:.5rem}.journal-scenario-title-row{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;flex-wrap:wrap}.journal-scenario-name{font-weight:600;font-size:.95rem;color:var(--color-text-heading)}.journal-scenario-badges{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.journal-session-badge{padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.journal-session-badge.starting{background:var(--color-info-bg);color:var(--color-info-dark)}.journal-session-badge.growing{background:var(--color-warning-light);color:var(--color-warning-dark)}.journal-session-badge.milestone{background:var(--color-success-light);color:var(--color-success-dark)}.journal-milestone-icon{font-size:.75rem;flex-shrink:0}.journal-expand-indicator{color:var(--color-text-quaternary);font-size:.85rem;flex-shrink:0}.journal-preview{padding:0 1rem .75rem;font-size:.85rem;color:var(--color-text-tertiary);line-height:1.4}.journal-expanded-content{padding:0 1rem 1rem}.journal-milestone-banner{padding:.75rem;background:var(--color-success-light);border-radius:6px;margin-bottom:.75rem;font-size:.85rem;color:var(--color-success-dark)}.journal-milestone-banner p{margin:.25rem 0 0}.journal-date-range{font-size:.75rem;opacity:.8}.journal-synthesized{padding:.75rem;background:var(--color-bg-secondary);border-radius:6px;margin-bottom:.75rem;font-size:.85rem}.journal-synthesized p{margin:.25rem 0 .5rem;line-height:1.5}.journal-tier-label{font-size:.8rem;color:var(--color-text-tertiary);display:block;margin-bottom:.5rem}.journal-insights-list{margin:0;padding-left:1.25rem;font-size:.85rem}.journal-insights-list li{margin-bottom:.25rem}.journal-lesson-card{padding:.75rem;border:1px solid var(--color-border-default);border-radius:6px;margin-bottom:.5rem}.journal-lesson-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.journal-lesson-topic{font-weight:600;font-size:.9rem}.journal-lesson-date{font-size:.7rem;color:var(--color-text-quaternary);white-space:nowrap;margin-left:.5rem}.journal-lesson-synthesis{font-size:.85rem;line-height:1.5;margin:.25rem 0 .5rem;color:var(--color-text-secondary)}.journal-key-takeaway{padding:.5rem .75rem;background:var(--color-info-bg);border-radius:4px;font-size:.85rem;font-style:italic;margin-bottom:.5rem}.journal-resources{margin-top:.5rem}.journal-resource-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--color-info-dark);text-decoration:none;margin-right:.75rem}.journal-resource-link:hover{text-decoration:underline}.journal-view-session-btn{margin-top:.5rem;font-size:.75rem;color:var(--color-info-dark);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.journal-timeline{display:flex;align-items:center;gap:4px;margin-top:.75rem;padding:.5rem 0}.journal-timeline-label{font-size:.7rem;color:var(--color-text-quaternary);margin-right:.25rem}.journal-timeline-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:var(--color-bg-active);padding:0;min-width:8px;min-height:8px}.journal-timeline-dot.recent{background:var(--color-info-dark)}@media (max-width: 767px){.learning-journal-section .coaching-columns{flex-direction:column;height:auto;min-height:unset;overflow:visible}.learning-journal-section .coaching-feedback-column{width:100%;max-width:none;min-width:unset;border-right:none;border-bottom:none;max-height:none;overflow-y:visible}.learning-journal-section .coaching-chat-column{min-height:unset;overflow:visible}}.performance-tabs{margin-top:1.5rem}.performance-tab-bar{display:flex;gap:0;border-bottom:2px solid var(--color-border-default);margin-bottom:1rem}.performance-tab{padding:.6rem 1.25rem;border:none;background:none;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text-tertiary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.performance-tab:hover{color:var(--color-text-secondary)}.performance-tab.active{color:var(--color-info-dark);border-bottom-color:var(--color-info-dark);font-weight:600}.performance-tab-content{min-height:200px}.coach-chat-thread{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto;padding:.5rem 0}.coach-message{display:flex;gap:.5rem;align-items:flex-start;max-width:90%}.coach-message-user{align-self:flex-end;flex-direction:row-reverse}.coach-msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;margin-top:2px}.coach-msg-bubble{padding:.6rem .85rem;border-radius:12px;font-size:.9rem;line-height:1.5}.coach-message-bot .coach-msg-bubble{background:var(--color-bg-tertiary);border-bottom-left-radius:4px}.coach-message-user .coach-msg-bubble{background:var(--color-info-dark);color:#fff;border-bottom-right-radius:4px}.coach-message-bot .coach-msg-bubble p{margin:0}.coach-message-bot .coach-msg-bubble p+p{margin-top:.4rem}.coach-typing{display:inline-flex;gap:3px;font-size:1.2rem;color:var(--color-text-quaternary);animation:coachPulse 1.4s infinite}@keyframes coachPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.coach-chat-input{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-default)}.coach-chat-input textarea{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.9rem;resize:none;font-family:inherit;min-height:36px}.coach-chat-input textarea:focus{outline:none;border-color:var(--color-info-dark);box-shadow:0 0 0 2px #2563eb1a}.coach-chat-send{padding:.5rem 1rem;background:var(--color-info-dark);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;flex-shrink:0}.coach-chat-send:disabled{opacity:.5;cursor:not-allowed}.coach-chat-error{color:var(--color-error);font-size:.8rem;margin-top:.25rem}.session-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.session-popup{background:white;border-radius:12px;box-shadow:0 20px 25px -5px var(--color-shadow-md),0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.session-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-default);background:var(--color-brand-gradient);border-radius:12px 12px 0 0}.session-popup-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.session-popup-close{background:var(--color-glass-white-20);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.session-popup-close:hover{background:var(--color-glass-white-30)}.session-popup-content{padding:1.5rem}.session-popup-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-default)}.session-popup-date{color:var(--color-text-secondary);font-size:.9rem}.session-popup-score{font-size:1rem;font-weight:600}.session-popup-dimensions h4{margin:0 0 1rem;color:var(--color-text-secondary);font-size:1rem;font-weight:600}.session-popup-dimensions .dimension-list{display:flex;flex-direction:column;gap:.75rem}.session-popup-dimensions .dimension-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border-subtle)}.session-popup-dimensions .dimension-item:last-child{border-bottom:none}.session-popup-dimensions .dimension-item-name{color:var(--color-text-secondary);font-size:.9rem}.session-popup-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-default);text-align:center}.session-popup-nav-btn{background:var(--color-brand-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.session-popup-nav-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.session-popup.session-popup-enhanced{display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.session-popup-enhanced .session-popup-header{flex-shrink:0}.session-popup-scrollable{flex:1;overflow-y:auto;padding:1.5rem}.session-popup-footer{flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--color-border-default);background:var(--color-bg-secondary);border-radius:0 0 12px 12px}.session-popup-narrative{margin-top:1.5rem}.session-popup-narrative .narrative-block{margin-bottom:1.25rem;padding:1rem;border-radius:8px;background:var(--color-bg-secondary)}.session-popup-narrative .narrative-block:last-child{margin-bottom:0}.session-popup-narrative .narrative-block h4{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.session-popup-narrative .summary-block{background:var(--color-bg-secondary);border-left:3px solid var(--color-info)}.session-popup-narrative .summary-block h4{color:var(--color-info-dark)}.session-popup-narrative .summary-block p{margin:0;color:var(--color-sky-900);font-size:.9rem;line-height:1.6}.session-popup-narrative .strengths-block{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.session-popup-narrative .strengths-block h4{color:var(--color-success-dark)}.session-popup-narrative .improvements-block{background:var(--color-bg-primary);border-left:3px solid var(--color-warning)}.session-popup-narrative .improvements-block h4{color:var(--color-warning-dark)}.session-popup-narrative .reflections-block{background:var(--color-bg-secondary);border-left:3px solid #a855f7}.session-popup-narrative .reflections-block h4{color:#7e22ce}.session-popup-narrative ul{margin:0;padding-left:1.25rem}.session-popup-narrative li{margin-bottom:.5rem;font-size:.9rem;line-height:1.5;color:var(--color-text-secondary)}.session-popup-narrative li:last-child{margin-bottom:0}.session-popup-dimensions.shadow-scores{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-default)}.session-popup-dimensions.shadow-scores h4{color:var(--color-violet-600)}.learner-progress-container{max-width:1400px;margin:0 auto;padding:2rem}.cohort-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.learner-filters{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:white;border:1px solid var(--color-border-default);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow-xs);flex-wrap:wrap}.learner-filters .filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.learner-filters .performance-filter-group{min-width:auto}.learner-filters .search-group{min-width:200px;max-width:280px}.learner-filters label{font-weight:600;font-size:.875rem;color:var(--color-text-secondary)}.learner-filters .filter-select,.learner-filters .search-input{padding:.625rem;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.875rem;transition:border-color .2s}.learner-filters .filter-select:focus,.learner-filters .search-input:focus{outline:none;border-color:var(--color-violet-600);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.learner-table-section{margin-top:2rem}.learner-table-section h2{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:1rem}.learner-table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--color-shadow-md)}.learner-table thead{background:var(--color-brand-gradient);color:#fff}.learner-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.learner-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.learner-table th.sortable:hover{background-color:#ffffff1a}.learner-table th.sorted{background-color:var(--color-glass-white-15)}.learner-table tbody tr{border-bottom:1px solid var(--color-border-default);transition:background-color .2s}.learner-table tbody tr:hover{background-color:var(--color-bg-secondary)}.learner-table tbody tr.learner-row.clickable{cursor:pointer}.learner-table td{padding:1rem;font-size:.875rem;color:var(--color-text-secondary)}.learner-table td.no-results{text-align:center;padding:3rem;color:var(--color-text-tertiary);font-style:italic}.learner-table .learner-email{font-weight:500;color:var(--color-text-primary)}.learner-table .session-count{font-weight:600;color:var(--color-indigo-500)}.learner-table .assessment-breakdown{font-size:.875rem;white-space:nowrap}.learner-table .assessment-breakdown .assessed-count{color:var(--color-success);font-weight:600}.learner-table .assessment-breakdown .separator{margin:0 .5rem;color:var(--color-text-disabled)}.learner-table .assessment-breakdown .unassessed-count{color:var(--color-warning);font-weight:600}.learner-table .trend-cell{white-space:nowrap}.learner-table .trend-indicator{display:inline-flex;align-items:center;gap:.25rem}.learner-table .last-active{color:var(--color-text-tertiary);font-size:.8125rem}.learner-table .score-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.8125rem}.learner-table .score-badge.score-na{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.view-details-btn{padding:.5rem 1rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.view-details-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.view-details-btn:active{transform:translateY(0)}.group-scenario-modal{max-width:600px}.group-scenario-modal h2{margin-bottom:.5rem}.group-scenario-modal .member-count-info{font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1rem}.group-scenario-modal .section-help{font-size:.8125rem;color:var(--color-text-tertiary);margin-bottom:.75rem}.learner-progress-container .empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;border:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-shadow-xs)}.learner-progress-container .empty-state-icon{font-size:4rem;margin-bottom:1rem}.learner-progress-container .empty-state h3{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:.5rem}.learner-progress-container .empty-state p{color:var(--color-text-tertiary);margin-bottom:2rem}@media (max-width: 1200px){.cohort-overview{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 768px){.learner-progress-container{padding:1rem}.cohort-overview{grid-template-columns:repeat(2,1fr)}.learner-filters{flex-direction:column;gap:1rem}.learner-filters .filter-group,.learner-filters .search-group{min-width:100%}.learner-table{font-size:.75rem}.learner-table th,.learner-table td{padding:.75rem .5rem}.view-details-btn{padding:.375rem .75rem;font-size:.75rem}}@media (max-width: 480px){.cohort-overview{grid-template-columns:1fr}.learner-table-section h2{font-size:1.25rem}}.learner-detail-container{max-width:1400px;margin:0 auto;padding:2rem}.breadcrumb-nav{margin-bottom:1.5rem}.breadcrumb-back{padding:.625rem 1.25rem;background:white;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.breadcrumb-back:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-quaternary);transform:translate(-2px)}.learner-header-info{background:var(--color-brand-gradient);border-radius:12px;padding:2rem;margin-bottom:2rem;color:#fff;box-shadow:0 4px 12px var(--color-brand-alpha-30)}.learner-info-content h1{font-size:1.75rem;margin-bottom:.75rem;font-weight:600}.learner-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.learner-email{font-size:1.125rem;font-weight:500;opacity:.95}.learner-role-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-glass-white-20);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.learner-stats-quick{display:flex;gap:2rem;flex-wrap:wrap}.learner-stats-quick .stat-item{display:flex;gap:.5rem;align-items:baseline}.learner-stats-quick .stat-label{font-size:.875rem;opacity:.85}.learner-stats-quick .stat-value{font-size:1.25rem;font-weight:700}.learner-detail-container .performance-container{padding:0;max-width:none}.learner-detail-container .loading-container,.learner-detail-container .error-container{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;border:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-shadow-xs)}.learner-detail-container .error-container h3{font-size:1.5rem;color:var(--color-error);margin-bottom:.5rem}.learner-detail-container .error-container p{color:var(--color-text-tertiary);margin-bottom:1.5rem}@media (max-width: 768px){.learner-detail-container{padding:1rem}.learner-header-info{padding:1.5rem}.learner-info-content h1{font-size:1.5rem}.learner-email{font-size:1rem}.learner-stats-quick{flex-direction:column;gap:1rem}}@media (max-width: 480px){.learner-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.learner-stats-quick .stat-value{font-size:1.125rem}}.allocation-page{padding:2rem;max-width:1400px;margin:0 auto}.allocation-header{margin-bottom:2rem}.allocation-header h1{font-size:2rem;font-weight:700;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.page-subtitle{color:var(--color-text-tertiary);font-size:1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:white;border-radius:12px;padding:1.25rem;text-align:center;border:1px solid var(--color-border-default);box-shadow:0 2px 4px var(--color-shadow-xs)}.summary-number{display:block;font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.summary-label{font-size:.875rem;color:var(--color-text-tertiary)}.summary-not-started .summary-number{color:var(--color-text-tertiary)}.summary-in-progress .summary-number{color:var(--color-info)}.summary-completed .summary-number{color:var(--color-success)}.summary-overdue .summary-number{color:var(--color-error)}.view-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--color-bg-tertiary);padding:.25rem;border-radius:8px;width:fit-content}.toggle-btn{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s}.toggle-btn.active{background:white;color:var(--color-brand-primary);box-shadow:0 1px 3px var(--color-shadow-md)}.toggle-btn:hover:not(.active){color:var(--color-text-primary)}.view-tip{display:flex;align-items:center;gap:12px;background:var(--color-brand-alpha-10);border:1px solid var(--color-brand-alpha-20);border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:.9rem;color:var(--color-brand-primary)}.view-tip .tip-icon{font-size:1.1rem;flex-shrink:0}.view-tip .tip-text{flex:1;line-height:1.4}.view-tip .tip-dismiss{background:none;border:none;color:var(--color-brand-primary);font-size:1.2rem;cursor:pointer;padding:0 4px;opacity:.6;transition:opacity .2s}.view-tip .tip-dismiss:hover{opacity:1}.assign-group-select{padding:8px 12px;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.875rem;color:var(--color-text-secondary);background:white;cursor:pointer;min-width:150px}.assign-group-select:hover{border-color:var(--color-brand-primary)}.assign-group-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.show-tips-btn{background:none;border:none;color:var(--color-indigo-500);font-size:.85rem;cursor:pointer;padding:4px 8px;margin-bottom:16px;opacity:.7;transition:opacity .2s}.show-tips-btn:hover{opacity:1;text-decoration:underline}.group-assignment-list{max-height:400px;overflow-y:auto;margin:1rem 0}.group-assignment-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border-default)}.group-assignment-row:last-child{border-bottom:none}.group-assignment-label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.group-assignment-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.group-assignment-name{font-weight:500;color:var(--color-text-primary)}.group-member-count{font-weight:400;color:var(--color-text-tertiary);font-size:.875rem;margin-left:8px}.group-assignment-date{padding:6px 10px;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.875rem;color:var(--color-text-secondary);margin-left:16px}.group-assignment-date:focus{outline:none;border-color:var(--color-brand-primary)}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.scenario-allocation-card{background:white;border-radius:12px;padding:1.5rem;border:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-shadow-xs);transition:all .2s}.scenario-allocation-card:hover{border-color:var(--color-brand-primary);box-shadow:0 4px 12px var(--color-brand-alpha-15);transform:translateY(-2px)}.scenario-allocation-header{display:flex;align-items:center;gap:12px;margin-bottom:.5rem}.scenario-allocation-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-code);border:2px solid var(--color-border-focus)}.scenario-allocation-avatar img{width:100%;height:100%;object-fit:cover}.scenario-allocation-avatar.placeholder{border:2px dashed var(--color-border-strong);background:transparent}.scenario-allocation-avatar .avatar-outline{font-size:20px;opacity:.4}.scenario-allocation-card h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.scenario-allocation-card .scenario-description{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.5;margin-bottom:1rem;min-height:40px}.allocation-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:8px}.allocation-stats .stat{flex:1;text-align:center}.allocation-stats .stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.allocation-stats .stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.allocation-stats .stat-completed .stat-number{color:var(--color-success)}.allocation-stats .stat-overdue .stat-number{color:var(--color-error)}.card-actions{display:flex;gap:.5rem}.assign-btn{flex:1;padding:.75rem 1rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.assign-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.assignments-table-container{background:white;border-radius:12px;padding:1.5rem;border:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-shadow-xs)}.table-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase}.filter-group select,.filter-group input{padding:.5rem 1rem;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.875rem;min-width:180px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.assignments-table{width:100%;border-collapse:collapse}.assignments-table th,.assignments-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border-default)}.assignments-table th{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-secondary)}.assignments-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.assignments-table th.sortable:hover{color:var(--color-brand-primary)}.assignments-table td{font-size:.875rem;color:var(--color-text-primary)}.assignments-table tbody tr:hover{background:var(--color-bg-secondary)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-completed{background:var(--color-success-light);color:var(--color-success-dark)}.status-in-progress{background:var(--color-info-light);color:var(--color-info-dark)}.status-not-started{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.status-overdue{background:var(--color-error-light);color:var(--color-error-dark)}.due-date-cell{display:flex;flex-direction:column;gap:.25rem}.no-due-date{color:var(--color-text-quaternary);font-style:italic}.countdown{font-size:.75rem}.countdown-normal{color:var(--color-text-tertiary)}.countdown-soon{color:var(--color-warning-dark)}.countdown-today{color:var(--color-warning-dark);font-weight:500}.countdown-overdue{color:var(--color-error);font-weight:500}.action-cell{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border:none;background:var(--color-bg-tertiary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:var(--color-bg-quaternary)}.action-btn.delete-btn:hover{background:var(--color-error-light)}.filter-group-action{display:flex;align-items:flex-end}.bulk-delete-btn{padding:.5rem 1rem;font-size:.875rem;background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error-light);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.bulk-delete-btn:hover:not(:disabled){background:var(--color-error-light)}.bulk-delete-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary);color:var(--color-text-quaternary);border-color:var(--color-border-strong)}.checkbox-column{width:40px;text-align:center!important}.checkbox-column input[type=checkbox]{width:16px;height:16px;cursor:pointer}.assignments-table tr.selected-row{background:var(--color-info-bg)}.assignments-table tr.selected-row:hover{background:var(--color-info-light)}.inline-date-input{padding:.375rem .5rem;font-size:.875rem;border:1px solid var(--color-border-strong);border-radius:6px;background:white;color:var(--color-text-primary);min-width:130px}.inline-date-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-alpha-20)}.inline-date-input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.assignment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modalFadeIn .15s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.assignment-modal-content{position:relative;background:white;border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:hidden;box-shadow:0 20px 40px var(--color-shadow-2xl)}.assignment-modal-content.small-modal{max-width:450px}.assignment-modal-content.assign-modal{max-width:580px;overflow-y:hidden;display:flex;flex-direction:column}.assignment-modal-content.assessment-modal{max-width:700px;padding:0;display:flex;flex-direction:column;overflow-y:hidden}.assignment-modal-content.evaluation-modal{max-width:900px;padding:0;display:flex;flex-direction:column;overflow-y:hidden}.lp-modal-sticky-header{position:sticky;top:0;z-index:20;background:white;border-bottom:1px solid var(--color-border-default);border-radius:16px 16px 0 0;flex-shrink:0}.lp-modal-header-content{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem .75rem;gap:1rem}.lp-modal-title-area{min-width:0}.lp-modal-title-area h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.lp-modal-subtitle{font-size:.8125rem;color:var(--color-text-tertiary);display:block;margin-top:.125rem}.lp-modal-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.lp-modal-close-btn{width:2rem;height:2rem;border:none;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:6px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.lp-modal-close-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.lp-modal-nav{display:flex;align-items:center;gap:.375rem}.lp-modal-nav-btn{width:1.75rem;height:1.75rem;border:1px solid var(--color-border-strong);background:white;border-radius:6px;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--color-text-secondary)}.lp-modal-nav-btn:hover:not(:disabled){border-color:var(--color-indigo-500);color:var(--color-indigo-500)}.lp-modal-nav-btn:disabled{opacity:.3;cursor:default}.lp-modal-nav-label{font-size:.75rem;color:var(--color-text-tertiary);min-width:2.5rem;text-align:center}.lp-modal-tabs{display:flex;gap:0;padding:0 1.5rem}.lp-modal-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.lp-modal-tab:hover{color:var(--color-text-secondary)}.lp-modal-tab.active{color:var(--color-indigo-500);border-bottom-color:var(--color-indigo-500)}.lp-modal-body{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.lp-transcript{display:flex;flex-direction:column;gap:1rem}.lp-transcript-msg{display:flex;flex-direction:column;gap:.25rem}.lp-transcript-role{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lp-transcript-user .lp-transcript-role{color:var(--color-indigo-500)}.lp-transcript-assistant .lp-transcript-role{color:var(--color-success-dark)}.lp-transcript-content{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;padding:.75rem 1rem;border-radius:8px;white-space:pre-wrap}.lp-transcript-user .lp-transcript-content{background:#f0f0ff;border-left:3px solid var(--color-indigo-500)}.lp-transcript-assistant .lp-transcript-content{background:var(--color-success-bg);border-left:3px solid var(--color-success-dark)}.lp-transcript-system .lp-transcript-role{color:var(--color-text-quaternary)}.lp-transcript-system .lp-transcript-content{background:var(--color-bg-secondary);border-left:3px solid var(--color-border-strong);font-style:italic;color:var(--color-text-tertiary)}.assignment-modal-content h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.modal-description{color:var(--color-text-tertiary);font-size:.875rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px}.due-date-picker{display:flex;flex-direction:column;gap:.75rem}.due-date-picker input[type=date]{padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.875rem}.quick-dates{display:flex;gap:.5rem;flex-wrap:wrap}.quick-dates button{padding:.5rem 1rem;border:1px solid var(--color-border-strong);background:white;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.quick-dates button:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.learner-search{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.875rem}.select-all-buttons{display:flex;gap:.5rem;margin-top:.5rem}.select-all-buttons button{padding:.5rem 1rem;border:1px solid var(--color-border-strong);background:white;border-radius:6px;font-size:.75rem;cursor:pointer}.select-all-buttons button:hover{background:var(--color-bg-secondary)}.learner-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border-default);border-radius:8px;margin-top:.5rem}.learner-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .15s}.learner-item:last-child{border-bottom:none}.learner-item:hover{background:var(--color-bg-secondary)}.learner-item.selected{background:var(--color-bg-tertiary)}.learner-item.already-assigned{background:var(--color-warning-light)}.learner-email{flex:1;font-size:.875rem}.assigned-badge{font-size:.7rem;background:var(--color-warning);color:var(--color-warning-dark);padding:.125rem .5rem;border-radius:4px}.no-learners{padding:2rem;text-align:center;color:var(--color-text-tertiary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-default)}.cancel-btn{padding:.75rem 1.5rem;border:1px solid var(--color-border-strong);background:white;border-radius:8px;font-size:.875rem;cursor:pointer}.cancel-btn:hover{background:var(--color-bg-secondary)}.assign-submit-btn{padding:.75rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.assign-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.assign-submit-btn:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-btn{padding:.75rem 1.5rem;background:var(--color-error);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.delete-confirm-btn:hover:not(:disabled){background:var(--color-error-dark)}.warning-text{font-size:.875rem;color:var(--color-text-tertiary);font-style:italic}.allocation-page .empty-state{text-align:center;padding:3rem 2rem;background:var(--color-bg-secondary);border-radius:12px;border:2px dashed var(--color-border-strong)}.allocation-page .empty-state p{color:var(--color-text-tertiary);margin-bottom:1rem}.allocation-page .empty-state button{padding:.75rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;cursor:pointer}@media (max-width: 768px){.allocation-page{padding:1rem}.summary-cards{grid-template-columns:repeat(2,1fr)}.scenarios-grid{grid-template-columns:1fr}.table-filters{flex-direction:column}.filter-group{width:100%}.filter-group select,.filter-group input{width:100%;min-width:0}.assignments-table{font-size:.8rem}.assignments-table th,.assignments-table td{padding:.75rem .5rem}.assignment-modal-content{padding:1.5rem;margin:.5rem}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}.view-toggle{width:100%}.toggle-btn{flex:1;text-align:center}.allocation-stats{flex-direction:column;gap:.5rem}}.view-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.create-group-btn{padding:.75rem 1.5rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.create-group-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.group-card{background:white;border-radius:12px;padding:1.5rem;border:1px solid var(--color-border-default);box-shadow:0 2px 8px var(--color-shadow-xs);cursor:pointer;transition:all .2s}.group-card:hover{border-color:var(--color-brand-primary);box-shadow:0 4px 12px var(--color-brand-alpha-15);transform:translateY(-2px)}.group-card.default-group{border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.group-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.group-card-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.default-badge{font-size:.7rem;background:var(--color-bg-quaternary);color:var(--color-text-tertiary);padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.group-description{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-stats{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-default)}.group-stat{text-align:center}.group-stat .stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.group-stat .stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.group-modal{max-width:700px;display:flex;flex-direction:column;overflow-y:hidden}.group-modal-tabbed{max-height:85vh}.group-modal-title-bar{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;margin-bottom:0}.group-name-input{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);border:none;border-bottom:2px solid transparent;padding:.25rem 0;background:transparent;flex:1;transition:border-color .2s;min-width:0}.group-name-input:focus{outline:none;border-bottom-color:var(--color-brand-primary)}.group-name-input:disabled{color:var(--color-text-tertiary)}.group-modal-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-default);margin-bottom:0;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.group-modal-tab{padding:.625rem 1.25rem;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transition:color .2s;margin-bottom:-2px;border-bottom:2px solid transparent}.group-modal-tab:hover{color:var(--color-text-secondary)}.group-modal-tab.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary);font-weight:600}.group-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.6875rem;font-weight:600;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.group-modal-tab.active .group-tab-badge{background:var(--color-brand-alpha-10, rgba(99, 102, 241, .1));color:var(--color-brand-primary)}.group-modal-body{flex:1;min-height:0;overflow-y:auto;padding-top:1rem}.group-tab-panel{animation:groupTabFadeIn .15s ease-out}@keyframes groupTabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.group-detail-section{margin-bottom:1.5rem}.group-field-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:.5rem}.group-description-input{width:100%;font-size:.875rem;color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:8px;padding:.75rem 1rem;resize:vertical;min-height:60px;background:var(--color-bg-secondary);font-family:inherit;line-height:1.5}.group-description-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10, rgba(99, 102, 241, .1))}.group-description-input::placeholder{color:var(--color-text-quaternary)}.group-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.group-summary-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:10px;text-align:center;gap:.25rem}.group-summary-card.group-summary-pending{border-color:var(--color-warning-light, #fde68a);background:var(--color-warning-bg, #fffbeb)}.group-summary-icon{font-size:1.5rem;margin-bottom:.25rem}.group-summary-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.group-summary-label{font-size:.75rem;color:var(--color-text-tertiary)}.group-danger-zone{border:1px solid var(--color-error-light, #fecaca);border-radius:10px;padding:1rem 1.25rem;background:var(--color-error-bg, #fef2f2)}.group-danger-title{font-size:.8125rem;font-weight:600;color:var(--color-error, #dc2626);margin:0 0 .75rem}.group-modal-actions{display:flex;gap:.75rem}.save-group-btn{padding:.5rem 1rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.save-group-btn:hover:not(:disabled){box-shadow:0 2px 8px var(--color-brand-alpha-40)}.delete-group-btn{padding:.5rem 1rem;background:var(--color-error-light);color:var(--color-error);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.delete-group-btn:hover:not(:disabled){background:var(--color-error-light)}.group-section{margin-bottom:1.5rem}.group-section h4{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.75rem}.group-scenarios-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.group-scenarios-search{flex:1;min-width:150px}.group-scenarios-search input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border-default);border-radius:6px;font-size:.875rem;background:var(--color-bg-secondary)}.group-scenarios-search input:focus{outline:none;border-color:var(--color-brand-primary)}.group-scenarios-bulk{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border-default)}.group-scenarios-count{font-size:.8125rem;color:var(--color-text-tertiary);margin-left:auto}.group-learners-toolbar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.group-learners-section{margin-bottom:1.25rem}.group-learners-section-title{font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .5rem}.section-header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.section-header-row h4{margin:0 auto 0 0}.add-members-btn{padding:.375rem .75rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .2s}.add-members-btn:hover:not(:disabled){background:var(--color-bg-quaternary);border-color:var(--color-text-quaternary)}.add-all-btn{padding:.375rem .75rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .2s}.add-all-btn:hover:not(:disabled){background:var(--color-bg-quaternary);border-color:var(--color-text-quaternary)}.add-all-btn:disabled{opacity:.5;cursor:not-allowed}.remove-all-btn{padding:.375rem .75rem;background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-light);border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .2s}.remove-all-btn:hover:not(:disabled){background:var(--color-error-light);border-color:var(--color-error)}.remove-all-btn:disabled{opacity:.5;cursor:not-allowed}.scenario-checkboxes{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto;padding:.5rem;border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-secondary)}.scenario-checkbox-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:white;border-radius:6px;border:1px solid var(--color-border-default)}.scenario-checkbox-item label{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:1}.scenario-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.scenario-checkbox-name{font-size:.875rem;color:var(--color-text-secondary)}.scenario-due-date{font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:.25rem .5rem;border-radius:4px}.members-list{max-height:200px;overflow-y:auto;border:1px solid var(--color-border-default);border-radius:8px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-subtle)}.member-item:last-child{border-bottom:none}.member-email{font-size:.875rem;color:var(--color-text-secondary)}.remove-member-btn{width:24px;height:24px;border:none;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:50%;cursor:pointer;font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-member-btn:hover:not(:disabled){background:var(--color-error-light);color:var(--color-error)}.no-members{text-align:center;padding:2rem;color:var(--color-text-tertiary);font-size:.875rem;background:var(--color-bg-secondary);border-radius:8px}.section-header-buttons{display:flex;gap:.5rem}.invite-learners-btn{padding:.375rem .75rem;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .2s}.invite-learners-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-30)}.invite-learners-btn:disabled{opacity:.6;cursor:not-allowed}.pending-invitations{margin-bottom:1rem;padding:.75rem;background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:8px}.pending-invitations h5{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;color:var(--color-warning-dark)}.invitations-list{display:flex;flex-direction:column;gap:.375rem}.invitation-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:white;border-radius:4px}.invitation-email{flex:1;font-size:.8125rem;color:var(--color-text-secondary)}.invitation-badge.pending{padding:.125rem .375rem;background:var(--color-warning-light);color:var(--color-warning-dark);border-radius:4px;font-size:.6875rem;font-weight:500}.cancel-invitation-btn{width:20px;height:20px;border:none;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.cancel-invitation-btn:hover:not(:disabled){background:var(--color-error-light);color:var(--color-error)}.invite-textarea{resize:vertical;min-height:120px}.email-count{margin:.5rem 0 0;font-size:.875rem;color:var(--color-success-dark);font-weight:500}.invite-results{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.result-success{margin:0;padding:.75rem;background:var(--color-success-light);color:var(--color-success-dark);border-radius:8px;font-weight:500}.result-warning{padding:.75rem;background:var(--color-warning-light);color:var(--color-warning-dark);border-radius:8px}.result-warning p{margin:0 0 .5rem;font-weight:500}.result-warning ul{margin:0;padding-left:1.25rem;font-size:.875rem}.result-warning li{margin-bottom:.25rem}.result-hint{margin-top:.5rem!important;font-size:.8125rem;font-style:italic;opacity:.9}.result-error{padding:.75rem;background:var(--color-error-light);color:var(--color-error-dark);border-radius:8px}.result-error p{margin:0 0 .5rem;font-weight:500}.result-error ul{margin:0;padding-left:1.25rem;font-size:.875rem}.result-error li{margin-bottom:.25rem}.group-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-info-light);color:var(--color-info-dark);border-radius:4px;font-size:.75rem;font-weight:500}.individual-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:4px;font-size:.75rem}.summary-sections{display:flex;flex-direction:row;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.summary-section{background:var(--color-bg-page);border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;flex:1;min-width:300px}.summary-section-title{font-size:.7rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0;white-space:nowrap}.summary-section .summary-cards{display:flex;gap:.75rem;flex-wrap:nowrap;margin-bottom:0;flex:1;min-width:0}.summary-section .summary-card{padding:.5rem .75rem;min-width:0;flex:1}.summary-section .summary-number{font-size:1.25rem}.summary-section .summary-label{font-size:.65rem;white-space:nowrap}.summary-section .summary-label.multiline{white-space:normal;line-height:1.2;max-width:70px}.create-group-card{border:2px dashed var(--color-border-strong);background:var(--color-bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:120px;transition:all .2s}.create-group-card:hover{border-color:var(--color-brand-primary);background:var(--color-bg-tertiary)}.create-group-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-tertiary)}.create-group-card:hover .create-group-content{color:var(--color-brand-primary)}.create-group-icon{font-size:2rem;font-weight:300;line-height:1}.create-group-text{font-size:.875rem;font-weight:500}.scenario-checkbox-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border-subtle)}.scenario-checkbox-row:last-child{border-bottom:none}.scenario-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:1}.scenario-checkbox-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-code);border:1.5px solid var(--color-border-focus)}.scenario-checkbox-avatar img{width:100%;height:100%;object-fit:cover}.scenario-checkbox-avatar.placeholder{border:1.5px dashed var(--color-border-strong);background:transparent}.scenario-checkbox-avatar span{font-size:12px;opacity:.4}.scenario-inline-date{padding:.375rem .5rem;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.75rem;color:var(--color-text-secondary);background:white;cursor:pointer;min-width:130px}.scenario-inline-date:hover{border-color:var(--color-brand-primary)}.scenario-inline-date:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-alpha-10)}.modal-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.875rem;color:var(--color-text-secondary);background:white;font-family:inherit;transition:border-color .2s,box-shadow .2s}.modal-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.modal-input::placeholder{color:var(--color-text-quaternary)}.modal-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.875rem;color:var(--color-text-secondary);background:white;font-family:inherit;resize:vertical;min-height:80px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.modal-textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-alpha-10)}.modal-textarea::placeholder{color:var(--color-text-quaternary)}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border:none;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.loading-text{font-size:1rem;color:var(--color-text-tertiary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.groups-grid{grid-template-columns:1fr}.group-modal-tabbed{max-width:100%;margin:.5rem;max-height:95vh}.group-modal-tabbed .group-modal-tabs{margin-left:-1rem;margin-right:-1rem;padding-left:.5rem;padding-right:.5rem}.group-modal-tab{padding:.5rem .75rem;font-size:.8125rem;flex:1;justify-content:center}.group-name-input{font-size:1.125rem}.group-modal-actions{flex-direction:column}.group-scenarios-toolbar{flex-direction:column;align-items:stretch}.group-scenarios-search{min-width:unset}.group-learners-toolbar{flex-direction:column}.group-summary-cards{grid-template-columns:1fr 1fr}.section-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.summary-sections{flex-direction:column}.summary-section{flex-direction:column;align-items:flex-start}.summary-section .summary-cards{flex-wrap:wrap}}.skills-coach-section{margin-bottom:2rem}.skills-coach-section .meta-evaluation-section{background:white;border:1px solid var(--color-border-default);border-radius:12px;overflow:hidden;transition:all .3s ease}.skills-coach-section .meta-evaluation-section.collapsed{border-radius:12px}.skills-coach-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background:var(--color-bg-secondary);border-bottom:1px solid transparent;transition:background .2s ease}.skills-coach-header:hover{background:var(--color-bg-tertiary)}.meta-evaluation-section.expanded .skills-coach-header{border-bottom:1px solid var(--color-border-default)}.skills-coach-header-content{flex:1}.skills-coach-header h2{font-size:1.25rem;color:var(--color-text-primary);margin:0;font-weight:600;display:flex;align-items:center;gap:.75rem}.skills-coach-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.skills-coach-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.skills-coach-title-row h2{margin-right:auto}.meta-eval-context.header-context{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.meta-eval-context.header-context .meta-eval-badge,.meta-eval-context.header-context .meta-eval-date-range,.meta-eval-context.header-context .trajectory-badge{font-size:.75rem}.skills-coach-summary{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.skills-coach-summary .summary-line{font-size:.875rem;color:var(--color-text-tertiary)}.skills-coach-summary .summary-line strong{color:var(--color-text-secondary)}.skills-coach-summary .summary-line.loading{color:var(--color-text-quaternary);font-style:italic}.skills-coach-chevron{font-size:1rem;color:var(--color-text-quaternary);transition:transform .2s ease;margin-left:1rem}.skills-coach-body{padding:1.5rem}.skills-coach-body .meta-eval-description{color:var(--color-text-tertiary);font-size:.875rem;margin:0 0 1.5rem}.meta-eval-context{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.meta-eval-date-range{font-size:.875rem;color:var(--color-text-tertiary);padding:.25rem .75rem;background:var(--color-bg-tertiary);border-radius:20px}.quick-stats-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.quick-stats-3 .overview-card{min-width:0}.score-delta{display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:12px;margin-left:.5rem;vertical-align:middle}.score-delta.positive{background:var(--color-success-light);color:var(--color-success-dark)}.score-delta.negative{background:var(--color-error-light);color:var(--color-error)}.card-sublabel{font-size:.7rem;color:var(--color-text-quaternary);margin-top:.25rem}.scenario-progress-section{margin-bottom:2rem}.scenario-progress-section h2{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);margin-bottom:1.5rem}.next-attempt-focus{background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-amber-200) 100%);border:2px solid var(--color-warning);border-radius:12px;padding:1.25rem;margin-top:1.5rem}.next-attempt-focus h4{font-size:1rem;font-weight:700;color:var(--color-warning-dark);margin:0 0 .75rem}.next-attempt-focus p{margin:0 0 .5rem;color:var(--color-warning-dark);line-height:1.5}.next-attempt-focus p strong{color:var(--color-warning-dark)}.next-attempt-focus .focus-tip{font-style:italic;color:var(--color-warning-dark);font-size:.9rem}.scenario-card-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-default)}.practice-again-btn{background:linear-gradient(135deg,var(--color-violet-600) 0%,var(--color-indigo-500) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.practice-again-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.dashboard-btn-secondary{background:white;color:var(--color-violet-600);border:2px solid var(--color-violet-600);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.dashboard-btn-secondary:hover{background:var(--color-bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}.recent-sessions-condensed{margin-bottom:2rem}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-action h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-heading)}.view-all-btn{background:transparent;border:2px solid var(--color-violet-600);color:var(--color-violet-600);padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:var(--color-violet-600);color:#fff}@media (max-width: 768px){.quick-stats-3{grid-template-columns:1fr;gap:1rem}.meta-eval-context{flex-direction:column;align-items:flex-start}.section-header-with-action{flex-direction:column;align-items:flex-start;gap:.75rem}.scenario-card-actions{justify-content:stretch}.practice-again-btn{width:100%;text-align:center}.next-attempt-focus{margin-top:1rem}}.overview-stats-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.stat-box{display:flex;align-items:baseline;gap:.35rem;padding:.5rem 1rem;background:var(--color-bg-tertiary);border-radius:8px;border:1px solid var(--color-border-default)}.stat-box.tooltip-trigger{position:relative;cursor:help}.stat-box .custom-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:100;box-shadow:0 4px 12px var(--color-shadow-2xl)}.stat-box .custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text-primary)}.stat-box-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.stat-box-label{font-size:.875rem;color:var(--color-text-tertiary)}.stat-box-sublabel{font-size:.75rem;color:var(--color-text-quaternary)}.stat-box-sep{color:var(--color-text-disabled);margin:0 .25rem}.stat-box.active-box{background:var(--color-bg-tertiary);border-color:var(--color-violet-200)}.stat-box.active-box .stat-box-label{color:var(--color-indigo-500);font-weight:600;margin-right:.5rem}.performance-filter-group{position:relative;align-items:flex-start}.filter-dropdown-btn{padding:.5rem 1rem;font-size:.875rem;background:white;border:1px solid var(--color-border-strong);border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;width:auto}.filter-dropdown-btn:hover,.filter-dropdown-btn.has-filters{border-color:var(--color-indigo-500);color:var(--color-indigo-500)}.performance-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:white;border:1px solid var(--color-border-default);border-radius:6px;box-shadow:0 4px 12px var(--color-shadow-xl);z-index:100;padding:.25rem 0;width:auto;min-width:0}.checkbox-option{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.5rem;padding:.25rem .75rem;font-size:.8125rem;cursor:pointer;transition:background-color .15s;white-space:nowrap}.checkbox-option:hover{background:var(--color-bg-tertiary)}.checkbox-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-indigo-500);flex-shrink:0;margin:0}.checkbox-option span{flex:none}.clear-filters-btn{width:100%;padding:.375rem;border:none;border-top:1px solid var(--color-border-default);background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:.75rem;cursor:pointer;margin-top:.125rem;text-align:center}.clear-filters-btn:hover{color:var(--color-error);background:var(--color-error-bg)}.learner-groups-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.learner-group{background:white;border:1px solid var(--color-border-default);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--color-shadow-xs);transition:box-shadow .2s}.learner-group:hover{box-shadow:0 4px 12px var(--color-shadow-md)}.group-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--color-bg-slate-50) 0%,var(--color-bg-slate-100) 100%);border-bottom:1px solid var(--color-border-default);cursor:pointer;transition:background-color .2s}.group-header:hover{background:linear-gradient(135deg,var(--color-bg-slate-100) 0%,var(--color-bg-slate-200) 100%)}.group-header-left{display:flex;align-items:center;gap:.75rem}.group-toggle{font-size:.75rem;color:var(--color-text-tertiary);width:1rem;display:inline-flex;justify-content:center}.group-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.group-name.clickable{color:var(--color-indigo-500);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer}.group-name.clickable:hover{color:var(--color-indigo-500);text-decoration-style:solid}.default-badge{padding:.125rem .5rem;background:var(--color-brand-gradient);color:#fff;font-size:.625rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.group-member-count{font-size:.875rem;color:var(--color-text-tertiary);font-weight:400;background:var(--color-bg-quaternary);padding:.125rem .5rem;border-radius:10px;margin-left:.25rem}.group-header-stats{display:flex;gap:1.5rem}.group-stat{font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem}.group-header-summary{display:flex;align-items:center;gap:.3rem;font-size:.875rem;flex-wrap:wrap}.group-summary-value{font-weight:600;color:var(--color-indigo-500)}.group-summary-label{color:var(--color-text-tertiary)}.group-summary-sep{color:var(--color-text-quaternary);margin:0 .1rem}.group-content{padding:1rem}.no-members{text-align:center;padding:2rem;color:var(--color-text-tertiary);font-style:italic}.info-icon{margin-left:.25rem;cursor:help;font-size:.75rem;opacity:.7}.info-icon:hover{opacity:1}.field-hint{position:relative;display:inline-flex;align-items:center;margin-left:6px}.field-hint-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:6px;box-sizing:content-box;border-radius:50%;background:var(--color-bg-active);background-clip:content-box;color:var(--color-text-secondary);font-size:11px;font-weight:600;cursor:help;line-height:1;transition:background .15s}.field-hint-icon:hover{background:var(--color-text-quaternary)}.field-hint-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:var(--color-bg-tertiary);padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;line-height:1.4;width:max-content;max-width:280px;white-space:normal;z-index:200;pointer-events:none;box-shadow:0 4px 12px var(--color-shadow-2xl)}.field-hint-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text-primary)}.field-hint:hover .field-hint-tooltip,.field-hint-icon:focus+.field-hint-tooltip{display:block}@media (max-width: 600px){.field-hint-tooltip{left:0;transform:none}.field-hint-tooltip:after{left:8px;transform:none}}.tooltip-card{position:relative}.custom-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:100;box-shadow:0 4px 12px var(--color-shadow-2xl)}.custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text-primary)}.performance-header .header-actions{display:flex;gap:.75rem;align-items:center}.btn-secondary{padding:.5rem 1rem;background:white;color:var(--color-indigo-500);border:2px solid var(--color-indigo-500);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-indigo-500);color:#fff}.learner-row .expand-indicator{display:inline-block;width:1rem;margin-right:.5rem;font-size:.625rem;color:var(--color-text-tertiary);transition:transform .2s}.learner-row.expanded .expand-indicator{color:var(--color-violet-600)}.learner-row.expanded{background-color:var(--color-bg-secondary)}.other-groups-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:#e0e7ff;color:var(--color-indigo-500);font-size:.625rem;font-weight:600;border-radius:10px;cursor:help}.expanded-row{background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-50) 100%)}.expanded-row td{padding:0!important;height:0}.expanded-content{padding:.75rem 1.5rem .75rem 2.5rem;border-top:1px dashed var(--color-border-default)}.learner-table .scenario-subrow{background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-50) 100%);border-bottom:none}.learner-table .scenario-subrow:hover{background:var(--color-brand-alpha-05)}.learner-table .scenario-subrow td{padding:.5rem 1rem .125rem;font-size:.8125rem}.learner-table .scenario-subrow-name{font-weight:600;color:var(--color-text-primary)}.learner-table .scenario-subrow .score-badge{font-size:.75rem;padding:.125rem .5rem}.learner-table .scenario-attempts-row{background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-50) 100%);border-bottom:1px solid var(--color-violet-100)}.learner-table .scenario-attempts-row:hover{background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-50) 100%)}.learner-table .scenario-attempts-row td{padding:.125rem 1rem .5rem}.scenario-attempts-content{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;padding-left:.125rem}.attempts-label{font-size:.6875rem;color:var(--color-text-quaternary);font-weight:500;margin-right:.125rem}.learner-table .not-started-summary-row{background:#faf9fb;border-bottom:1px solid var(--color-border-default)}.learner-table .not-started-summary-row:hover{background:#faf9fb}.learner-table .not-started-summary-row td{padding:.5rem 1rem}.not-started-summary{font-size:.75rem;color:var(--color-text-quaternary);padding-left:.125rem}.not-started-count{font-weight:500;color:var(--color-text-tertiary);margin-right:.25rem}.run-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.125rem .375rem;border-radius:4px;font-size:.6875rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .1s ease,box-shadow .1s ease;line-height:1.4}.run-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px var(--color-shadow-lg)}.run-pill:active{transform:translateY(0)}.run-pill.score-excellent{background:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success-light)}.run-pill.score-good{background:var(--color-info-light);color:var(--color-info-dark);border-color:var(--color-info-light)}.run-pill.score-fair{background:#fef9c3;color:#854d0e;border-color:var(--color-amber-200)}.run-pill.score-needs-work{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error-light)}.run-pill.score-na{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border-color:var(--color-border-default)}.runs-loading-inline{font-size:.6875rem;color:var(--color-text-quaternary);font-style:italic}.no-runs-yet{font-size:.6875rem;color:var(--color-text-quaternary)}.runs-loading{padding:1rem;text-align:center;color:var(--color-text-tertiary);font-size:.8125rem;font-style:italic}.no-scenarios-assigned{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--color-text-tertiary);font-size:.875rem}.no-scenarios-assigned .empty-icon{font-size:1.25rem}.expanded-placeholder{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--color-bg-tertiary);border:1px dashed var(--color-violet-300);border-radius:8px;margin-bottom:1rem}.placeholder-icon{font-size:1.25rem}.placeholder-text{color:var(--color-violet-600);font-size:.875rem;font-style:italic}.expanded-summary{display:flex;gap:2rem;flex-wrap:wrap}.summary-item{font-size:.875rem;color:var(--color-text-secondary)}.summary-item strong{color:var(--color-text-primary)}.assigned-count{font-weight:600;color:var(--color-indigo-500)}.assessed-count{font-weight:600;color:var(--color-success)}.unassessed-count{font-weight:600;color:var(--color-warning)}@media (max-width: 1024px){.group-header{flex-direction:column;align-items:flex-start;gap:.75rem}.group-header-stats,.group-header-summary{flex-wrap:wrap;gap:1rem}}@media (max-width: 768px){.group-header-stats,.group-header-summary{gap:.75rem}.group-stat,.group-summary-value,.group-summary-label,.group-summary-sep{font-size:.8125rem}.expanded-summary{flex-direction:column;gap:.75rem}.group-content .table-container{overflow-x:auto}.group-content .learner-table{min-width:800px}}.onboarding-banner{background:var(--color-brand-gradient);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;box-shadow:0 10px 40px var(--color-brand-alpha-30)}.onboarding-content h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#fff}.onboarding-guide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:.5rem}.guide-pointer{display:flex;align-items:center;gap:.5rem}.pointer-arrow{font-size:1.25rem;animation:bounce 1.5s ease-in-out infinite}.pointer-text{font-size:.95rem;font-weight:500;opacity:.95}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.onboarding-header h2{margin:0}.collapse-btn{background:var(--color-glass-white-20);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.collapse-btn:hover{background:var(--color-glass-white-30)}.onboarding-banner.collapsed{padding:0}.onboarding-collapsed{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;cursor:pointer;transition:background-color .2s ease}.onboarding-collapsed:hover{background:linear-gradient(135deg,#5a70d9 0%,#6a4295 100%)}.collapsed-text{font-weight:600;font-size:.95rem}.collapsed-progress{font-weight:400;opacity:.8;margin-left:.5rem}.expand-icon{font-size:.75rem;opacity:.8}@media (max-width: 640px){.onboarding-banner{padding:1.25rem}.onboarding-content h2{font-size:1.25rem}.onboarding-guide{grid-template-columns:1fr;gap:.5rem}.pointer-text{font-size:.875rem}}.scenario-section{margin-bottom:2rem}.section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border-default)}.section-title.getting-started-title{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.scenario-card-selector.onboarding-scenario{background:linear-gradient(135deg,#f0f3ff 0%,#e8edff 100%);border:2px solid var(--color-border-focus)}.scenario-card-selector.onboarding-scenario:hover{border-color:var(--color-brand-accent);box-shadow:0 4px 12px var(--color-brand-alpha-20)}.scenario-badge{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scenario-badge.not-assessed{background-color:var(--color-bg-quaternary);color:var(--color-text-tertiary)}.scenario-badge.completed{background-color:var(--color-success-light);color:var(--color-success-dark)}.empty-scenarios-message{background:var(--color-bg-secondary);border:2px dashed var(--color-border-strong);border-radius:8px;padding:1.5rem;text-align:center;color:var(--color-text-secondary)}.empty-scenarios-message p{margin:0;line-height:1.5}.scenarios-page{max-width:1400px;margin:0 auto;padding:20px}.scenarios-with-sidebar{display:flex;gap:1.5rem;min-height:500px}.scenarios-main-content{flex:1;min-width:0}@media (max-width: 768px){.scenarios-with-sidebar{flex-direction:column;gap:1rem}.scenarios-main-content{width:100%}}.scenarios-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-subtle)}.scenarios-header-left{display:flex;flex-direction:column}.scenarios-header h1{margin:0 0 5px;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scenarios-subtitle{color:var(--color-text-medium);margin:0;font-size:14px}.scenarios-header-right{display:flex;align-items:center}.scenarios-tab-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.scenarios-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:200px;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-quaternary);font-size:14px;pointer-events:none}.scenarios-search-input{width:100%;padding:10px 12px 10px 38px;border:1px solid var(--color-border-strong);border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.scenarios-search-input:focus{outline:none;border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #9c27b01a}.scenarios-filter-select{padding:10px 16px;border:1px solid var(--color-border-strong);border-radius:8px;font-size:14px;background:white;cursor:pointer;min-width:140px;transition:border-color .2s}.scenarios-filter-select:focus{outline:none;border-color:var(--color-brand-accent)}.btn-clear-filters{padding:10px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:8px;font-size:14px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s;white-space:nowrap}.btn-clear-filters:hover{background:var(--color-bg-quaternary);border-color:var(--color-text-quaternary)}.scenarios-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-default)}.scenarios-tab{padding:12px 24px;background:transparent;color:var(--color-text-tertiary);border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:15px;font-weight:400;transition:all .2s ease}.scenarios-tab:hover{color:var(--color-text-secondary)}.scenarios-tab.active{color:var(--color-brand-accent);font-weight:600;border-bottom-color:var(--color-brand-accent)}.review-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f5576c;color:#fff;font-size:11px;font-weight:600;margin-left:6px;line-height:1}.review-tab-content{margin-top:8px}.review-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.review-table th{text-align:left;padding:.6rem .75rem;border-bottom:2px solid var(--color-gray-light);font-weight:600;color:var(--color-text-secondary);font-size:.8rem;white-space:nowrap}.review-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-dark);vertical-align:middle}.review-table__row:hover td{background:var(--color-bg-code)}.review-table__row--expanded td{background:var(--color-info-bg);border-bottom:none}.review-table__panel-row td{padding:0;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-default);overflow:visible;word-break:normal;white-space:normal}.review-table__chevron{text-align:center;font-size:.7rem;color:var(--color-text-quaternary)}.scenarios-bulk-toolbar{background:linear-gradient(135deg,#9C27B0 0%,#7B1FA2 100%);border-radius:8px;padding:12px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 2px 8px #9c27b04d}.scenarios-bulk-toolbar-left{display:flex;align-items:center;gap:15px}.scenarios-bulk-toolbar .selected-count{font-weight:600;font-size:15px}.scenarios-bulk-toolbar .btn-deselect{background:var(--color-glass-white-20);border:none;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.scenarios-bulk-toolbar .btn-deselect:hover{background:var(--color-glass-white-30)}.scenarios-bulk-toolbar-right{display:flex;gap:10px}.scenarios-bulk-toolbar .btn-bulk-action{background:white;border:none;color:var(--color-brand-accent);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.scenarios-bulk-toolbar .btn-bulk-action:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--color-shadow-xl)}.scenarios-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.scenario-scoping-info-card{position:relative;background:var(--color-info-light);border:1px solid var(--color-info-light);border-radius:12px;padding:20px 16px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.scenario-scoping-info-card h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-info-dark)}.scenario-scoping-info-card p{margin:0;font-size:.9rem;color:#37474f;line-height:1.5}.scope-info-icon{font-size:1.5rem}.scope-info-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1rem;color:#78909c;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}.scope-info-dismiss:hover{background:var(--color-glass-black-06);color:#37474f}.scope-info-link{color:var(--color-info-dark);text-decoration:underline;cursor:pointer;font-weight:500}.scope-info-link:hover{color:#0d47a1}.new-scenario-card{border:2px dashed var(--color-success);border-radius:8px;padding:20px;background:#f9fff9;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.new-scenario-card:hover{background:var(--color-success-bg);border-color:#388e3c}.new-scenario-card .plus-icon{font-size:48px;margin-bottom:10px;color:var(--color-success)}.new-scenario-card h3{margin:0 0 8px;color:var(--color-success);font-size:18px}.new-scenario-card p{margin:0;color:var(--color-text-medium);font-size:14px}.scenario-card{position:relative;border:1px solid var(--color-border-default);border-radius:12px;padding:20px 16px;background:white;cursor:pointer;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;align-items:flex-start;min-height:180px}.scenario-card:hover{box-shadow:0 6px 16px var(--color-shadow-lg);transform:translateY(-2px)}.scenario-card-header{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:10px;gap:12px}.scenario-card-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-code);border:2px solid var(--color-border-focus)}.scenario-card-avatar img{width:100%;height:100%;object-fit:cover}.scenario-card-avatar.placeholder{border:2px dashed var(--color-border-strong);background:transparent}.scenario-card-avatar .avatar-outline{font-size:24px;opacity:.4}.scenario-card-avatar-large{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-code);border:3px solid var(--color-border-focus)}.scenario-card-avatar-large img{width:100%;height:100%;object-fit:cover}.scenario-card-avatar-large.placeholder{border:3px dashed var(--color-border-strong);background:transparent}.scenario-card-avatar-large .avatar-outline{font-size:36px;opacity:.4}.scenario-card-title{margin:0 0 8px;color:var(--color-text-dark);font-size:1rem;text-align:left;line-height:1.3}.scenario-card-author{color:var(--color-text-tertiary);font-size:.75rem;margin:2px 0 0;font-weight:400}.scenario-card-title-row{display:flex;align-items:flex-start;gap:10px;flex:1}.scenario-card-checkbox{width:18px;height:18px;cursor:pointer;margin-top:2px;accent-color:var(--color-brand-accent)}.scenario-card h3{margin:0;color:var(--color-text-dark);flex:1}.scenario-card-description{color:var(--color-text-medium);margin-bottom:12px;font-size:.85rem;line-height:1.4;text-align:left;flex-grow:1}.scenario-card-tags{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.scenario-card-tag{font-size:11px;padding:3px 8px;background:var(--color-bg-hover);border-radius:12px;color:var(--color-text-medium)}.scenario-card-tag.more{background:transparent;color:var(--color-gray-400)}.scenario-card-footer{display:flex;gap:15px;font-size:12px;color:var(--color-text-tertiary);border-top:1px solid var(--color-border-subtle);padding-top:10px}.scenarios-results-count{margin-top:20px;text-align:center;color:var(--color-text-medium);font-size:14px}.scenarios-empty-state{text-align:center;padding:60px 20px;color:var(--color-text-medium);grid-column:1 / -1}.scenarios-loading,.scenarios-error{padding:20px;text-align:center}.scenarios-error h2{color:var(--color-error)}.scenarios-error button{padding:10px 20px;margin-top:10px;background:#9C27B0;color:#fff;border:none;border-radius:8px;cursor:pointer}@media (max-width: 768px){.scenarios-header{flex-direction:column;gap:1rem}.scenarios-header-right{align-self:flex-start}.scenarios-tab-row,.scenarios-filter-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.scenarios-filter-select{width:100%}.scenarios-tabs{flex-wrap:wrap}.scenarios-tab{flex:1;text-align:center;padding:10px 12px}.scenarios-bulk-toolbar{flex-direction:column;gap:12px}.scenarios-bulk-toolbar-left,.scenarios-bulk-toolbar-right{width:100%;justify-content:center}.scenarios-cards-grid{grid-template-columns:1fr}}.org-category-strip-container{margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.org-category-strip-container::-webkit-scrollbar{display:none}.org-category-strip{display:flex;gap:8px;padding:4px 0;min-width:max-content}.org-category-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:white;border:1px solid var(--color-border-slate);border-radius:20px;font-size:13px;font-weight:500;color:var(--color-text-slate-tertiary);cursor:pointer;transition:all .2s;white-space:nowrap}.org-category-chip:hover{background:var(--color-bg-page);border-color:var(--color-border-slate-strong)}.org-category-chip.selected{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.org-category-chip.selected .org-category-dot{border:2px solid white}.org-category-chip.add-new{background:transparent;border-style:dashed;color:var(--color-brand-primary)}.org-category-chip.add-new:hover{background:var(--color-bg-tertiary);border-color:var(--color-brand-primary)}.org-category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.org-category-name{line-height:1}@media (min-width: 1024px){.org-category-strip-container{display:none}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.export-modal{background:white;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-violet-300) 100%);color:#fff}.export-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.export-modal-close{background:var(--color-glass-white-20);border:none;color:#fff;font-size:1.5rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.export-modal-close:hover{background:var(--color-glass-white-30)}.export-tabs{display:flex;border-bottom:1px solid var(--color-gray-200);background:var(--color-bg-code)}.export-tab{flex:1;padding:14px 16px;border:none;background:transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text-medium);transition:all .2s;position:relative}.export-tab:hover{color:var(--color-brand-primary);background:rgba(108,92,231,.05)}.export-tab.active{color:var(--color-brand-primary);background:white}.export-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--color-brand-primary);border-radius:3px 3px 0 0}.export-modal-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 180px)}.export-tab-content{display:flex;flex-direction:column;gap:20px}.export-preview{background:var(--color-bg-code);border-radius:8px;padding:20px}.export-preview h3{margin:0 0 8px;font-size:1.1rem;color:var(--color-text-primary)}.export-description{margin:0 0 16px;color:#636e72;font-size:.9rem;line-height:1.5}.export-warning{display:flex;align-items:flex-start;gap:10px;background:var(--color-bg-primary);color:#856404;padding:12px 16px;border-radius:6px;font-size:.85rem;margin-bottom:16px}.export-warning .warning-icon{flex-shrink:0}.export-includes{margin-top:16px}.export-includes h4{margin:0 0 10px;font-size:.9rem;color:var(--color-text-primary);font-weight:600}.export-includes ul{list-style:none;padding:0;margin:0}.export-includes li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.9rem;color:var(--color-text-primary)}.export-includes .check{color:#00b894;font-weight:700}.export-includes .cross{color:#d63031;font-weight:700}.export-count{margin:16px 0 0;font-size:.85rem;color:var(--color-brand-primary);font-weight:500}.export-email-info{display:flex;align-items:center;gap:10px;background:white;padding:12px 16px;border-radius:6px;margin-bottom:16px;border:1px solid var(--color-border-default)}.export-email-info .email-icon{font-size:1.2rem}.export-email-info .email-address{color:var(--color-text-primary);font-weight:500}.export-btn{width:100%;padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.export-btn.primary{background:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-violet-300) 100%);color:#fff}.export-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce766}.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-result{padding:12px 16px;border-radius:6px;font-size:.9rem;text-align:center;margin-top:12px}.export-result.success{background:var(--color-success-light);color:var(--color-success-dark)}.export-result.error{background:var(--color-error-light);color:var(--color-error-dark)}.export-button-header{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-violet-300) 100%);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.export-button-header:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce74d}.export-button-header .export-icon{font-size:1rem}.performance-header-actions{display:flex;align-items:center;gap:12px}@media (max-width: 480px){.export-modal{max-width:100%;margin:10px;border-radius:8px}.export-modal-header{padding:16px 20px}.export-modal-header h2{font-size:1.1rem}.export-tabs{overflow-x:auto}.export-tab{padding:12px;font-size:.85rem;white-space:nowrap}.export-modal-content,.export-preview{padding:16px}.export-btn{padding:12px 20px;font-size:.95rem}.export-button-header{padding:8px 12px;font-size:.85rem}.export-button-header span:not(.export-icon){display:none}}.community-page{padding:2rem;max-width:900px;margin:0 auto}.community-header{margin-bottom:2rem}.community-header h1{font-size:2rem;margin:1rem 0 0;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-border-default);padding-bottom:.5rem;flex-wrap:wrap;align-items:center}.community-tabs .tab{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;font-size:1rem;color:var(--color-text-medium);border-radius:.5rem .5rem 0 0;transition:all .2s}.community-tabs .tab:hover{background:var(--color-bg-hover)}.community-tabs .tab.active{background:var(--color-brand-gradient);color:#fff}.community-tabs .tab{position:relative}.tab-count-badge{position:absolute;top:-.4rem;right:-.4rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;font-size:.7rem;font-weight:600;color:#fff;background:var(--color-brand-gradient);border-radius:1rem;box-shadow:0 1px 3px #0003}.community-tabs .sort-dropdown{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.community-tabs .sort-dropdown select{padding:.4rem .6rem;border:1px solid var(--color-border-default);border-radius:.3rem;font-size:.9rem}.community-content{min-height:300px}.feed-description{color:var(--color-text-medium);margin-bottom:1rem;font-size:.9rem}.scenarios-feed,.my-scenarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.leaderboard{display:flex;flex-direction:column;gap:.75rem}.community-card,.my-scenario-card{background:white;border:1px solid var(--color-border-default);border-radius:8px;padding:1rem;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.community-card:hover,.my-scenario-card:hover{box-shadow:0 4px 12px var(--color-shadow-md);transform:translateY(-2px)}.community-card .card-header,.my-scenario-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.community-card .scenario-title,.my-scenario-card .scenario-title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text-dark);line-height:1.3;flex:1}.scenario-author{font-size:.8rem;color:var(--color-text-tertiary);margin-bottom:.5rem}.scenario-summary{color:var(--color-text-medium);font-size:.85rem;line-height:1.4;margin-bottom:.75rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--color-border-subtle);margin-top:auto}.shared-date{font-size:.75rem;color:var(--color-gray-400)}.practice-button{background:var(--color-brand-gradient);color:#fff;border:none;padding:.4rem .8rem;border-radius:.4rem;font-size:.8rem;cursor:pointer;transition:transform .2s,opacity .2s;white-space:nowrap}.practice-button:hover{transform:translateY(-1px);opacity:.95}.card-footer-actions{display:flex;gap:.5rem;align-items:center}.hide-button{background:transparent;border:1px solid var(--color-border-default);padding:.4rem .6rem;border-radius:.4rem;font-size:.75rem;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s}.hide-button:hover{background:var(--color-error-light);border-color:var(--color-error-light);color:var(--color-error)}.upvote-button{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:2px solid var(--color-border-default);border-radius:2rem;background:white;cursor:pointer;transition:all .3s ease;min-width:auto}.upvote-button:hover:not(.loading){border-color:var(--color-brand-primary);background:var(--color-brand-alpha-08);transform:scale(1.05)}.upvote-button.upvoted{border-color:transparent;background:var(--color-brand-gradient);box-shadow:0 2px 8px var(--color-brand-alpha-40)}.upvote-button.upvoted .upvote-icon{filter:grayscale(1) brightness(10)}.upvote-button.upvoted .upvote-count{color:#fff}.upvote-icon{font-size:1rem;line-height:1;transition:transform .2s ease}.upvote-button:not(.upvoted) .upvote-icon{filter:grayscale(.5);opacity:.7}.upvote-button:hover:not(.loading):not(.upvoted) .upvote-icon{filter:none;opacity:1;transform:scale(1.1)}.upvote-count{font-size:.85rem;font-weight:600;color:var(--color-text-dark)}.upvote-display.own-scenario{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:2rem}.upvote-display.own-scenario .upvote-icon{font-size:.9rem;filter:grayscale(.5);opacity:.6}.scenario-stats{display:flex;gap:.5rem;font-size:.85rem;color:var(--color-text-tertiary);margin-bottom:1rem;flex-wrap:wrap}.scenario-stats .stat{white-space:nowrap}.visibility-badge{font-size:.75rem;padding:.25rem .6rem;border-radius:1rem;text-transform:uppercase;font-weight:600}.visibility-badge.shared{background:var(--color-success-bg);color:var(--color-success-dark)}.visibility-badge.private{background:#f3e5f5;color:#7b1fa2}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border-subtle)}.action-button{padding:.4rem .75rem;border-radius:.3rem;font-size:.8rem;cursor:pointer;transition:all .2s;border:none}.action-button.primary{background:var(--color-brand-gradient);color:#fff}.action-button.primary:hover{opacity:.95;transform:translateY(-1px)}.action-button.secondary{background:white;border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.action-button.secondary:hover{background:var(--color-bg-tertiary)}.create-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;border:2px dashed #e1e5e9;border-radius:8px;cursor:pointer;color:var(--color-text-tertiary);transition:all .2s;min-height:120px}.create-new-card:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-alpha-05)}.create-new-card .plus-icon{font-size:1.5rem;font-weight:300}.create-new-card-prominent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-brand-alpha-08);border:2px dashed var(--color-brand-primary);border-radius:8px;cursor:pointer;color:var(--color-brand-primary);font-weight:600;font-size:.9rem;transition:all .2s;min-height:100px}.create-new-card-prominent:hover{background:var(--color-brand-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--color-brand-alpha-30)}.create-new-card-prominent .plus-icon{font-size:1.5rem;font-weight:400}.leaderboard-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:white;border:1px solid var(--color-border-default);border-radius:8px;transition:box-shadow .2s}.leaderboard-item:hover{box-shadow:0 2px 8px var(--color-shadow-sm)}.leaderboard-item .rank{font-size:1.1rem;font-weight:700;color:var(--color-brand-primary);min-width:2rem;text-align:center}.leaderboard-item .item-content{flex:1;min-width:0}.leaderboard-item .item-content .scenario-title{font-size:.95rem;font-weight:600;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-item .item-content .scenario-author{margin-bottom:0;font-size:.75rem}.leaderboard-item .item-content .scenario-summary{display:none}.leaderboard-item .item-stats{display:flex;align-items:center;gap:.25rem;background:var(--color-brand-gradient);padding:.3rem .6rem;border-radius:1rem;color:#fff}.leaderboard-item .item-stats .upvote-count{font-size:.85rem;font-weight:600;color:#fff}.leaderboard-item .item-stats:before{content:"👍";font-size:.8rem;filter:grayscale(1) brightness(10)}.empty-state{text-align:center;padding:3rem;color:var(--color-text-medium)}.empty-state h3{margin-bottom:.5rem;color:#444}.empty-state p{margin-bottom:1.5rem}.cta-button{background:var(--color-brand-gradient);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:transform .2s}.cta-button:hover{transform:translateY(-2px)}.badge-celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000}.badge-celebration-modal{background:white;padding:3rem;border-radius:1.5rem;text-align:center;max-width:400px;width:90%;position:relative;overflow:hidden}.badge-icon-large{font-size:4rem;margin-bottom:1rem}.badge-title{font-size:1.5rem;margin-bottom:.75rem;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-description{color:var(--color-text-medium);margin-bottom:1.5rem}.badge-actions{display:flex;justify-content:center}.confetti-container{position:absolute;top:0;left:0;right:0;height:100%;overflow:hidden;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:fall 3s ease-in forwards}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.share-prompt-modal{max-width:450px}.share-prompt-modal .success-message{font-size:1.1rem;margin-bottom:1.5rem}.share-prompt-box{background:var(--color-brand-alpha-08);border-radius:.75rem;padding:1.25rem;margin-bottom:.5rem}.share-prompt-box h3{margin:0 0 .5rem;font-size:1.1rem}.share-prompt-box p{margin-bottom:.75rem;color:var(--color-text-secondary)}.share-prompt-box ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.share-prompt-box li{margin-bottom:.25rem}.share-success{text-align:center;padding:1rem}.share-success .success-icon{font-size:3rem;display:block;margin-bottom:1rem}.share-success p{font-size:1.1rem;margin-bottom:.5rem}.share-hint{font-size:.9rem!important;color:var(--color-text-tertiary)!important}@media (max-width: 768px){.community-page{padding:1rem}.community-header h1{font-size:1.5rem}.community-tabs{gap:.25rem}.community-tabs .tab{padding:.5rem 1rem;font-size:.9rem}.community-tabs .sort-dropdown{width:100%;margin-top:.5rem;justify-content:flex-end}.community-card,.my-scenario-card{padding:1rem}.card-actions{flex-direction:column}.card-actions .action-button{width:100%;text-align:center}}.camera-selection-modal{max-width:500px}.camera-selection-modal .modal-header{justify-content:center}.camera-description{text-align:center;color:var(--color-text-tertiary);margin-bottom:1.5rem;line-height:1.5}.camera-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.camera-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--color-bg-page);border:2px solid var(--color-border-slate);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.camera-option:hover{border-color:var(--color-brand-primary);background:#f0f5ff;transform:translateY(-2px);box-shadow:0 4px 12px var(--color-brand-alpha-15)}.camera-option-recommended{border-color:var(--color-brand-primary);background:var(--color-brand-alpha-05)}.camera-option-recommended:hover{background:var(--color-brand-alpha-12)}.camera-option .option-icon{font-size:2rem}.camera-option .option-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.camera-option .option-data{font-size:.875rem;color:var(--color-text-tertiary)}.recommended-badge{position:absolute;top:-8px;right:12px;background:var(--color-brand-gradient);color:#fff;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.back-link{display:block;width:100%;text-align:center;background:none;border:none;color:var(--color-text-tertiary);font-size:.9rem;cursor:pointer;padding:.75rem;transition:color .2s}.back-link:hover{color:var(--color-brand-primary)}.modal-overlay:has(.finishing-modal){z-index:2000}.finishing-modal{max-width:400px;text-align:center}.finishing-modal .modal-content{padding:2rem 1.5rem}.finishing-icon{font-size:3rem;margin-bottom:1rem}.finishing-modal h2{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.5rem}.finishing-description{color:var(--color-text-tertiary);margin:0 0 .5rem;line-height:1.5}.finishing-time{color:var(--color-text-quaternary);font-size:.875rem;margin:0 0 1.5rem}.skip-button,.mute-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);color:var(--color-text-tertiary);padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.skip-button:hover,.mute-button:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.voice-delivery-section.collapsible{margin-top:24px;margin-bottom:24px;border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden}.voice-delivery-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-secondary);border:none;cursor:pointer;font-size:14px;text-align:left;transition:background .2s}.voice-delivery-toggle:hover{background:var(--color-bg-tertiary)}.voice-delivery-toggle .toggle-icon{font-size:10px;color:var(--color-text-tertiary);width:12px}.voice-delivery-toggle .toggle-label{font-weight:600;color:var(--color-text-secondary)}.voice-delivery-toggle .toggle-hint{color:var(--color-text-quaternary);font-size:12px;font-weight:400}.voice-delivery-content{padding:16px;background:white;border-top:1px solid var(--color-border-default);color:var(--color-text-secondary);line-height:1.6;font-size:.95rem;animation:expandDown .2s ease-out}.session-stat.muted{color:var(--color-text-quaternary);font-size:.8rem;font-weight:400;background:transparent;padding:0}.session-stat.muted:before{content:"•";margin-right:.5rem;color:var(--color-text-disabled)}.session-stat.muted:first-child:before{display:none}.btn-next{background:white;color:var(--color-brand-primary);border:2px solid white;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px var(--color-shadow-xl)}.btn-next:hover{background:rgba(255,255,255,.95);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-2xl)}.next-options-modal{max-width:380px;border-radius:16px}.next-options-modal .modal-header{background:var(--color-brand-gradient);padding:1.25rem 1.5rem;border-radius:16px 16px 0 0;border-bottom:none}.next-options-modal .modal-header h2{font-size:1.1rem;color:#fff}.next-options-modal .modal-header .close-button{color:#fff;opacity:.8}.next-options-modal .modal-header .close-button:hover{opacity:1}.next-options-content{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem}.next-option-button{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.875rem 1rem;background:white;border:1px solid var(--color-border-default);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.next-option-button:hover{border-color:var(--color-brand-primary);background:#fafaff}.next-option-primary{background:var(--color-brand-gradient);border-color:transparent;color:#fff}.next-option-primary:hover{background:linear-gradient(135deg,var(--color-brand-primary-hover),#6a4190);border-color:transparent}.next-option-primary .next-option-description{color:var(--color-glass-white-85)}.next-option-description{font-size:.75rem;font-weight:400;color:var(--color-text-quaternary)}.next-option-done{background:var(--color-bg-secondary);border-color:var(--color-border-strong);color:var(--color-text-tertiary)}.next-option-done:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-quaternary)}.assessment-next-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-default);text-align:center}.assessment-next-button{background:var(--color-brand-gradient);color:#fff;border:none;padding:.9rem 2.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 3px 12px var(--color-brand-alpha-30)}.assessment-next-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-brand-alpha-40)}.create-own-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,var(--color-sky-50) 0%,var(--color-sky-100) 100%);border:2px dashed var(--color-info);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;min-height:140px}.create-own-card:hover{background:linear-gradient(135deg,var(--color-sky-100) 0%,var(--color-sky-200) 100%);border-color:var(--color-info-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.create-own-card .plus-icon{width:40px;height:40px;border-radius:50%;background:var(--color-info);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.create-own-card span:not(.plus-icon){font-size:.95rem;color:var(--color-info-dark);font-weight:500}.authoring-demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.authoring-demo-dialog{background:white;border-radius:16px;width:100%;max-width:640px;height:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.authoring-demo-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-secondary)}.authoring-demo-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.authoring-demo-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color-text-tertiary);border-radius:4px;transition:all .15s}.authoring-demo-close:hover{background:var(--color-bg-quaternary);color:var(--color-text-secondary)}.authoring-demo-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--color-error-bg);border-bottom:1px solid var(--color-error-light);color:var(--color-error-dark);font-size:.875rem}.authoring-demo-error .error-dismiss{background:none;border:none;color:var(--color-error-dark);cursor:pointer;font-size:.8rem;text-decoration:underline}.authoring-demo-chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.authoring-demo-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;min-height:300px}.authoring-demo-loading .loading-spinner{width:48px;height:48px;border:4px solid var(--color-border-default);border-top-color:var(--color-info);border-radius:50%;animation:spin 1s linear infinite}.authoring-demo-loading .loading-message{font-size:1rem;color:var(--color-text-tertiary);text-align:center;animation:fade-in-out 2s ease-in-out infinite;min-height:1.5rem}@keyframes fade-in-out{0%,to{opacity:.6}50%{opacity:1}}.gathering-chat{display:flex;flex-direction:column;height:100%;background:white;min-height:0}.gathering-chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:0;background:var(--color-bg-secondary)}.gathering-chat-message{max-width:85%;padding:.75rem 1rem;border-radius:12px;line-height:1.5;font-size:.95rem;border:none;outline:none}.gathering-chat-message.assistant{align-self:flex-start;background:var(--color-bg-slate-100);color:var(--color-text-primary);border-bottom-left-radius:4px;border:none;outline:none}.gathering-chat-message.user{align-self:flex-end;background:var(--color-brand-gradient)!important;color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px var(--color-brand-alpha-30);border:none!important;outline:none!important}.gathering-chat-message.user,.gathering-chat-message.user p,.gathering-chat-message.user span{color:#fff!important}.gathering-chat-message.typing-indicator{display:flex;gap:4px;padding:.75rem 1rem;align-items:center}.typing-indicator span{width:8px;height:8px;background:var(--color-text-quaternary);border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.gathering-chat-input{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--color-border-default);background:white}.gathering-chat-input textarea{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border-default);border-radius:8px;resize:none;font-family:inherit;font-size:.95rem;line-height:1.4;outline:none;transition:border-color .15s,box-shadow .15s,height .1s ease;overflow:hidden;box-sizing:border-box}.gathering-chat-input textarea:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-alpha-15)}.gathering-chat-input textarea:disabled{background:var(--color-bg-tertiary);color:var(--color-text-quaternary)}.gathering-chat-input .send-button{width:44px;min-width:44px;align-self:stretch;padding:0!important;background:var(--color-brand-gradient)!important;color:#fff!important;border:none!important;border-radius:8px;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;box-shadow:0 2px 6px var(--color-brand-alpha-30);font-size:1rem!important;opacity:1!important}.gathering-chat-input .send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-40)}.gathering-chat-input .send-button:disabled{background:var(--color-bg-slate-200)!important;color:var(--color-text-slate-quaternary)!important;cursor:not-allowed;opacity:1!important;box-shadow:none}.gathering-chat-ready{padding:12px 16px;background-color:var(--color-success-bg);border-top:1px solid var(--color-success-light);display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.gathering-chat-tip{margin:0;font-size:.85rem;color:var(--color-text-medium)}.gathering-chat-generate-btn{padding:12px 32px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px var(--color-brand-alpha-35);min-height:44px;min-width:44px}.gathering-chat-generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-brand-alpha-50)}.review-step-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0}.review-step-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.review-step-title{margin:0;font-size:1.35rem;white-space:nowrap}.review-step-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.review-btn{padding:10px 24px;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;min-width:100px;text-align:center;transition:opacity .15s}.review-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn--preview{background:var(--color-brand-primary)}.review-btn--publish{background:#4CAF50}.review-btn--back{background:#666;min-width:auto}.review-summary-card{padding:20px;background:linear-gradient(135deg,#f8f9fc 0%,#f1f3f9 100%);border-radius:10px;border:1px solid #e2e6ef;margin-bottom:16px;cursor:pointer;transition:border-color .15s,outline-color .15s;position:relative}.review-summary-card:hover{border-color:var(--color-brand-primary)}.review-summary-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.review-summary-card__title{margin:0;font-size:1.15rem;color:#2c3e50;line-height:1.3}.review-summary-card__edit-hint{font-size:11px;color:#999;white-space:nowrap;padding:2px 8px;border:1px solid #ddd;border-radius:4px;background:white;flex-shrink:0;opacity:0;transition:opacity .15s;cursor:pointer;font-family:inherit}.review-summary-card__edit-hint:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.review-summary-card:hover .review-summary-card__edit-hint,.review-summary-card__edit-hint:focus-visible{opacity:1}.review-summary-card:has(.review-summary-card__edit-hint:focus-visible){outline:2px solid var(--color-brand-primary);outline-offset:2px}.review-role-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.review-role-badge{padding:5px 10px;border-radius:4px;font-size:12px;font-weight:500;line-height:1.3}.review-role-badge--learner{background-color:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.review-role-badge--ai{background-color:#f3e5f5;border:1px solid #ce93d8;color:#7b1fa2}.review-summary-field{margin-bottom:14px}.review-summary-field+.review-summary-field{padding-top:12px;border-top:1px solid #e8ecf2}.review-summary-field__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8e99a4;margin-bottom:4px}.review-summary-field__value{color:#2c3e50;line-height:1.5;font-size:14px}.review-summary-goals{color:#2c3e50;line-height:1.7;margin:6px 0 0;padding-left:20px;font-size:14px}.review-summary-goals li{margin-bottom:4px}.review-settings-card{padding:20px;background:white;border-radius:10px;border:1px solid #e0e0e0;margin-bottom:20px}.review-settings-card__title{margin:0 0 16px;font-size:.95rem;color:#2c3e50;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.review-setting-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.review-setting-row:last-child{border-bottom:none}.review-setting-row__label{font-size:13px;color:#555;font-weight:500;min-width:110px;flex-shrink:0}.review-setting-input{padding:6px 10px;border-radius:6px;border:1px solid #ddd;font-size:13px;flex:1;min-width:0;max-width:400px}.review-setting-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-alpha-15)}.review-modality-toggle{display:inline-flex;border:1px solid #ddd;border-radius:6px;overflow:hidden}.review-modality-toggle__btn{padding:6px 14px;font-size:12px;font-weight:400;background:#fff;color:#333;border:none;border-right:1px solid #ddd;cursor:pointer;transition:background .1s,color .1s}.review-modality-toggle__btn:last-child{border-right:none}.review-modality-toggle__btn--active{background:var(--color-brand-primary);color:#fff;font-weight:600}.review-step-footer{display:flex;justify-content:flex-start}@media (max-width: 768px){.authoring-demo-dialog{max-width:100%;max-height:100vh;border-radius:0;height:100%}.authoring-demo-chat-container{min-height:0;max-height:none;flex:1}.gathering-chat-messages{padding:.75rem}.gathering-chat-message{max-width:90%}}@media (max-width: 768px){.role-definitions-section{flex-direction:column!important;gap:1rem!important}.role-definitions-section>div{width:100%!important;min-width:unset!important;border-left:none!important;padding-left:0!important}.role-definitions-section>div:last-child{border-top:1px solid var(--color-border-default);padding-top:1rem}.assessment-criteria-grid{grid-template-columns:1fr!important;gap:1rem!important}.criteria-actions{flex-direction:column;gap:.5rem}.criteria-actions button{width:100%}.review-step-content{padding:12px!important;border:none!important;border-radius:0!important}.review-step-header{flex-direction:column;align-items:stretch;gap:10px}.review-step-actions{display:flex;gap:8px;width:100%}.review-step-actions .review-btn{flex:1;min-width:0;padding:10px 12px;font-size:13px}.review-summary-card{padding:14px;border-radius:8px}.review-summary-card__edit-hint{display:none}.review-settings-card{padding:14px;border-radius:8px}.review-setting-row{flex-direction:column;align-items:flex-start;gap:6px}.review-setting-row__label{min-width:unset}.review-setting-input{width:100%;max-width:none}.review-modality-toggle{width:100%}.review-modality-toggle__btn{flex:1;text-align:center}.review-step-content ul{padding-left:1rem}.summary-textarea{min-height:120px!important}.preview-chat-layout{display:block!important}.preview-chat-layout>div{width:100%!important}.form-section{padding:1rem!important;margin-bottom:1rem!important}.modal{max-height:95vh}.modal-content{padding:1rem!important}}.category-accordion{width:100%}.category-accordion-empty{text-align:center;padding:2rem;color:var(--color-text-medium)}.category-accordion-controls{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:flex-end}.category-accordion-btn{padding:.375rem .75rem;font-size:.813rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:4px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease}.category-accordion-btn:hover:not(:disabled){background:var(--color-gray-300);border-color:var(--color-text-disabled)}.category-accordion-btn:disabled{opacity:.5;cursor:not-allowed}.category-section{margin-bottom:.75rem;border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-primary);overflow:hidden}.category-section summary{list-style:none}.category-section summary::-webkit-details-marker{display:none}.category-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-bg-secondary);border-bottom:1px solid transparent;transition:background-color .15s ease}.category-header:hover{background:var(--color-bg-hover)}.category-section[open] .category-header{border-bottom-color:var(--color-gray-300)}.category-toggle-icon{font-size:.75rem;color:var(--color-text-tertiary);width:1rem;text-align:center}.category-name{font-weight:600;color:var(--color-text-dark);flex:1}.category-count{font-size:.875rem;color:var(--color-text-tertiary);font-weight:400}.category-content{padding:1rem}.category-accordion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.uncategorized-section{margin-top:1.5rem;border:1px dashed var(--color-gray-border);background:var(--color-bg-primary)}.uncategorized-header{cursor:default;background:var(--color-bg-code)}.uncategorized-header:hover{background:var(--color-bg-code)}.homepage-category-accordion .category-section{background:rgba(255,255,255,.9);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-md)}.homepage-category-accordion .category-header{background:transparent;padding:1rem 1.25rem}.homepage-category-accordion .category-name{font-size:1.1rem;color:var(--color-text-dark)}.homepage-category-accordion .category-accordion-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.homepage-category-accordion .category-accordion-controls{margin-bottom:1.5rem}.homepage-category-accordion .category-accordion-btn{background:rgba(255,255,255,.8);border-color:var(--color-shadow-md)}@media (max-width: 768px){.category-accordion-controls{justify-content:center}.category-accordion-grid{grid-template-columns:1fr}.category-header,.category-content{padding:.75rem}}.chat-intro-overlay{animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.chat-intro-modal{max-width:500px;overflow:hidden;display:flex;flex-direction:column}.chat-intro-modal.briefing{max-width:720px;animation:slideUpFadeIn .4s cubic-bezier(.25,.1,.25,1)}.chat-intro-modal.mode-select .mode-selector-content{animation:slideUpFadeIn .3s cubic-bezier(.25,.1,.25,1)}@keyframes slideUpFadeIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.briefing-screen{display:flex;flex-direction:column;flex:1;min-height:0}.briefing-header{position:relative;padding:1rem 1.5rem .75rem;background:var(--color-brand-gradient);color:#fff;text-align:center;flex-shrink:0}.briefing-back-btn{position:absolute;left:1rem;top:1rem;background:var(--color-glass-white-15);border:none;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.briefing-back-btn:hover{background:rgba(255,255,255,.25)}.briefing-label{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-glass-white-85);background:var(--color-glass-white-15);padding:.25rem .75rem;border-radius:100px;margin-bottom:.75rem}.briefing-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.briefing-scenario-name{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.briefing-lang-select{flex-shrink:0;padding:4px 8px;border:1px solid var(--color-border-slate);border-radius:6px;background:white;font-size:13px;color:var(--color-text-slate-secondary);cursor:pointer;max-width:140px}.briefing-lang-select:hover{border-color:var(--color-border-slate-strong)}@media (max-width: 768px){.briefing-header-row{flex-direction:column;align-items:flex-start}.briefing-lang-select{max-width:100%}}.briefing-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.briefing-persona{padding:1rem;background:var(--color-brand-alpha-08);border-radius:12px;border:1px solid var(--color-brand-alpha-15)}.briefing-avatar-container{flex-shrink:0}.briefing-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px var(--color-shadow-xl)}.briefing-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--color-brand-gradient);font-size:1.75rem;border:3px solid white;box-shadow:0 4px 12px var(--color-shadow-xl)}.briefing-persona-info{display:flex;flex-direction:column;gap:.25rem}.briefing-persona-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.briefing-persona-role{font-size:.9375rem;color:var(--color-text-tertiary)}.briefing-zone-hero{display:flex;flex-direction:column;gap:1rem}.briefing-zone-supporting{display:flex;flex-direction:column;gap:.75rem;opacity:.85}.briefing-info-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.briefing-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:500;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.briefing-badge--voice{background:rgba(123,31,162,.08);color:#9c27b0;border-color:#7b1fa233}.briefing-badge--text{background:rgba(21,101,192,.08);color:#1565c0;border-color:#1565c033}.briefing-badge--time{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.briefing-expandable{border-radius:10px;border:1px solid var(--color-border-default);background:var(--color-bg-secondary);overflow:hidden}.briefing-expandable-summary{padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.briefing-expandable-summary::-webkit-details-marker{display:none}.briefing-expandable-summary:before{content:"▸";transition:transform .15s ease}.briefing-expandable[open]>.briefing-expandable-summary:before{transform:rotate(90deg)}.briefing-expandable-content{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:1rem}.briefing-roles{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:10px;border:1px solid var(--color-border-default)}.briefing-role-item{display:flex;gap:.5rem;align-items:baseline}.briefing-role-label{font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);flex-shrink:0}.briefing-role-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.briefing-situation{padding:1rem;background:var(--color-bg-secondary);border-radius:10px;border:1px solid var(--color-border-default)}.briefing-situation-title{margin:0 0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.briefing-situation-text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--color-text-slate-primary)}.briefing-context-details{border-radius:10px;border:1px solid var(--color-border-strong);background:var(--color-bg-secondary);overflow:hidden;flex-shrink:0}.briefing-context-details[open]{border-color:var(--color-info-light);background:var(--color-sky-50)}.briefing-context-summary{padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.briefing-context-summary::-webkit-details-marker{display:none}.briefing-context-summary:before{content:"▸";transition:transform .15s ease}.briefing-context-details[open]>.briefing-context-summary:before{transform:rotate(90deg)}.briefing-context-badge{color:var(--color-success-dark);font-size:.75rem}.briefing-context-textarea{display:block;width:calc(100% - 1.5rem);min-height:72px;max-height:200px;margin:0 .75rem .25rem;padding:.625rem .75rem;border:1px solid var(--color-border-slate-strong);border-radius:8px;background:var(--color-bg-primary);font-family:inherit;font-size:.875rem;line-height:1.5;color:var(--color-text-slate-primary);resize:vertical;box-sizing:border-box}.briefing-context-textarea::placeholder{color:var(--color-text-slate-quaternary);font-style:italic}.briefing-context-textarea:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 2px #60a5fa33}.briefing-context-count{padding:.25rem 1rem .5rem;font-size:.6875rem;color:var(--color-text-quaternary);text-align:right}.briefing-tagline-card{padding:.75rem 1rem;background:transparent;border-radius:10px;border:1px solid var(--color-border-subtle)}.briefing-tagline{margin:0;font-size:.875rem;line-height:1.5;color:var(--color-text-tertiary);font-style:italic}.briefing-context{padding:1rem;background:var(--color-yellow-50);border-radius:10px;border:1px solid var(--color-amber-200)}.briefing-context-title{margin:0 0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-warning-dark)}.briefing-context p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--color-warning-dark)}.briefing-objectives{padding:0}.briefing-objectives-title{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.briefing-objectives-title:before{content:"🎯"}.briefing-objectives-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.375rem}.briefing-objectives-list li{font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.briefing-objectives-list li strong{color:var(--color-text-primary)}.briefing-objectives-more{color:var(--color-text-tertiary);font-style:italic}.briefing-artifact{padding:1rem;background:var(--color-bg-page);border-radius:10px;border:1px solid var(--color-border-slate)}.briefing-artifact-title{margin:0 0 .25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-slate-secondary)}.briefing-artifact-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--color-text-slate-quaternary);font-style:italic}.briefing-artifact-content,.briefing-artifact-content .artifact-pane{border-radius:8px}.briefing-actions{padding:.75rem 1.5rem 1rem;text-align:center;flex-shrink:0;border-top:1px solid var(--color-border-subtle)}.briefing-ready-btn{width:100%;padding:.875rem 2rem;font-size:1.0625rem;font-weight:600;color:#fff;background:var(--color-brand-gradient);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px var(--color-brand-alpha-35)}.briefing-ready-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-brand-alpha-45)}.briefing-ready-btn:active{transform:translateY(0)}.briefing-info-hint{margin:.75rem 0 0;font-size:.8125rem;color:var(--color-text-quaternary);font-style:italic}.briefing-info-hint strong{font-weight:600;color:var(--color-text-tertiary)}.briefing-info-hint--mobile{display:none}@media (max-width: 767px){.briefing-info-hint--desktop{display:none}.briefing-info-hint--mobile{display:inline}.chat-intro-modal.briefing{width:100%;max-width:100%;max-height:100vh;height:100%;border-radius:0}.chat-intro-overlay.briefing-phase{padding:0}.chat-intro-modal.briefing .briefing-content{padding:1rem;gap:.75rem}.chat-intro-modal.briefing .briefing-actions{padding:.5rem 1rem .75rem}.briefing-zone-hero{gap:.75rem}.briefing-zone-supporting{gap:.5rem}}.mode-select-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.modal-back-btn{background:var(--color-glass-white-20);border:none;color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;font-size:1.25rem;font-weight:500;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:background .2s;flex-shrink:0}.modal-back-btn:hover{background:var(--color-glass-white-30)}@media (max-width: 767px){.scenario-authoring-content{padding:var(--spacing-page-padding)!important}.scenario-step-card{padding:var(--spacing-page-padding)!important;border-radius:4px!important;border-left:none!important;border-right:none!important}}@media (max-width: 767px){.performance-container{padding:var(--spacing-page-padding)}.performance-header{margin-bottom:.75rem;padding-bottom:.5rem}.skills-coach-section .coaching-columns,.learning-journal-section .coaching-columns{border:none;border-radius:0}}@media (max-width: 767px){.skills-coach-section .coaching-feedback-column,.learning-journal-section .coaching-feedback-column{min-width:unset;width:100%;max-width:none}}[data-theme=light],:root{--brand-primary-rgb: 102, 126, 234;--color-brand-primary: var(--brand-primary, #667eea);--color-brand-accent: var(--brand-accent, #764ba2);--color-brand-primary-hover: var(--brand-primary-hover, #5a6fd6);--color-brand-primary-light: var(--brand-primary-light, #818cf8);--color-brand-gradient: linear-gradient(135deg, var(--brand-primary, #667eea) 0%, var(--brand-accent-soft, var(--brand-accent, #764ba2)) 100%);--color-brand-gradient-reverse: linear-gradient(135deg, var(--brand-accent-soft, var(--brand-accent, #764ba2)) 0%, var(--brand-primary, #667eea) 100%);--color-brand-gradient-interactive: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-hover) 100%);--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-quaternary: #e5e7eb;--color-bg-hover: #f0f0f0;--color-bg-active: #e5e7eb;--color-bg-page: #f8fafc;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-code: #f8f9fa;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-overlay-light: rgba(0, 0, 0, .08);--color-bg-slate-50: #f8fafc;--color-bg-slate-100: #f1f5f9;--color-bg-slate-200: #e2e8f0;--color-bg-brand-subtle: rgba(var(--brand-primary-rgb), .1);--color-bg-brand-light: rgba(var(--brand-primary-rgb), .15);--color-bg-brand-medium: rgba(var(--brand-primary-rgb), .3);--color-bg-brand-solid: var(--brand-primary, #667eea);--color-text-primary: #1f2937;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-quaternary: #9ca3af;--color-text-placeholder: #9ca3af;--color-text-disabled: #d1d5db;--color-text-inverse: #ffffff;--color-text-heading: #111827;--color-text-link: var(--color-brand-primary);--color-text-on-brand: #ffffff;--color-text-slate-primary: #1e293b;--color-text-slate-secondary: #475569;--color-text-slate-tertiary: #64748b;--color-text-slate-quaternary: #94a3b8;--color-text-dark: #333;--color-text-medium: #666;--color-border-default: #e5e7eb;--color-border-strong: #d1d5db;--color-border-subtle: #f3f4f6;--color-border-input: #d1d5db;--color-border-focus: var(--color-brand-primary);--color-border-hover: #9ca3af;--color-border-slate: #e2e8f0;--color-border-slate-strong: #cbd5e1;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #d1fae5;--color-success-bg: #ecfdf5;--color-error: #dc2626;--color-error-dark: #b91c1c;--color-error-light: #fee2e2;--color-error-bg: #fef2f2;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-light: #fef3c7;--color-warning-bg: #fffbeb;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #dbeafe;--color-info-bg: #eff6ff;--color-indigo-500: #6366f1;--color-indigo-600: #5a67d8;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-300: #c4b5fd;--color-violet-600: #7c3aed;--color-violet-700: #6d28d9;--color-violet-800: #5b21b6;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-800: #1e40af;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-900: #0c4a6e;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-800: #166534;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-800: #92400e;--color-yellow-50: #fefce8;--color-gray-200: #e9ecef;--color-gray-300: #e0e0e0;--color-gray-400: #999;--color-gray-500: #86868b;--color-gray-600: #495057;--color-gray-800: #1d1d1f;--color-gray-light: #eee;--color-gray-border: #ddd;--color-dark-bg-primary: #1a1b26;--color-dark-bg-secondary: #1a1a2e;--color-dark-bg-tertiary: #12121a;--color-dark-bg-deep: #0f0f14;--color-dark-surface: #e8e8ed;--color-dark-surface-light: #b0b0b5;--color-shadow-xs: rgba(0, 0, 0, .05);--color-shadow-sm: rgba(0, 0, 0, .08);--color-shadow-md: rgba(0, 0, 0, .1);--color-shadow-lg: rgba(0, 0, 0, .12);--color-shadow-xl: rgba(0, 0, 0, .15);--color-shadow-2xl: rgba(0, 0, 0, .2);--color-shadow-brand: rgba(var(--brand-primary-rgb), .3);--color-shadow-brand-lg: rgba(var(--brand-primary-rgb), .4);--color-glass-white-06: rgba(255, 255, 255, .06);--color-glass-white-08: rgba(255, 255, 255, .08);--color-glass-white-15: rgba(255, 255, 255, .15);--color-glass-white-20: rgba(255, 255, 255, .2);--color-glass-white-30: rgba(255, 255, 255, .3);--color-glass-white-50: rgba(255, 255, 255, .5);--color-glass-white-85: rgba(255, 255, 255, .85);--color-glass-black-05: rgba(0, 0, 0, .05);--color-glass-black-06: rgba(0, 0, 0, .06);--color-glass-black-08: rgba(0, 0, 0, .08);--color-glass-black-10: rgba(0, 0, 0, .1);--color-glass-black-12: rgba(0, 0, 0, .12);--color-glass-black-15: rgba(0, 0, 0, .15);--color-glass-black-20: rgba(0, 0, 0, .2);--color-glass-black-50: rgba(0, 0, 0, .5);--color-brand-alpha-05: rgba(var(--brand-primary-rgb), .05);--color-brand-alpha-08: rgba(var(--brand-primary-rgb), .08);--color-brand-alpha-10: rgba(var(--brand-primary-rgb), .1);--color-brand-alpha-12: rgba(var(--brand-primary-rgb), .12);--color-brand-alpha-15: rgba(var(--brand-primary-rgb), .15);--color-brand-alpha-20: rgba(var(--brand-primary-rgb), .2);--color-brand-alpha-25: rgba(var(--brand-primary-rgb), .25);--color-brand-alpha-30: rgba(var(--brand-primary-rgb), .3);--color-brand-alpha-35: rgba(var(--brand-primary-rgb), .35);--color-brand-alpha-40: rgba(var(--brand-primary-rgb), .4);--color-brand-alpha-45: rgba(var(--brand-primary-rgb), .45);--color-brand-alpha-50: rgba(var(--brand-primary-rgb), .5);--color-brand-alpha-60: rgba(var(--brand-primary-rgb), .6);--color-brand-alpha-80: rgba(var(--brand-primary-rgb), .8);--spacing-page-padding: 2rem;--spacing-content-gap: 1.5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}@media (max-width: 767px){:root{--spacing-page-padding: .5rem;--spacing-content-gap: .75rem}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto}.modal-shell{display:flex;flex-direction:column;max-height:90vh}.modal-shell__header{flex-shrink:0}.modal-shell__body{flex:1;min-height:0;overflow-y:auto}.modal-shell__footer{flex-shrink:0}.flex-fill{flex:1;min-height:0}.flex-fixed{flex-shrink:0}.flex-scroll{flex:1;min-height:0;overflow-y:auto}