:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.app{--accent:#b30016;--accent-strong:#e21b2f;color:#f8fafc;background:radial-gradient(circle at 16% 0,#ffffff14,#0000 34%),linear-gradient(145deg,#090b10 0%,#111620 56%,#090b10 100%);flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.status-bar{color:#cbd5e1;text-transform:uppercase;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto auto;align-items:center;gap:16px;min-height:56px;padding:0 82px 0 96px;font-size:15px;font-weight:800;display:grid}.home-link{z-index:80;color:#fff;background:#ffffff14;border:1px solid #ffffff3d;border-radius:8px;place-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:950;text-decoration:none;display:inline-grid;position:fixed;top:10px;left:10px}.hamburger-button{z-index:90;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:8px;place-items:center;gap:4px;width:48px;height:38px;padding:8px;display:grid;position:fixed;top:10px;right:10px}.hamburger-button span{background:#fff;border-radius:999px;width:24px;height:3px}.hamburger-menu{z-index:85;background:#090b10fa;border:1px solid #ffffff2e;border-radius:8px;gap:8px;width:min(360px,100vw - 20px);padding:12px;display:grid;position:fixed;top:58px;right:10px;box-shadow:0 24px 80px #00000073}.hamburger-menu button{color:#fff;cursor:pointer;text-transform:uppercase;background:#1f2937;border:1px solid #ffffff29;border-radius:8px;min-height:54px;font-size:17px;font-weight:950}.march-menu-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.hamburger-menu .menu-step{min-height:52px;padding:0;font-size:26px}.menu-step-m,.fold-hot{background:#b30016!important}.menu-step-a{color:#111827!important;background:#f6c945!important}.menu-step-r{background:#2f7dff!important}.menu-step-c,.fold-cold{background:#20b36b!important}.menu-step-h{background:#ec5fc8!important}.menu-foldout-button{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.menu-foldout-button span{font-size:28px;line-height:1}.zones-foldout{gap:6px;display:grid}.fold-warm{background:#ff8a1f!important}.status-bar span:nth-child(3){color:#fff;text-align:center;max-width:min(620px,52vw)}.status-bar time{color:#fff;font-variant-numeric:tabular-nums;font-size:22px}.footer-status{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff1f;place-items:center;min-height:34px;padding:6px 16px;font-size:13px;font-weight:900;display:grid}.footer-status-credits{gap:4px;padding:8px 16px 10px}.footer-links{letter-spacing:.04em;text-transform:none;justify-content:center;align-items:center;gap:14px;font-size:12px;display:inline-flex}.footer-links a{color:#cbd5e1;text-underline-offset:3px;text-decoration:underline}.footer-links a:focus-visible{outline-offset:3px;outline:3px solid #fff}.app-start{align-items:center}.start-panel,.settings-panel,.summary-panel{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(980px,100% - 32px);margin:auto;display:flex}.brand-lockup{color:#e2e8f0;text-transform:uppercase;align-items:center;font-size:28px;font-weight:900;display:inline-flex}.brand-letter-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(700px,100%);display:grid}.brand-letter{color:#fff;border:2px solid #ffffffb8;border-radius:8px;place-items:center;min-width:0;height:54px;font-size:32px;font-weight:950;display:grid}.brand-letter-m{background:#b30016}.brand-letter-a{color:#111827;background:#f6c945}.brand-letter-r{background:#2f7dff}.brand-letter-c{background:#20b36b}.brand-letter-h{background:#ec5fc8}.start-panel h1,.settings-panel h1,.summary-panel h1{color:#fff;text-transform:uppercase;margin:0;font-size:76px;font-weight:950;line-height:.96}.start-warning,.mist-head p{color:#cbd5e1;max-width:720px;margin:0;font-size:20px;font-weight:700}.start-button,.generate-button{color:#fff;cursor:pointer;text-transform:uppercase;background:#0f766e;border:0;border-radius:8px;width:min(700px,100%);min-height:112px;font-size:34px;font-weight:950;box-shadow:0 18px 60px #0f766e47}.start-button.compact{min-height:86px;font-size:26px}.mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:min(700px,100%);display:grid}.mode-grid button,.mist-actions button,.setting-row,.tile{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px}.mode-grid button{cursor:pointer;min-height:74px;padding:10px;font-size:16px;font-weight:900}.info-screen{overflow:auto}.info-panel{gap:20px;width:min(1120px,100% - 32px);margin:24px auto;display:grid}.info-panel h1{color:#fff;margin:0;font-size:72px;font-weight:950;line-height:.95}.info-lead{color:#cbd5e1;margin:0;font-size:24px;font-weight:850}.principle-list{gap:12px;display:grid}.principle-list article{background:linear-gradient(90deg,#20b36b38,#ffffff0a),#0b0f16;border:2px solid #ffffff29;border-radius:8px;grid-template-columns:84px 1fr;align-items:center;gap:18px;min-height:118px;padding:18px;display:grid}.principle-list span{color:#fff;background:#20b36b;border-radius:8px;place-items:center;width:70px;height:70px;font-size:36px;font-weight:950;display:grid}.principle-list h2{color:#fff;margin:0;font-size:clamp(32px,5vw,62px);font-weight:950;line-height:.98}.zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.zone-card{color:#fff;border:3px solid #ffffff2e;border-radius:8px;flex-direction:column;gap:14px;min-height:430px;padding:20px;display:flex}.zone-card p{color:#ffffffdb;margin:0;font-size:18px;font-weight:800;line-height:1.25}.zone-card p:first-child,.zone-card span{color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;font-size:16px;font-weight:950}.zone-card h2{color:#fff;text-transform:uppercase;margin:0;font-size:44px;font-weight:950;line-height:.95}.zone-card strong{color:#fff;font-size:28px;font-weight:950;display:block}.zone-hot{background:linear-gradient(145deg,#ff1f38,#65111d)}.zone-warm{background:linear-gradient(145deg,#ff8a1f,#6d3411)}.zone-cold{background:linear-gradient(145deg,#20b36b,#0d5135)}.step-screen{--accent:#b30016;--accent-strong:#e21b2f}.step-a{--accent:#f6c945;--accent-strong:#ffe17c}.step-r{--accent:#2f7dff;--accent-strong:#77a8ff}.step-c{--accent:#20b36b;--accent-strong:#58d996}.step-h{--accent:#ec5fc8;--accent-strong:#f599dc}.hot-screen{--accent:#ff7a1a;--accent-strong:#ffae67}.step-progress{grid-template-columns:repeat(5,1fr);gap:14px;min-height:96px;padding:16px 22px 18px;display:grid}.progress-dot{appearance:none;cursor:pointer;color:#ffffffb8;background:linear-gradient(145deg,#ffffff1a,#ffffff08),#141922;border:2px solid #ffffff29;border-radius:8px;place-items:center;font-size:42px;font-weight:950;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.progress-dot.active,.progress-dot.complete{color:#fff;box-shadow:inset 0 0 0 1px #ffffff38, 0 10px 28px color-mix(in srgb, var(--accent) 28%, transparent);border-color:#ffffffc7}.progress-m.active,.progress-m.complete{background:#b30016}.progress-a.active,.progress-a.complete{color:#111827;background:#f6c945}.progress-r.active,.progress-r.complete{background:#2f7dff}.progress-c.active,.progress-c.complete{background:#20b36b}.progress-h.active,.progress-h.complete{background:#ec5fc8}.step-card{background:#0b0f16;border:3px solid #ffffff38;border-radius:8px;flex-direction:column;flex:1;margin:0 22px 14px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.step-hero{background:radial-gradient(circle at 24% 24%, #ffffff29, transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--accent) 76%, #111827), #600e1cd1);align-content:center;gap:20px;min-height:41%;padding:34px;display:grid}.step-code{color:#ffffffd6;text-transform:uppercase;margin:0;font-size:24px;font-weight:950}.step-hero-main{grid-template-columns:minmax(120px,.6fr) 1.4fr;align-items:center;gap:34px;display:grid}.step-letter{color:#fff;text-transform:uppercase;border-right:4px solid #ffffff3d;place-items:center;min-height:210px;font-size:clamp(148px,18vw,250px);font-weight:950;line-height:.78;display:grid}.step-card h1{color:#fff;text-transform:uppercase;margin:0;font-size:clamp(64px,8vw,118px);font-weight:950;line-height:.94}.bullet-list{flex:1;align-content:center;gap:18px;margin:0;padding:24px 28px;list-style:none;display:grid}.bullet-list li{color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05),#00000057;border:2px solid #ffffff42;border-radius:8px;align-items:center;gap:28px;min-height:88px;padding:18px 24px;font-size:clamp(28px,3vw,44px);font-weight:900;line-height:1.08;display:flex}.check-list li{min-height:88px;padding:0;overflow:hidden}.check-row-button{width:100%;min-height:88px;color:inherit;cursor:pointer;text-align:left;font-size:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:0;align-items:center;gap:28px;padding:18px 24px;display:flex}.check-box{border:5px solid var(--accent-strong);border-radius:8px;flex:none;width:48px;height:48px;position:relative;box-shadow:0 0 0 1px #ffffff2e}.check-list li.checked{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 32%, transparent), #ffffff08), #00000057;border-color:#ffffff94}.check-list li.checked .check-box{background:var(--accent-strong)}.check-list li.checked .check-box:after{content:"";border:6px solid #fff;border-width:0 6px 6px 0;width:15px;height:27px;position:absolute;top:4px;left:11px;transform:rotate(45deg)}.action-bar{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 12px;display:grid}.action-bar button,.mist-actions button{color:#fff;cursor:pointer;text-transform:uppercase;background:#1f2937;border:0;border-radius:8px;min-height:94px;font-size:22px;font-weight:950}.action-bar button:first-child{background:var(--accent);color:#fff}.action-bar button:focus-visible,.start-button:focus-visible,.mode-grid button:focus-visible,.tile:focus-visible,.mist-actions button:focus-visible,.generate-button:focus-visible,.export-actions button:focus-visible,.export-panel input:focus-visible{outline-offset:3px;outline:4px solid #fff}.mist-screen{overflow:auto}.mist-layout{gap:20px;width:min(1180px,100% - 32px);margin:22px auto;display:grid}.mist-head h1{color:#fff;margin:0 0 8px;font-size:54px;line-height:1}.cascard-reference{background:0 0;border:0;width:fit-content;max-width:calc(100% - 32px);margin:4px auto 18px;padding:0}.cascard-reference img{width:auto;max-width:100%;height:auto;display:block}.intervention-times{flex-wrap:wrap;gap:10px;display:flex}.intervention-times span{color:#fff;text-transform:uppercase;background:#b3001638;border:2px solid #ffffff2e;border-radius:8px;align-items:center;min-height:46px;padding:8px 14px;font-size:18px;font-weight:950;display:inline-flex}.mist-fields{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.mist-field{background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;min-width:0;margin:0;padding:16px}.mist-field legend{color:#fff;padding:0 8px;font-size:20px;font-weight:950}.tile-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{cursor:pointer;min-height:66px;padding:10px;font-size:17px;font-weight:900}.tile.selected{color:#111827;background:#f8fafc}.mist-output{grid-template-columns:300px 1fr;align-items:stretch;gap:14px;display:grid}.generate-button{width:100%;min-height:90px;font-size:22px}.mist-output p,.summary-output{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;margin:0;padding:18px;font-size:22px;font-weight:800;line-height:1.28}.mist-actions{grid-template-columns:repeat(4,1fr);gap:10px;width:min(1180px,100% - 32px);margin:0 auto 12px;display:grid}.mist-actions button{min-height:72px;font-size:16px}.debrief-cta{color:#fff;cursor:pointer;text-transform:uppercase;background:#20b36b;border:0;border-radius:8px;width:min(1180px,100% - 32px);min-height:104px;margin:0 auto 12px;font-size:34px;font-weight:950;box-shadow:0 18px 48px #20b36b38}.summary-debrief{width:min(920px,100%);margin:0}.setting-row{color:#fff;justify-content:space-between;align-items:center;width:min(640px,100%);min-height:86px;padding:0 22px;font-size:26px;font-weight:950;display:flex}.setting-row input{accent-color:#b30016;width:42px;height:42px}.summary-output{width:min(920px,100%);font-size:34px}.summary-log{flex-wrap:wrap;justify-content:center;gap:8px;width:min(920px,100%);display:flex}.summary-log span{color:#e2e8f0;background:#ffffff1a;border-radius:8px;padding:8px 12px;font-weight:800}.debrief-screen{overflow:auto}.debrief-panel{gap:16px;width:min(1240px,100% - 32px);margin:18px auto;display:grid}.debrief-head{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.debrief-head h1{color:#fff;margin:0;font-size:56px;font-weight:950;line-height:.95}.debrief-head .step-progress{min-height:72px;padding:0}.print-report{display:none}.debrief-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.debrief-card{background:#080c12eb;border:2px solid #ffffff2e;border-radius:8px;min-width:0;overflow:hidden}.debrief-card-head{background:color-mix(in srgb, var(--debrief-accent,#b30016) 62%, #111827);grid-template-columns:54px 1fr;align-items:center;gap:12px;min-height:116px;padding:14px;display:grid}.debrief-card-head span{color:#fff;border:2px solid #ffffff94;border-radius:8px;place-items:center;width:54px;height:54px;font-size:30px;font-weight:950;display:grid}.debrief-card-head h2{color:#fff;margin:0;font-size:21px;font-weight:950;line-height:1.02}.debrief-m{--debrief-accent:#b30016}.debrief-a{--debrief-accent:#f6c945}.debrief-r{--debrief-accent:#2f7dff}.debrief-c{--debrief-accent:#20b36b}.debrief-h{--debrief-accent:#ec5fc8}.debrief-card dl{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr;margin:0;display:grid}.debrief-card dl div{justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.debrief-card dt,.debrief-section h3{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:950}.debrief-card dd{color:#fff;margin:0;font-weight:950}.debrief-section{padding:12px}.debrief-section h3{margin:0 0 8px}.debrief-section ul{color:#fff;margin:0;padding-left:18px;font-size:14px;font-weight:800;line-height:1.25}.checked-time{color:#93c5fd;white-space:nowrap}.debrief-section p{color:#cbd5e1;margin:0;font-size:14px;font-weight:800}.debrief-section.missed li{color:#ffb4bd}.debrief-mist{background:#080c12eb;border:2px solid #ffffff2e;border-radius:8px;gap:12px;padding:16px;display:grid}.debrief-mist-head{grid-template-columns:180px 1fr;align-items:start;gap:14px;display:grid}.debrief-mist h2{color:#fff;margin:0;font-size:46px;font-weight:950;line-height:.95}.debrief-mist-head p{color:#fff;background:#ffffff14;border-radius:8px;margin:0;padding:14px;font-size:18px;font-weight:850;line-height:1.3}.debrief-mist-times{flex-wrap:wrap;gap:8px;display:flex}.debrief-mist-times span{color:#fff;text-transform:uppercase;background:#b3001647;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:950}.debrief-mist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.debrief-mist-grid article{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;min-width:0;padding:12px}.debrief-mist-grid h3{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:950}.debrief-mist-grid ul{color:#fff;margin:0;padding-left:18px;font-size:14px;font-weight:800;line-height:1.3}.debrief-mist-grid p{color:#cbd5e1;margin:0;font-size:14px;font-weight:800}.export-panel{background:#0f766e2e;border:2px solid #ffffff2e;border-radius:8px;grid-template-columns:minmax(260px,1fr) minmax(220px,.55fr);gap:10px;padding:14px;display:grid}.export-panel label{color:#fff;letter-spacing:.04em;text-transform:uppercase;gap:8px;font-size:14px;font-weight:950;display:grid}.export-panel input{color:#111827;background:#f8fafc;border:2px solid #ffffff42;border-radius:8px;min-width:0;min-height:62px;padding:0 16px;font-size:22px;font-weight:850}.export-actions{grid-template-columns:1fr;align-items:end;gap:10px;display:grid}.export-actions button{color:#fff;cursor:pointer;text-transform:uppercase;background:#0f766e;border:0;border-radius:8px;min-height:62px;font-size:17px;font-weight:950}.debrief-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.debrief-actions button{color:#fff;cursor:pointer;text-transform:uppercase;background:#1f2937;border:0;border-radius:8px;min-height:76px;font-size:20px;font-weight:950}@media (width<=820px){.app{overflow:auto}.status-bar{grid-template-columns:1fr auto;gap:8px;min-height:50px;padding:0 66px 0 76px;font-size:12px}.status-bar span:nth-child(3){display:none}.status-bar time{font-size:20px}.start-panel,.settings-panel,.summary-panel{width:calc(100% - 24px);padding:24px 0}.start-panel h1,.settings-panel h1,.summary-panel h1{font-size:46px}.start-button{min-height:92px;font-size:28px}.mode-grid,.mist-fields,.mist-output,.mist-actions,.tile-grid,.zone-grid,.debrief-head,.debrief-grid,.debrief-mist-head,.debrief-mist-grid,.export-panel,.export-actions,.debrief-actions{grid-template-columns:1fr}.info-panel{width:calc(100% - 24px);margin:16px auto}.info-panel h1{font-size:48px}.info-lead{font-size:19px}.principle-list article{grid-template-columns:58px 1fr;gap:12px;min-height:92px;padding:14px}.principle-list span{width:52px;height:52px;font-size:28px}.principle-list h2{font-size:28px}.zone-card{min-height:0}.zone-card h2{font-size:34px}.step-progress{gap:7px;min-height:58px;padding:10px 12px}.progress-dot{font-size:25px}.step-card{margin:0 12px 8px}.step-hero{gap:14px;min-height:260px;padding:22px}.step-code{font-size:18px}.step-hero-main{grid-template-columns:.58fr 1.42fr;gap:12px}.step-letter{border-right-width:3px;min-height:140px;font-size:116px}.step-card h1{font-size:34px;line-height:.98}.bullet-list{gap:10px;padding:14px}.bullet-list li{gap:14px;min-height:72px;padding:12px 14px;font-size:23px}.check-row-button{gap:14px;min-height:72px;padding:12px 14px}.check-box{border-width:4px;width:34px;height:34px}.check-list li.checked .check-box:after{border-width:0 5px 5px 0;width:10px;height:19px;top:2px;left:8px}.action-bar{gap:8px;padding:0 12px 8px}.action-bar button{min-height:82px;padding:6px;font-size:17px}.mist-layout,.mist-actions{width:calc(100% - 24px)}.mist-head h1{font-size:42px}.cascard-reference{max-width:calc(100% - 24px)}.summary-output{font-size:24px}.debrief-panel{width:calc(100% - 24px)}.debrief-head h1{font-size:42px}.debrief-head .step-progress{min-height:58px}}@media print{.app{color:#111827;background:#fff;min-height:auto;display:block;overflow:visible}.status-bar,.hamburger-menu,.hamburger-button,.home-link,.footer-status,.debrief-actions,.export-actions,.debrief-grid,.debrief-mist,.export-panel{display:none!important}.debrief-panel{width:100%;margin:0}.debrief-head{display:block}.debrief-head h1,.debrief-mist h2,.debrief-mist-head p,.debrief-mist-grid ul,.debrief-mist-grid p,.debrief-card dd,.debrief-section ul,.debrief-section p{color:#111827}.debrief-head .step-progress{display:none}.print-report{color:#111827;display:block}.print-report h1,.print-report h2,.print-report h3,.print-report p,.print-report dt,.print-report dd,.print-report li{color:#111827}.print-report h1{margin:0 0 6px;font-size:24px}.print-report h2{border-bottom:1px solid #111827;margin:18px 0 8px;font-size:20px}.print-report h3{margin:10px 0 4px;font-size:14px}.print-report p,.print-report li,.print-report dt,.print-report dd{margin:0 0 4px;font-size:12px;line-height:1.35}.print-report dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.print-report dl div,.print-report article,.print-report section>div{break-inside:avoid}.print-report dt{text-transform:uppercase;font-weight:900}.print-report dd{margin-left:0}.print-report ul{margin:0 0 8px 18px;padding:0}}