*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#242736;--border:#2e3248;--accent:#6c63ff;--text:#e2e8f0;--muted:#8892b0;--radius:12px;--red:#ef4444;--orange:#f97316;--yellow:#eab308;--green:#43e97b;--purple:#a78bfa}html{font-size:14px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}#app{max-width:860px;margin:0 auto;padding:40px 24px 80px}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:36px;font-size:.82rem;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--text)}.page-header{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:28px}.page-header h1{background:linear-gradient(135deg,#ef4444,#f97316,#eab308);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2rem;font-weight:800;line-height:1.2}.page-header .subtitle{color:var(--muted);font-size:.9rem}.chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:48px;padding:20px}.chart-wrap .chart-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:.78rem;font-weight:600}#burnout-chart{width:100%;height:300px}.section{margin-bottom:52px}.section-title{color:var(--text);border-left:3px solid var(--accent);margin-bottom:16px;padding-left:14px;font-size:1.1rem;font-weight:700}p{color:#c8d0e0;margin-bottom:14px;font-size:.93rem}p:last-child{margin-bottom:0}strong{color:var(--text)}.callout{border-left:3px solid;border-radius:8px;margin-bottom:16px;padding:14px 18px;font-size:.88rem}.callout.red{border-color:var(--red);color:#fca5a5;background:#ef44441a}.callout.orange{border-color:var(--orange);color:#fdba74;background:#f973161a}.callout.yellow{border-color:var(--yellow);color:#fde047;background:#eab3081a}.callout.green{border-color:var(--green);color:#86efac;background:#43e97b1a}.callout.purple{border-color:var(--purple);color:#c4b5fd;background:#a78bfa1a}.callout.gray{color:#94a3b8;background:#64748b1a;border-color:#64748b}.crisis-table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:.85rem}.crisis-table th{background:var(--surface2);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:.72rem;font-weight:600}.crisis-table td{border-bottom:1px solid var(--border);color:#c8d0e0;padding:10px 14px}.crisis-table tr:last-child td{border-bottom:none}.crisis-table tr:hover td{background:var(--surface2)}.badge{border-radius:12px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.badge.severe{color:var(--red);background:#ef444433}.badge.high{color:var(--orange);background:#f9731633}.badge.medium{color:var(--yellow);background:#eab30833}.badge.low{color:var(--green);background:#43e97b33}.badge.excluded{color:#94a3b8;background:#64748b33}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px}.stat-value{margin-bottom:6px;font-size:1.6rem;font-weight:800;line-height:1;display:block}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.timeline{margin-bottom:8px;padding-left:28px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.tl-item{margin-bottom:28px;position:relative}.tl-item:before{content:"";border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-25px}.tl-item.red:before{background:var(--red)}.tl-item.orange:before{background:var(--orange)}.tl-item.yellow:before{background:var(--yellow)}.tl-item.gray:before{background:#64748b}.tl-date{color:var(--muted);margin-bottom:3px;font-size:.78rem}.tl-title{color:var(--text);margin-bottom:6px;font-size:.95rem;font-weight:700}.tl-body{color:#94a3b8;font-size:.85rem}.cycle-diagram{flex-wrap:wrap;align-items:center;gap:0;margin:24px 0;display:flex}.cycle-phase{text-align:center;border-radius:0;flex:1;min-width:100px;padding:16px 8px;font-size:.78rem;font-weight:600;position:relative}.cycle-phase:first-child{border-radius:10px 0 0 10px}.cycle-phase:last-child{border-radius:0 10px 10px 0}.cycle-phase .phase-name{text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:4px;font-size:.7rem}.cycle-phase .phase-days{font-size:1.3rem;font-weight:800}.cycle-phase .phase-unit{opacity:.7;font-size:.7rem}.phase-trigger{color:#fdba74;background:#f9731626}.phase-escalate{color:#fca5a5;background:#ef444426}.phase-peak{color:var(--red);background:#ef44444d}.phase-recovery{color:#86efac;background:#43e97b26}.method-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px 24px}.method-box h4{color:var(--text);margin-bottom:12px;font-size:.88rem}.method-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:6px 0;font-size:.83rem;display:flex}.method-row:last-child{border-bottom:none}.method-bar-wrap{background:var(--border);border-radius:4px;flex:1;height:6px}.method-bar{border-radius:4px;height:6px}.method-label{width:160px;color:var(--muted)}.method-weight{text-align:right;width:36px;font-weight:700}hr.divider{border:none;border-top:1px solid var(--border);margin:48px 0}@media (width<=600px){#app{padding:24px 16px 60px}.page-header h1{font-size:1.5rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.cycle-diagram{gap:4px}.cycle-phase{min-width:70px;padding:12px 4px}}