@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:#112724;background:radial-gradient(circle at 0% 0%,#eefaf6,#e6f2f0 42%,#e8f2ff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;padding:.75rem 0}.app-shell{width:min(1340px,100%);margin:0 auto;padding:.75rem;display:grid;gap:.65rem}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:.65rem;align-items:start}.left-column{display:grid;gap:.65rem}.panel{background:linear-gradient(160deg,#f7faf7,#f1f8f8);border:1px solid #d2e6e0;border-radius:18px;box-shadow:0 6px 28px #103a3914}.panel-header{padding:.75rem .85rem .45rem}.panel-header h1{margin:0;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;letter-spacing:-.02em}.panel-header p{margin:.2rem 0 0;color:#42615b;font-size:.82rem}.chart-wrap{padding:.15rem .45rem .4rem}.compact-chart{padding-top:0}.chart-wrap svg{width:100%;height:auto;display:block}.chart-bg{fill:#fbfdfc}.grid-line{stroke:#d9ebe7;stroke-width:1}.axis-line{stroke:#315954;stroke-width:1.3}.axis-label{fill:#2a4742;font-size:11px;font-weight:500}.x-label{text-anchor:middle}.y-label{text-anchor:end}.axis-title{fill:#163532;font-size:12px;font-weight:700;letter-spacing:.03em}.curve-line{fill:none;stroke:var(--curve-color);stroke-width:2.3;opacity:.9}.component-line{fill:none;stroke:var(--curve-color);stroke-width:1.2;stroke-dasharray:4 4;opacity:.55}.combined-line{fill:none;stroke:#0b1413;stroke-width:3.2;opacity:.95}.activation-overlay{fill:none;stroke:#88939a;stroke-width:1.8;stroke-dasharray:5 5;opacity:.9}.band-regulated{fill:#4374ba33}.band-stabilised{fill:#4374ba1a}.band-dysregulated{fill:#4374ba0d}.band-label{fill:#274561;font-size:10px;font-weight:600;opacity:.88}.variability-band{fill:#2e5f9b1f}.combined-tag{fill:#101918;font-size:12px;font-weight:700}.legend-note{fill:#365550;font-size:10px;font-weight:600}.controls{padding:.65rem .75rem}.top-controls{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:.7rem;align-items:end}.compact-top-controls{gap:.45rem}.add-row label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#365550;margin-bottom:.25rem}.add-controls{display:grid;grid-template-columns:1fr auto;gap:.5rem}.add-controls select,.add-controls button,.slider-row input{width:100%}.add-controls select{padding:.48rem .5rem;border-radius:10px;border:1px solid #bfd8d3;background:#fff;font:inherit}.add-controls button,.remove-btn{border:0;border-radius:10px;background:#0f7a67;color:#fff;font:inherit;font-weight:700;cursor:pointer}.add-controls button{padding:.48rem .65rem}.mode-block label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#365550;margin-bottom:.25rem}.mode-block select{width:100%;padding:.48rem .5rem;border-radius:10px;border:1px solid #bfd8d3;background:#fff;font:inherit}.score-card{border:1px solid #c7dfda;background:#eef7f4;border-radius:12px;padding:.45rem .55rem}.score-label{font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:#3f625c;font-weight:700}.score-value{margin-top:.1rem;font-size:1.1rem;font-weight:700;color:#123e39}.score-hint{margin-top:.1rem;font-size:.66rem;color:#42645f}.quick-actions{margin-top:.45rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.ghost-btn{border:1px solid #a6cfc7;background:#f6fffc;color:#1e4d46;border-radius:10px;padding:.35rem .5rem;font:inherit;font-weight:600;cursor:pointer;font-size:.8rem}.overlay-toggle{display:inline-flex;gap:.45rem;align-items:center;font-size:.82rem;color:#2e4f49}.advanced-panel{margin-top:.85rem;border:1px solid #cfe2de;border-radius:12px;background:#f9fdfc;padding:.4rem .65rem .7rem}.advanced-panel>summary{cursor:pointer;font-size:.84rem;font-weight:700;color:#234c46;padding:.3rem 0}.advanced-grid{margin-top:.45rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem .8rem}.advanced-grid label{display:grid;gap:.35rem;font-size:.78rem;color:#2e4f49;font-weight:600}.advanced-grid input[type=range]{width:100%}.checkbox-row{display:inline-flex;align-items:center;gap:.45rem;align-self:center}.medication-list{list-style:none;margin:.55rem 0 0;padding:0;display:grid;gap:.6rem}.tight-dose-list{max-height:340px;overflow:auto;padding-right:.2rem}.medication-row,.empty-row{border:1px solid #d2e6e0;border-radius:12px;background:#fbfefe;padding:.5rem .55rem}.compact-row{padding:.42rem .52rem}.empty-row{color:#476660;text-align:center}.medication-row-head{display:flex;justify-content:space-between;align-items:center;gap:.55rem}.medication-name{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:#1e3c38}.swatch{width:11px;height:11px;border-radius:999px;border:1px solid rgba(0,0,0,.15)}.remove-btn{width:28px;height:28px;line-height:28px;border-radius:999px;background:#a8324a;padding:0}.slider-row{margin-top:.32rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem}.time-pill{min-width:56px;text-align:center;font-size:.75rem;font-weight:700;color:#1c4a44;background:#e6f4ef;border:1px solid #c6e2da;border-radius:999px;padding:.2rem .36rem}.duration-note{margin-top:.24rem;font-size:.7rem;color:#4a6b65}.advanced-side{padding:0 .6rem .55rem;position:sticky;top:.55rem}.vertical-advanced{grid-template-columns:1fr;gap:.4rem;margin-top:.2rem}.vertical-advanced label{font-size:.73rem;gap:.2rem}.range-key{margin-top:.55rem;border-top:1px solid #d4e6e2;padding-top:.45rem}.range-key-title{font-size:.8rem;font-weight:700;color:#234c46;margin-bottom:.25rem}.range-key-head,.range-key-row{display:grid;grid-template-columns:80px 90px 1fr;gap:.35rem}.range-key-head{font-size:.68rem;font-weight:700;color:#3d5f5a;margin-bottom:.2rem}.range-key-row{font-size:.68rem;color:#355651;margin-bottom:.16rem;line-height:1.25}.source-note{color:#3d5d57;font-size:.87rem;padding:0 .2rem}.add-controls select{padding:.45rem .5rem;border-radius:8px;border:1px solid #bfd8d3;background:#fff;font:inherit}@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr}.advanced-side{position:static}}@media(max-width:760px){.app-shell{padding:.65rem}.chart-wrap{padding:.2rem .25rem .85rem}.add-controls,.top-controls,.advanced-grid,.slider-row{grid-template-columns:1fr}.time-pill{justify-self:start}}.track-shell{max-width:980px;margin:0 auto;padding:.5rem;display:grid;gap:.75rem}.track-header{background:#0f2f35;color:#f1fbff;border-radius:.8rem;padding:.9rem}.track-header h1{margin:0;font-size:1.45rem}.track-header p{margin:.35rem 0 .55rem;opacity:.92}.nav-link{color:#e6f9ff}.track-panel{background:#f5faf8;border:1px solid #d6e6e0;border-radius:.8rem;padding:.85rem}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.panel-title-row h2{margin:0;font-size:1.05rem}.hint{font-size:.82rem;color:#385b61}.quick-note{margin:.45rem 0 .55rem;font-size:.88rem;color:#385b61}.slider-stack{display:grid;gap:.5rem}.slider-card{background:#ebf4ef;border:1px solid #d6e4dd;border-radius:.6rem;padding:.55rem}.slider-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.35rem}.slider-title{font-size:.88rem;font-weight:700;color:#18322f}.slider-subtitle{font-size:.78rem;color:#567371}.slider-state{display:flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;color:#13393f;background:#f7fdff;border:1px solid #bfd6d7;border-radius:.5rem;padding:.25rem .4rem}.slider-emoji{font-size:1.1rem}.slider-value{color:#31565b;font-weight:600}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.55rem}.mode-btn{height:2.2rem;background:#e6efec;color:#1d3941;border:1px solid #b9cbc7}.mode-btn.active{background:#1f565d;color:#e8ffff;border-color:#1f565d}.vibe-grid-shell{position:relative;width:100%;max-width:540px;margin:0 auto;border:1px solid #b7cccb;border-radius:.7rem;overflow:hidden}.vibe-grid-with-axis{display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:.45rem}.vibe-axis-x{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#2f5257;margin:.2rem 0 .35rem}.vibe-axis-y{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.75rem;color:#2f5257;align-self:center;text-align:center}.vibe-axis-y-low{font-size:.78rem;color:#2f5257;text-align:center;margin-top:.25rem}.vibe-image{width:100%;display:block}.vibe-grid-overlay{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr)}.vibe-cell{width:100%;height:100%;border-radius:0;border:1px solid rgba(255,255,255,.15);background:#fff0;min-height:2rem}.vibe-cell:active{background:#ffffff40}.vibe-cell.predicted{background:#ffffff14;border:2px solid #ffffff;box-shadow:inset 0 0 0 2px #11353a}.vibe-legend{margin-top:.55rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.vibe-legend-item{background:#ebf4ef;border:1px solid #d6e4dd;border-radius:.45rem;padding:.35rem .45rem;font-size:.78rem;color:#2c4a4f;display:grid;gap:.1rem}.vibe-modal-backdrop{position:fixed;inset:0;background:#09121473;display:grid;place-items:center;padding:1rem;z-index:20}.vibe-modal{width:min(92vw,420px);background:#f6fbfa;border:1px solid #c8d8d2;border-radius:.8rem;padding:.8rem}.vibe-modal h3{margin:0}.vibe-modal-choice{margin:.4rem 0 .2rem;font-weight:700;color:#16353a}.vibe-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem}.stimulus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.stimulus-btn{min-height:2.6rem;height:auto;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.35rem;padding:.35rem .45rem;border:1px solid #b8cbcc;background:#f7fdff;color:#1d3941;border-radius:.5rem;text-align:left;white-space:normal;line-height:1.2}.stimulus-btn.selected{border-color:#13393f;background:#d7ecf1}.log-row{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:.65rem}.stack-list{display:grid;gap:.6rem;margin:.6rem 0}.stack-row{display:grid;gap:.55rem;padding:.55rem;border-radius:.6rem;background:#ebf4ef;border:1px solid #d6e4dd}label{font-size:.88rem;color:#18322f;display:grid;gap:.26rem}input,select,button{font:inherit}input[type=text],input[type=datetime-local],select{height:2.35rem;border-radius:.5rem;border:1px solid #bfd2cb;padding:.25rem .55rem;background:#fff}input[type=range]{width:100%}button{height:2.4rem;border:1px solid #1d4348;border-radius:.55rem;background:#1f565d;color:#e8ffff;font-weight:700}.add-btn,.remove-btn,.ghost{height:2rem;font-size:.82rem;padding:0 .55rem}.add-btn{background:#ecf7fd;color:#154256;border-color:#8bb2c3}.remove-btn,.ghost{background:#fff;color:#364d52;border-color:#b7c7ca}.recent-list{margin:.5rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}.empty{margin:.5rem 0 0;color:#4b6663}.mini-chart-wrap{margin-top:.55rem;border:1px solid #d7e3dc;border-radius:.6rem;overflow:hidden}.mini-chart-wrap svg{width:100%;height:auto;display:block}.mini-chart-bg{fill:#f8fcfa}.mini-band-regulated{fill:#67b87e2e}.mini-band-stabilised{fill:#e8cd6e2e}.mini-band-dysregulated{fill:#e286862e}.mini-grid{stroke:#d7e2dd;stroke-width:1}.mini-axis{font-size:10px;fill:#5b7370}.mini-axis.x{text-anchor:middle}.mini-axis.y{text-anchor:end}.mini-activation{fill:none;stroke:#9aa8ad;stroke-width:1.6;stroke-dasharray:4 3}.mini-regulation{fill:none;stroke:#183f45;stroke-width:2.6}.mini-adjusted{fill:none;stroke:#c26b1a;stroke-width:2.2}.mini-now-line{stroke:#1f565d;stroke-width:1.6;stroke-dasharray:3 4}.mini-now-label{font-size:10px;fill:#1f565d;text-anchor:middle;font-weight:700}@media(min-width:820px){.track-shell{padding:.85rem}.stimulus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.log-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.vibe-grid-shell{max-width:620px}}