:root{--bg: #0f1117;--panel: #161924;--text: #e6e8ef;--muted: #9aa0b4;--border: #262a36;--field-bg: #1d212e;--c-past: #3a3f52;--c-sleep: #5b6cff;--c-work: #ff7a5b;--c-selfCare: #ffd25b;--c-commute: #5bd1ff;--c-extras: #b45bff;--c-free: #37e6a0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:stretch;padding:0;border-bottom:.0625rem solid var(--border)}.app-header__brand{display:flex;align-items:baseline;gap:.75rem;padding:1rem 1.5rem}.app-header__logo{font-size:1.15rem;font-weight:700}.app-header__tagline{color:var(--muted);font-size:.9rem}.sources{display:flex;align-items:center;gap:1rem;padding:0 1.5rem;background:#232838;border-left:.0625rem solid var(--border)}.source-badge{position:relative;display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted);cursor:help;outline:none}.source-badge__name{letter-spacing:.02em}.dot{width:.625rem;height:.625rem;border-radius:.125rem;background:var(--muted);flex:none}.dot--ok{background:#37e6a0}.dot--fail{background:#ff5b6b}.dot--loading{background:#ffd25b;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.source-badge .tooltip{top:calc(100% + .5rem);bottom:auto;left:0;right:auto;transform:none}.source-badge:hover .tooltip,.source-badge:focus .tooltip,.source-badge:focus-within .tooltip{opacity:1;visibility:visible}.layout{display:grid;grid-template-columns:minmax(auto,25%) 1fr;flex:1}.panel{padding:1.5rem}.panel--form{border-right:.0625rem solid var(--border);background:var(--panel)}.panel__title{margin:0 0 1.25rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label,.field legend{font-size:.85rem;color:var(--muted)}.field__head{display:flex;align-items:center;justify-content:space-between}.field--group{border:.0625rem solid var(--border);border-radius:.5rem;padding:.6rem .8rem;margin:0}.field--inline{display:flex;align-items:center;gap:.5rem}.field--inline input{width:4.5rem}input,select{background:var(--field-bg);border:.0625rem solid var(--border);border-radius:.5rem;color:var(--text);padding:.5rem .6rem;font-size:.95rem;width:100%}input:focus,select:focus{outline:.125rem solid var(--c-free);outline-offset:.0625rem}.btn{cursor:pointer;border-radius:.5rem;border:.0625rem solid var(--border);background:var(--field-bg);color:var(--text);padding:.3rem .6rem;font-size:.85rem}.btn--ghost{background:transparent}.commitments{display:flex;flex-direction:column;gap:.6rem}#addCommitment{width:100%;padding:.5rem}.commitments:empty{display:none}.commitment{border:.0625rem solid var(--border);border-radius:.5rem;padding:.6rem .7rem;background:var(--field-bg);display:flex;flex-direction:column;gap:.5rem}.commitment__head{display:flex;align-items:center;gap:.4rem}.commitment__label{font-weight:600}.commitment__remove{flex:none;padding:.25rem .5rem;line-height:1}.commitment__grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .5rem}.commitment__grid label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--muted)}.commitment__grid input{font-size:.85rem;padding:.35rem .45rem}.pick{display:block}.pick .dp--main{width:100%}.field--color{display:flex;align-items:center;gap:.5rem}.field--color input[type=number]{flex:1}.pick--swatch{flex:none}.color-row{display:flex;gap:1rem;flex-wrap:wrap}.color-row__item{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.io{display:flex;gap:.5rem;margin-top:.5rem}.io .btn{flex:1;padding:.5rem}.hint{margin-top:1.5rem;font-size:.8rem;color:var(--muted)}.summary{color:var(--muted);font-size:.9rem;margin:0 0 .5rem}.tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);width:max-content;max-width:20rem;padding:.6rem .75rem;border-radius:.5rem;background:#0b0d13;border:.0625rem solid var(--border);color:var(--text);font-size:.8rem;line-height:1.5;text-align:left;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:10;box-shadow:0 .5rem 1.5rem #0006}.form:has(:disabled){opacity:.55}input:disabled,select:disabled,button:disabled{cursor:progress}.chart{position:relative;width:100%;margin-bottom:1.5rem}.chart svg{width:100%;height:auto;max-height:30vh;border-radius:.625rem;overflow:hidden;display:block}.chart svg rect{cursor:pointer}.bar-tip{position:absolute;top:0;left:0;transform:translate(-50%,-130%);padding:.3rem .55rem;border-radius:.4rem;background:#0b0d13;border:.0625rem solid var(--border);color:var(--text);font-size:.8rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s ease;z-index:5;box-shadow:0 .5rem 1.5rem #0006}.bar-tip--show{opacity:1;visibility:visible}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-width:30rem}.legend__item{display:grid;grid-template-columns:1rem 1fr auto;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:.5rem}.legend__item--free{background:#37e6a014;border:.0625rem solid rgba(55,230,160,.35);font-weight:600}.legend__swatch{width:1rem;height:1rem;border-radius:.25rem}.legend__value{color:var(--muted);font-variant-numeric:tabular-nums}.legend__item--free .legend__value{color:var(--text)}.legend__value em{font-style:normal;opacity:.7}@media(max-width:48.75em){.layout{grid-template-columns:1fr}.panel--form{border-right:none;border-bottom:.0625rem solid var(--border)}}