:root{color-scheme:dark;--bg:#141414;--panel:#1d1f21;--raised:#242629;--line:#383b40;--text:#e6e1dc;--muted:#88847f;--purple:#c397d8;--cyan:#70c0b1;--orange:#f78c6c;--green:#b5bd68;--yellow:#e6c547;--red:#cc6666;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#0e0e0e;font-size:14px}.app-shell{width:min(100%,760px);min-height:100vh;margin:auto;padding:0 18px 64px;background:var(--bg);box-shadow:0 0 60px #0008}.titlebar{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;height:48px;margin:0 -18px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--muted);background:#191919;font-size:11px;text-align:center}.window-dots{display:flex;gap:6px}.window-dots i{width:9px;height:9px;border-radius:50%;background:var(--red)}.window-dots i:nth-child(2){background:#de935f}.window-dots i:nth-child(3){background:var(--green)}.title-icon{justify-self:end;color:var(--purple)}.prompt-block{padding:clamp(42px,9vw,70px) 4px 24px}.path{margin:0 0 12px;color:var(--cyan);font-size:11px}.path:before{content:"$ ";color:var(--green)}h1{margin:0 0 10px;font-size:clamp(1.75rem,7vw,2.7rem);line-height:1.15;letter-spacing:-.045em}.prompt{color:var(--purple)}.comment,.muted{color:var(--muted)}.comment{margin:0;font-size:11px}.panel{margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:var(--panel)}.panel-header{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 12px;border-bottom:1px solid var(--line);color:#a09b96;background:var(--raised);font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.range-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:14px}label{display:grid;gap:6px;color:var(--muted);font-size:9px}input,button{min-height:44px;padding:10px;border-radius:3px;font:inherit}input{width:100%;border:1px solid var(--line);color:var(--text);background:var(--bg)}button{border:1px solid var(--purple);color:var(--purple);background:#211d25;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.status-grid div{padding:15px 10px;border-right:1px solid var(--line);text-align:center}.status-grid div:last-child{border:0}.status-grid dt{margin-bottom:6px;color:var(--muted);font-size:9px}.status-grid dd{margin:0;color:var(--yellow);font-size:13px}.console-line{margin:0;padding:10px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.console-line span{color:var(--cyan)}.day .panel-header span:last-child{color:var(--yellow)}.meal{padding:12px;border-bottom:1px solid var(--line)}.meal:last-child{border:0}.meal h3{margin:0 0 6px;color:var(--orange);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.food-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:9px 0;border-bottom:1px dashed #303236}.food-row:last-child{border:0}.food-copy,.food-nutrition{display:grid;gap:4px;min-width:0}.food-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.food-copy small,.food-nutrition small{color:var(--muted);font-size:9px}.food-nutrition{text-align:right}.food-nutrition strong{color:var(--yellow);font-size:11px}.empty,.error{margin:0;padding:16px 12px;color:var(--muted);font-size:10px}.error{margin-top:16px;border:1px solid var(--red);color:var(--red);background:#251919}.api-copy{padding:8px 12px}.api-copy p{margin:8px 0;overflow-wrap:anywhere;font-size:10px}.api-copy b{color:var(--green)}code{color:var(--cyan)}.statusbar{position:fixed;inset:auto 0 0;display:flex;gap:18px;max-width:760px;height:28px;margin:auto;padding:7px 14px;border-top:1px solid #44635d;color:#b9d5cf;background:#254641;font-size:9px}.statusbar span:first-child{margin-right:auto;color:var(--yellow)}.statusbar .ok{color:#d5e8ad}.statusbar .error{color:#f2aaaa}@media(max-width:560px){.range-fields{grid-template-columns:1fr 1fr}.range-fields button{grid-column:1/-1}}@media(max-width:390px){.app-shell{padding-right:12px;padding-left:12px}.titlebar{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.food-row{gap:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
