:root{color:#f4f1e6;background:#070807;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel:rgba(18,20,18,.8);--panel-strong:rgba(28,31,27,.92);--line:rgba(244,241,230,.14);--text-soft:rgba(244,241,230,.68);--teal:#2dd4bf;--lime:#d9fb7d;--amber:#f6c453;--coral:#ff6b6b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,select,input{font:inherit}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 62% 28%,rgba(45,212,191,.07),transparent 30%),linear-gradient(180deg,#090a08,#060705)}.scene-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.left-rail,.right-rail{position:absolute;z-index:4;pointer-events:none}.pill-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.mobile-desktop-note{display:none}.left-rail{left:18px;top:18px;width:min(330px,calc(100vw - 36px))}.right-rail{right:18px;top:18px;width:min(310px,calc(100vw - 36px));display:grid;gap:12px}.panel,.scenario-pill{pointer-events:auto;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff09,#ffffff03),var(--panel)}.brand-block{display:grid;gap:3px;margin-bottom:14px}.brand-block h1{margin:0;max-width:15ch;font-size:1.36rem;line-height:1.05;letter-spacing:0}.panel-kicker{color:var(--teal);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.transport-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.icon-button{min-height:40px;border:1px solid var(--line);border-radius:7px;color:#f6f2e7;background:#ffffff0e;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button:hover{transform:translateY(-1px);border-color:#d9fb7d80;background:#ffffff17}.icon-button.primary{color:#10120e;border-color:#d9fb7d8c;background:linear-gradient(180deg,#d9fb7d,#aeea63)}.field{display:grid;gap:7px;margin-top:12px}.field>span{color:var(--text-soft);font-size:.78rem;font-weight:700}.field select{width:100%;height:38px;border:1px solid var(--line);border-radius:7px;color:#f4f1e6;background:var(--panel-strong);padding:0 10px;outline:0}.slider-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.slider-field strong{color:#f4f1e6;font-size:.78rem}input[type=range]{accent-color:var(--teal);width:100%}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.toggle{min-height:38px;border:1px solid var(--line);border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:8px;color:var(--text-soft);background:#ffffff0b}.toggle input{accent-color:var(--amber)}.seed-row{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:9px}.seed-row>span{min-width:0;overflow:hidden;color:var(--text-soft);font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.seed-row .icon-button{min-height:36px;font-size:.83rem}.panel-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title-row strong{color:#f8f2e7}.scenario-pill{border-radius:999px;padding:8px 12px;color:#11130f;font-size:.76rem;font-weight:800;background:linear-gradient(180deg,#f6c453,#ef9b4f)}.scenario-pill.secondary{color:#06110f;background:linear-gradient(180deg,#7df8ec,#31d1bd)}.scenario-pill.topology-pill{color:#10120e;background:linear-gradient(180deg,#d9fb7d,#9eea6a)}.scenario-pill.workload-pill{color:#10120e;background:linear-gradient(180deg,#bba7ff,#8f78f7)}.timeline-toggle,.icon-only{pointer-events:auto;border:1px solid var(--line);color:#f4f1e6;cursor:pointer;background:#121412d6}.timeline-toggle{min-height:36px;border-radius:999px;padding:0 11px;display:inline-flex;align-items:center;gap:6px}.icon-only{width:32px;height:32px;border-radius:7px;display:inline-grid;place-items:center}.pill-help{position:relative;pointer-events:auto}.pill-help [role=tooltip]{position:absolute;top:calc(100%+8px);right:0;z-index:8;width:min(300px,calc(100vw - 36px));border:1px solid rgba(244,241,230,.18);border-radius:8px;padding:10px 11px;color:var(--text-soft);opacity:0;transform:translateY(-4px);pointer-events:none;background:#101210f5;box-shadow:0 18px 60px #0000005c;font-size:.75rem;line-height:1.35;transition:opacity .14s ease,transform .14s ease}.pill-help:hover [role=tooltip],.pill-help:focus-within [role=tooltip]{opacity:1;transform:translateY(0)}.model-help{position:relative;pointer-events:auto}.model-help button{min-height:36px;border:1px solid var(--line);border-radius:999px;padding:0 11px;color:#f4f1e6;display:inline-flex;align-items:center;gap:6px;cursor:help;background:#121412d6}
.model-help [role=tooltip]{position:absolute;top:calc(100%+8px);right:0;z-index:8;width:min(360px,calc(100vw - 36px));border:1px solid rgba(244,241,230,.18);border-radius:8px;padding:12px;color:var(--text-soft);text-align:left;opacity:0;transform:translateY(-4px);pointer-events:none;background:#101210f5;box-shadow:0 18px 60px #0000005c;transition:opacity .14s ease,transform .14s ease}.model-help:hover [role=tooltip],.model-help:focus-within [role=tooltip]{opacity:1;transform:translateY(0)}.model-help strong{display:block;color:#f4f1e6;font-size:.76rem}.model-help p{margin:3px 0 9px;font-size:.76rem;line-height:1.35}.model-help p:last-child{margin-bottom:0}.assumptions-panel{padding:14px}.assumptions-panel .panel-title-row{margin-bottom:8px}.assumptions-panel ul{margin:0;padding-left:16px;display:grid;gap:5px;color:var(--text-soft);font-size:.74rem;line-height:1.32}.timeline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;padding:18px;display:grid;place-items:end center;pointer-events:auto;background:#00000057}.timeline-panel{width:min(760px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 36px));overflow:hidden}.timeline-list{display:grid;gap:8px;max-height:460px;overflow:auto;padding-right:4px}.timeline-event{border:1px solid rgba(244,241,230,.11);border-radius:7px;padding:9px 10px;display:grid;grid-template-columns:56px 130px 1fr;align-items:baseline;gap:10px;background:#ffffff0b}.timeline-event span{color:var(--teal);font-size:.72rem;font-weight:900}.timeline-event strong{color:#f4f1e6;font-size:.78rem}.timeline-event p{margin:0;color:var(--text-soft);font-size:.76rem}.timeline-event.warn{border-color:#f6c45342}.timeline-event.danger{border-color:#ff6b6b57;background:#ff6b6b13}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{min-height:62px;border:1px solid rgba(244,241,230,.1);border-radius:7px;padding:9px 10px;display:grid;align-content:center;gap:2px;background:#ffffff0b}.metric span{color:var(--text-soft);font-size:.72rem;font-weight:700}.metric strong{font-size:1.1rem;line-height:1}.metric.warm strong{color:var(--amber)}.metric.hot strong{color:var(--coral)}.freeze-alert{pointer-events:auto;border:1px solid rgba(255,79,120,.52);border-radius:8px;padding:10px 12px;color:#fff2f5;font-size:.78rem;font-weight:950;text-align:center;text-transform:uppercase;letter-spacing:.09em;background:linear-gradient(90deg,#ff174457,#f6c4532e),#121412e6;box-shadow:0 0 28px #ff174438}.freeze-control-panel{display:grid;gap:10px}.freeze-control-panel .panel-title-row{margin-bottom:0}.freeze-force-toggle{min-height:42px}.reps-panel{max-height:min(420px,calc(100vh - 230px));overflow:hidden}.empty-state{border:1px dashed rgba(244,241,230,.18);border-radius:7px;padding:14px;color:var(--text-soft);font-size:.86rem}.reps-slot-list{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:4px}.reps-slot{border:1px solid rgba(244,241,230,.11);border-radius:7px;padding:9px;display:grid;gap:7px;background:#ffffff0b}.slot-main{display:grid;grid-template-columns:36px 1fr 44px;align-items:center;gap:8px;font-size:.75rem}.slot-main span,.slot-main em{color:var(--text-soft);font-style:normal}.slot-main strong{min-width:0;overflow:hidden;color:#f4f1e6;text-overflow:ellipsis;white-space:nowrap}.plb-slot-main{grid-template-columns:36px 1fr 52px}.plb-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.plb-mini-grid span{border:1px solid rgba(244,241,230,.1);border-radius:6px;padding:4px 5px;color:#f4f1e6b8;background:#0000002e;font-size:.68rem;font-weight:800;text-align:center}.freeze-banner{border:1px solid rgba(255,79,120,.45);border-radius:7px;padding:8px 10px;color:#fff0f4;background:#ff4f7829;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.adaptive-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.adaptive-summary div{border:1px solid rgba(244,241,230,.1);border-radius:7px;padding:8px;display:grid;gap:1px;background:#ffffff0b}.adaptive-summary strong{color:#f4f1e6;font-size:1rem;line-height:1}.adaptive-summary span{color:var(--text-soft);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.decision-card{border:1px solid rgba(45,212,191,.22);border-radius:7px;padding:9px;display:grid;gap:3px;background:#2dd4bf12}.decision-card span{color:var(--teal);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.decision-card strong{color:#f4f1e6;font-size:.8rem}.decision-card em,.decision-card small{color:var(--text-soft);font-size:.72rem;font-style:normal}.flow-stat-list{display:grid;gap:7px}.flow-stat{border:1px solid rgba(244,241,230,.1);border-radius:7px;padding:8px;display:grid;gap:7px;background:#ffffff0a}.flow-stat-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.flow-stat-title strong{color:#f4f1e6;font-size:.78rem}.flow-stat-title span{color:var(--teal);font-size:.68rem;font-weight:800}.flow-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.flow-stat-grid span{border-radius:5px;padding:4px 5px;color:#f4f1e6c2;background:#0000002e;font-size:.66rem;font-weight:800}.slot-health{height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.slot-health span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--amber),var(--teal))}.slot-status{width:fit-content;border-radius:999px;padding:2px 7px;color:#f4f1e6c2;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#ffffff12}.slot-status.cached{color:#10120e;background:var(--teal)}.slot-status.forced,.slot-status.frozen,.slot-status.rto-damped{color:#10120e;background:var(--coral)}.slot-status.idle-wait{color:#10120e;background:var(--amber)}.slot-status.stable{color:#10120e;background:var(--lime)}@media(max-width:920px){body{overflow:auto}.app-shell{min-height:100vh;height:auto}.scene-wrap{position:relative;height:52vh;min-height:360px;margin-top:58px}.mobile-desktop-note{position:fixed;left:12px;right:12px;top:10px;z-index:20;border:1px solid rgba(246,196,83,.35);border-radius:8px;padding:10px 12px;display:block;color:#fff7d6;background:#121412f0;font-size:.82rem;font-weight:800;text-align:center}.left-rail,.right-rail{position:relative;left:auto;right:auto;top:auto;width:auto;margin:12px}.right-rail{padding-bottom:12px}.scenario-pill{justify-self:auto}.pill-row{justify-content:flex-start}.model-help [role=tooltip],.pill-help [role=tooltip]{right:auto;left:0}.timeline-overlay{align-items:end;padding:10px}.timeline-panel{width:100%;max-height:calc(100vh - 84px)}.timeline-event{grid-template-columns:50px 1fr}.timeline-event p{grid-column:1 / -1}}