:root{--bg: #1a1f2b;--panel: #20283a;--line: #34405a;--ink: #cfe0d4;--muted: #6f7d8c;--amber: #e8a23d;--leaf-lt: #7fc24a;--leaf: #57a23a;--leaf-dk: #3c7a2c;--sprout: #9bd64f;--stem: #8a9a3e;--flower: #e8c547;--fruit: #e0463a;--pot: #c97b3c;--soil: #7a5230}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:IBM Plex Mono,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.45;display:flex;justify-content:center;padding:24px 16px 48px}#app{width:100%;max-width:560px}.frame{border:1px solid var(--line);background:var(--panel)}header.title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}header.title h1{font-size:15px;letter-spacing:3px;margin:0;color:var(--ink);font-weight:600}header.title .sub{color:var(--muted);font-size:12px}.stage{padding:18px 8px 8px;display:flex;justify-content:center}pre.plant{margin:0;font:inherit;line-height:1.15;font-size:18px;letter-spacing:1px;white-space:pre;text-shadow:0 0 8px rgba(0,0,0,.4)}.g-leaf-lt{color:var(--leaf-lt)}.g-leaf{color:var(--leaf)}.g-leaf-dk{color:var(--leaf-dk)}.g-sprout{color:var(--sprout)}.g-stem{color:var(--stem)}.g-flower{color:var(--flower)}.g-fruit{color:var(--fruit)}.g-pot{color:var(--pot)}.g-soil{color:var(--soil)}.wilting pre.plant{filter:grayscale(.55) brightness(.85) sepia(.25)}.dead pre.plant{filter:grayscale(.85) brightness(.7)}.stage-wrap{position:relative}.stage-wrap.watering{animation:water-pulse .7s ease-out infinite alternate}@keyframes water-pulse{0%{box-shadow:inset 0 -10px 18px -16px #60a5e633}to{box-shadow:inset 0 -48px 36px -22px #60a5e680}}.statusbar{margin-top:16px;padding:14px 16px 16px;position:relative}.statusbar .label{position:absolute;top:-9px;left:14px;background:var(--panel);padding:0 8px;color:var(--amber);font-size:12px;letter-spacing:2px;font-weight:600}.statusbar .status-line{color:var(--ink);margin:0 0 12px}.statusbar .status-line .word{color:var(--amber)}.sensors{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.sensor{font-size:12px}.sensor .row{display:flex;justify-content:space-between;color:var(--muted)}.sensor .row b{color:var(--ink);font-weight:600}.meter{height:6px;background:#11151e;border:1px solid var(--line);margin-top:3px}.meter>span{display:block;height:100%;background:var(--leaf)}.meter.warn>span{background:var(--amber)}.meter.bad>span{background:var(--fruit)}.controls{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}button.ctl{font:inherit;font-size:13px;letter-spacing:1px;color:var(--ink);background:#18202f;border:1px solid var(--line);padding:10px 12px;cursor:pointer;text-align:left;transition:background .1s,border-color .1s}button.ctl:hover:not(:disabled){background:#222c40;border-color:var(--amber)}button.ctl:disabled{opacity:.4;cursor:not-allowed}button.ctl.on{border-color:var(--amber);color:var(--amber)}button.ctl .k{color:var(--muted);font-size:11px;display:block}footer.note{margin-top:18px;color:var(--muted);font-size:11px;text-align:center;line-height:1.6}footer.note a{color:var(--amber);text-decoration:none}