:root{--c-bg: #f4f6f9;--c-surface: #ffffff;--c-surface-2: #eef2f7;--c-border: #d7dee7;--c-text: #1d2733;--c-text-muted: #5c6b7a;--c-primary: #2f6fb0;--c-primary-dark: #245a90;--c-primary-contrast: #ffffff;--c-danger: #c62f2f;--c-danger-bg: #fdecec;--c-danger-text: #b3241f;--c-warn: #d98c2b;--c-warn-bg: #fdf3e4;--c-warn-text: #8a5209;--c-ok: #2e8b52;--c-ok-bg: #e8f6ee;--c-ok-text: #1f7a43;--c-info: #2f6fb0;--c-info-bg: #e7f0f9;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius-1: 6px;--radius-2: 10px;--shadow-1: 0 1px 3px rgba(29, 39, 51, .12);--shadow-2: 0 4px 16px rgba(29, 39, 51, .16);--fz-sm: 13px;--fz-base: 15px;--fz-lg: 18px;--fz-xl: 22px;--dur: .18s}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-width:320px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fz-base);line-height:1.5;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1{font-size:var(--fz-xl);margin:0 0 var(--sp-4)}h2{font-size:var(--fz-lg);margin:0 0 var(--sp-3)}h3{font-size:var(--fz-base);margin:0 0 var(--sp-2)}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius-1);background:var(--c-surface);color:var(--c-text);transition:background var(--dur) ease,transform var(--dur) ease,opacity var(--dur) ease}.btn:hover:not(:disabled){background:var(--c-surface-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--c-primary-dark)}.btn--danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn--ghost{background:transparent;border-color:transparent;color:var(--c-primary)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.field{display:block;width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-1);background:var(--c-surface);color:var(--c-text);font:inherit}.field:focus{border-color:var(--c-primary)}.field:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}textarea.field{min-height:96px;resize:vertical}.label{display:block;font-size:var(--fz-sm);color:var(--c-text-muted);margin-bottom:var(--sp-1)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-2);box-shadow:var(--shadow-1);padding:var(--sp-4)}.muted{color:var(--c-text-muted)}.error-text{color:var(--c-danger-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-nav{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap;padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:20}.app-nav__brand{font-weight:700;margin-right:var(--sp-3);white-space:nowrap}.app-nav__link{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-1);text-decoration:none;color:var(--c-text)}.app-nav__link:hover{background:var(--c-surface-2)}.app-nav__link--active{background:var(--c-info-bg);color:var(--c-primary-dark);font-weight:600}.app-nav__spacer{flex:1}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:var(--sp-4) var(--sp-3)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.center-screen .card{width:100%;max-width:380px}.toast-host{position:fixed;left:50%;bottom:var(--sp-5);transform:translate(-50%);display:flex;flex-direction:column;gap:var(--sp-2);z-index:100;width:min(92vw,420px)}.toast{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-1);box-shadow:var(--shadow-2);color:#fff;font-size:var(--fz-sm);animation:toast-in var(--dur) ease}.toast--info{background:#33475b}.toast--error{background:var(--c-danger)}.toast--ok{background:var(--c-ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.statebar{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-2);padding:var(--sp-3);box-shadow:var(--shadow-1)}.statebar__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.statebar__title{font-weight:600}.statebar__value{font-variant-numeric:tabular-nums;font-weight:700}.statebar__delta{font-size:var(--fz-sm);margin-left:var(--sp-2);padding:0 var(--sp-1);border-radius:var(--radius-1);animation:delta-pop var(--dur) ease}.statebar__delta--up{color:var(--c-ok);background:var(--c-ok-bg)}.statebar__delta--down{color:var(--c-danger);background:var(--c-danger-bg)}@keyframes delta-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.statebar__track{height:12px;border-radius:999px;background:var(--c-surface-2);overflow:hidden}.statebar__fill{height:100%;border-radius:999px;transition:width var(--dur) ease,background-color var(--dur) ease}.theory{display:flex;flex-direction:column;gap:var(--sp-2)}.theory__block{border-radius:var(--radius-2);padding:var(--sp-3);border:1px solid var(--c-border);animation:fade-in var(--dur) ease}.theory__block--intro{background:var(--c-surface-2)}.theory__block--nugget{background:var(--c-info-bg);border-color:#bcd6ee}.theory__block--on_error{background:var(--c-warn-bg);border-color:#f0d3a3}.theory__kicker{font-size:var(--fz-sm);font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--sp-1)}.theory__block--on_error .theory__kicker{color:var(--c-warn-text)}.theory__errtype{font-weight:400;text-transform:none;letter-spacing:0;color:var(--c-text-muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.trainer-grid{display:flex;flex-direction:column;gap:var(--sp-3)}.trainer-grid__state{position:sticky;top:var(--nav-h, 60px);z-index:15}.chat{display:flex;flex-direction:column;gap:var(--sp-3)}.chat__client-head{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);align-items:baseline}.chat__log{display:flex;flex-direction:column;gap:var(--sp-2);max-height:52vh;overflow-y:auto;padding:var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-2)}.chat__composer{display:flex;flex-direction:column;gap:var(--sp-2);position:sticky;bottom:0;z-index:14;background:var(--c-bg);border-top:1px solid var(--c-border);padding-top:var(--sp-2)}.chat__composer-row{display:flex;gap:var(--sp-2);align-items:flex-end}.chat__composer-row .field{flex:1}.bubble{max-width:88%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-2);animation:fade-in var(--dur) ease}.bubble__role{display:block;font-size:var(--fz-sm);color:var(--c-text-muted);margin-bottom:2px}.bubble__content{white-space:pre-wrap;overflow-wrap:anywhere}.bubble--psychologist{align-self:flex-end;background:var(--c-info-bg);border:1px solid #bcd6ee}.bubble--client{align-self:flex-start;background:var(--c-surface-2);border:1px solid var(--c-border)}.review{margin-top:var(--sp-2);border-radius:var(--radius-1);border-left:4px solid var(--c-border);padding:var(--sp-2) var(--sp-3);font-size:var(--fz-sm);background:var(--c-surface)}.review--high{border-left-color:var(--c-danger);background:var(--c-danger-bg)}.review--medium{border-left-color:var(--c-warn);background:var(--c-warn-bg)}.review--low{border-left-color:var(--c-info);background:var(--c-info-bg)}.review__row+.review__row{margin-top:var(--sp-1)}.review__badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;padding:0 var(--sp-1);border-radius:var(--radius-1);background:#00000014;margin-right:var(--sp-1)}.rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c-danger);animation:rec-pulse 1s infinite ease-in-out}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.disclaimer{border:1px solid #f0d3a3;background:var(--c-warn-bg);border-radius:var(--radius-2);padding:var(--sp-3)}.disclaimer__title{font-weight:700;color:var(--c-warn-text);margin-bottom:var(--sp-1)}.risk-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--c-warn-text);background:var(--c-warn-bg);border:1px solid #f0d3a3;border-radius:var(--radius-1);padding:0 var(--sp-1);margin-left:var(--sp-2)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}.option-list{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}.option{display:block;text-align:left;padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-2);background:var(--c-surface);transition:border-color var(--dur) ease,background var(--dur) ease}.option:hover{background:var(--c-surface-2)}.option--selected{border-color:var(--c-primary);background:var(--c-info-bg)}.option__title{font-weight:600}.option__meta{font-size:var(--fz-sm);color:var(--c-text-muted)}.seg{display:inline-flex;border:1px solid var(--c-border);border-radius:var(--radius-1);overflow:hidden}.seg__btn{border:none;background:var(--c-surface);padding:var(--sp-2) var(--sp-4);min-height:44px}.seg__btn--active{background:var(--c-primary);color:#fff}.logs-filters{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}.log-group{margin-bottom:var(--sp-4)}.log-group__head{font-weight:600;padding:var(--sp-2) var(--sp-3);background:var(--c-surface-2);border-radius:var(--radius-1);margin-bottom:var(--sp-2)}.log-record{border:1px solid var(--c-border);border-radius:var(--radius-1);background:var(--c-surface);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2)}.log-record__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fz-sm);color:var(--c-text-muted)}.sev-badge{display:inline-block;font-size:11px;font-weight:700;padding:0 var(--sp-1);border-radius:var(--radius-1)}.sev-badge--CRITICAL,.sev-badge--HIGH{color:#fff;background:var(--c-danger)}.sev-badge--MEDIUM{color:var(--c-text);background:var(--c-warn)}.sev-badge--LOW{color:var(--c-text);background:var(--c-surface-2)}.sev-badge--OK{color:#fff;background:var(--c-ok)}.markdown{line-height:1.6}.markdown h1,.markdown h2,.markdown h3{margin:var(--sp-4) 0 var(--sp-2)}.markdown p{margin:0 0 var(--sp-3)}.markdown ul,.markdown ol{margin:0 0 var(--sp-3);padding-left:var(--sp-5)}.markdown code{background:var(--c-surface-2);padding:0 4px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.markdown pre{background:var(--c-surface-2);padding:var(--sp-3);border-radius:var(--radius-1);overflow-x:auto}.markdown hr{border:none;border-top:1px solid var(--c-border);margin:var(--sp-4) 0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.grow{flex:1}.miti{margin-top:var(--sp-2);border:1px solid #bcd6ee;border-left:4px solid var(--c-primary);border-radius:var(--radius-1);background:var(--c-info-bg);padding:var(--sp-2) var(--sp-3);font-size:var(--fz-sm);animation:fade-in var(--dur) ease}.miti__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-1)}.miti__type{font-weight:700;color:var(--c-primary-dark)}.miti__type-icon{margin-right:2px}.miti__score{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;padding:var(--sp-1) var(--sp-2);border-radius:999px}.miti__score-max{font-size:.72em;font-weight:600;margin-left:1px}.miti__score--low{color:var(--c-danger-text);background:var(--c-danger-bg)}.miti__score--mid{color:var(--c-warn-text);background:var(--c-warn-bg)}.miti__score--high{color:var(--c-ok-text);background:var(--c-ok-bg)}.miti__line{margin-top:var(--sp-1);overflow-wrap:anywhere}.miti__line--tip{color:var(--c-text)}.miti__line--good{color:var(--c-ok-text)}.miti__line--improve{color:var(--c-warn-text)}.branch-chip{display:inline-block;font-size:var(--fz-sm);font-weight:600;color:var(--c-primary-dark);background:var(--c-info-bg);border:1px solid #bcd6ee;border-radius:999px;padding:0 var(--sp-2);margin-left:var(--sp-2);white-space:nowrap}.level-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--c-primary-dark);background:var(--c-info-bg);border:1px solid #bcd6ee;border-radius:var(--radius-1);padding:0 var(--sp-1);margin-left:var(--sp-2)}.due-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--c-warn-text);background:var(--c-warn-bg);border:1px solid #f0d3a3;border-radius:var(--radius-1);padding:0 var(--sp-1);margin-left:var(--sp-2)}.due-badge--soon{color:var(--c-primary-dark);background:var(--c-info-bg);border-color:#bcd6ee}.progress-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.progress-summary__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-2);box-shadow:var(--shadow-1);text-align:center}.progress-summary__num{font-size:var(--fz-xl);font-weight:800;color:var(--c-primary-dark);font-variant-numeric:tabular-nums}.progress-summary__cap{font-size:var(--fz-sm);color:var(--c-text-muted)}.due-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.due-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-2);background:var(--c-surface-2)}.due-item__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.due-item__title{font-weight:600}.due-item__meta{font-size:var(--fz-sm);color:var(--c-text-muted)}.due-item .btn{flex-shrink:0}.skill-cards{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}.skill-card{display:flex;flex-direction:column;gap:var(--sp-2)}.skill-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.skill-card__sub{font-size:var(--fz-sm)}.level-pill{display:inline-block;font-size:var(--fz-sm);font-weight:700;border-radius:999px;padding:0 var(--sp-2);white-space:nowrap}.level-pill--1{color:var(--c-text-muted);background:var(--c-surface-2);border:1px solid var(--c-border)}.level-pill--2{color:var(--c-primary-dark);background:var(--c-info-bg);border:1px solid #bcd6ee}.level-pill--3{color:var(--c-warn-text);background:var(--c-warn-bg);border:1px solid #f0d3a3}.level-pill--4{color:var(--c-ok-text);background:var(--c-ok-bg);border:1px solid #a9dcc0}.level-track{height:10px;border-radius:999px;background:var(--c-surface-2);overflow:hidden}.level-track__fill{height:100%;border-radius:999px;background:var(--c-primary);transition:width var(--dur) ease}.badge-row{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.badge{display:inline-block;font-size:var(--fz-sm);font-weight:600;color:var(--c-ok-text);background:var(--c-ok-bg);border:1px solid #a9dcc0;border-radius:999px;padding:0 var(--sp-2)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin:0}.metric{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--radius-1);background:var(--c-surface)}.metric dt{font-size:var(--fz-sm);color:var(--c-text-muted)}.metric dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.report-mi{display:flex;align-items:baseline;gap:var(--sp-2)}.report-mi__label{font-weight:600}.report-mi__value{font-size:var(--fz-xl);font-weight:800;color:var(--c-primary-dark);font-variant-numeric:tabular-nums}.dist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.dist-row__head{display:flex;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-1)}.dist-row__nums{font-variant-numeric:tabular-nums}.dist-track{position:relative;height:12px;border-radius:999px;background:var(--c-surface-2);overflow:hidden}.dist-track__fill{height:100%;border-radius:999px;background:var(--c-primary);transition:width var(--dur) ease}.dist-track__target{position:absolute;top:0;bottom:0;width:2px;background:var(--c-text);opacity:.55}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr}.logs-filters{grid-template-columns:repeat(3,1fr) auto;align-items:end}.chat__log{max-height:58vh}.skill-cards{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.app-main{padding:var(--sp-5) var(--sp-4)}.trainer-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"state state" "chat theory";align-items:start;gap:var(--sp-4)}.trainer-grid__state{grid-area:state}.trainer-grid__chat{grid-area:chat;min-width:0}.trainer-grid__theory{grid-area:theory;position:sticky;top:72px}.chat__log{max-height:60vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}