:root{color-scheme:dark;--bg:#0a2022;--panel:#102b2c;--line:#31504c;--cream:#f1e9d2;--muted:#a5bab0;--gold:#d9bf83;--green:#c1d8a3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 16% 5%,#24433a88,transparent 50%),var(--bg);color:var(--cream);font-family:Georgia,'Times New Roman',serif}button,select{font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button{border:1px solid var(--line);background:transparent;color:var(--cream);border-radius:6px;min-height:38px;padding:9px 13px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#d9bf8314;border-color:var(--gold)}button:disabled{opacity:.38;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:var(--gold)}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;z-index:20;background:var(--bg);padding:10px}main{max-width:1460px;margin:auto;padding:0 48px}header{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font:11px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2px}.brand small{display:block;letter-spacing:1px;color:var(--muted);font:italic 12px Georgia;margin-top:7px}.sigil{font-size:40px;color:var(--gold);font-family:Georgia}.header-actions{display:flex;align-items:center;gap:24px}.offline{color:var(--muted);font:11px -apple-system,sans-serif}.intro{padding:38px 0 32px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{font:10px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2px;color:var(--gold);margin:0 0 13px}h1{font-size:clamp(36px,4vw,55px);font-weight:400;line-height:1.04;letter-spacing:-1.8px;margin:0}h1 em{font-weight:400;color:var(--green)}.lede{font-size:14px;line-height:1.65;color:var(--muted);margin:15px 0 0}.chapter{width:315px;padding-bottom:4px}.chapter label{display:flex;justify-content:space-between;font:9px -apple-system,sans-serif;letter-spacing:1.5px;color:var(--gold);margin-bottom:12px}.chapter label span{letter-spacing:.3px;color:var(--muted)}select{background:var(--panel);border:1px solid var(--line);color:var(--cream);border-radius:6px;width:100%;padding:13px;font-size:13px}.chapter p{color:var(--muted);font:11px -apple-system,sans-serif;margin-bottom:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px}.workspace{border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#24413b70,#0e282933);overflow:hidden;align-self:start}.bench-head{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 18px;gap:15px}h2{font-size:25px;font-weight:400;letter-spacing:-.6px;line-height:1.16;margin:0}.bench-head .eyebrow{font-size:9px;margin-bottom:8px}.meters{display:flex;gap:25px;align-items:start}.meters>div{min-width:100px}.meters span{font:8px -apple-system,sans-serif;letter-spacing:1.1px;color:var(--muted);display:block}.meters strong{font:23px Georgia;display:block;margin:6px 0}.meters small{font:9px -apple-system,sans-serif;display:block;color:var(--muted)}.meter{display:flex;gap:3px;flex-wrap:wrap;max-width:150px}.meter i{height:4px;width:8px;background:var(--line);border-radius:2px}.meter i.used{background:var(--gold)}.over{color:#efaa93!important}.meter.over i.used{background:#efaa93}.goals{margin:0 24px 18px;border:1px solid #d9bf8330;background:#d9bf8308;padding:13px 15px;border-radius:6px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:11px -apple-system,sans-serif}.goals .request{font-size:9px;letter-spacing:1px;color:var(--gold)}.goal{padding:5px 7px;background:#efaa9310;border-radius:4px;color:#edb7a5}.goal.met{color:var(--green);background:#c1d8a310}.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 24px 22px}.plant{position:relative;min-width:0;background:#082425;border:1px solid #34524b;border-radius:8px;overflow:hidden;transition:border-color .18s,transform .18s}.plant.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.plant.nudged{box-shadow:0 0 0 2px var(--green)}.plant img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;object-position:center 48%;transition:filter .2s,opacity .2s}.plant.is-seed img{filter:saturate(.55);opacity:.75}.plant.is-forget img{filter:grayscale(1);opacity:.23}.plant.unavailable img{filter:grayscale(.8);opacity:.22}.plant .image-wrap{position:relative}.plant .badge{position:absolute;top:9px;left:9px;color:var(--cream);font:9px -apple-system,sans-serif;letter-spacing:.7px;background:#072224dc;border:1px solid #57746466;padding:5px 6px;border-radius:4px}.plant .badge.new{color:var(--gold)}.plant .number{position:absolute;right:10px;top:10px;font:10px -apple-system,sans-serif;opacity:.65}.plant-body{padding:11px}.plant h3{font-size:16px;font-weight:400;margin:0 0 6px}.plant .needs{font:10px -apple-system,sans-serif;line-height:1.5;color:var(--muted);min-height:30px;margin:0 0 9px}.plant .needs.invalid{color:#efaa93}.choices{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.choices button{min-width:0;min-height:32px;flex:1;font-size:9px;padding:5px 1px;border:0;border-radius:0;border-right:1px solid var(--line)}.choices button:last-child{border:0}.choices button[aria-pressed=true]{background:var(--gold);color:#142e2b;font-weight:600}.plant .arrival-note{font:11px -apple-system,sans-serif;color:var(--muted);height:32px;display:flex;align-items:center}.bench-bottom{border-top:1px solid var(--line);padding:16px 24px 20px}#feedback{font:12px/1.55 -apple-system,sans-serif;color:var(--muted);margin:0 0 14px;min-height:19px}#feedback.warning{color:#efb39d}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary{background:var(--gold);color:#142c28;border-color:var(--gold);font-weight:600}.primary:hover{background:#ecdaa7;color:#142c28}.actions .primary{margin-left:auto}.roadmap{padding:9px 0 0}.roadmap h2{font-size:29px;line-height:1.15}.aside-copy{font-size:13px;line-height:1.65;color:var(--muted);margin:15px 0 22px}.stop{border-left:1px solid var(--line);padding:0 0 24px 19px;margin-left:10px;position:relative}.stop:last-child{padding-bottom:0}.stop:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--bg);border:1px solid var(--line);left:-5px;top:2px}.stop.current:before{background:var(--gold);box-shadow:0 0 0 4px #d9bf8314}.stop.done:before{background:var(--green)}.stop .stop-label{font:9px -apple-system,sans-serif;color:var(--muted);letter-spacing:1px;margin:0 0 9px}.stop.current .stop-label{color:var(--gold)}.stop h3{font:17px Georgia;font-weight:400;margin:0 0 8px}.stop p{font:11px/1.7 -apple-system,sans-serif;color:var(--muted);margin:0}.stop .cap{font-size:9px;margin-top:7px;color:var(--gold)}.guide{border:1px solid var(--line);border-radius:8px;padding:18px;margin-top:25px;background:#20413b33}.guide p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 14px}.guide button{width:100%;text-align:left;display:flex;justify-content:space-between}.guide #apply-hint{margin-top:8px;color:var(--green)}.legend{margin:22px 0;font:10px/1.6 -apple-system,sans-serif;color:var(--muted)}.legend p{margin:9px 0}.legend b{font-weight:500;color:var(--cream)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.dot.bloom{background:var(--gold)}.dot.seed{border:1px solid var(--green)}.dot.dew{background:#8ebbb8}.key-help{font:11px/1.7 -apple-system,sans-serif!important;color:var(--muted)}.legend .key-help{margin-top:20px;font-size:10px!important}footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding:18px 0 28px;color:var(--muted);font:10px/1.5 -apple-system,sans-serif}footer button{border:0;padding:0;min-height:30px;color:var(--gold);font-size:10px}footer span{margin-left:auto}dialog{background:#143132;color:var(--cream);border:1px solid #6b7e64;border-radius:14px;padding:35px;max-width:550px;width:calc(100% - 28px);max-height:90vh;overflow:auto;box-shadow:0 25px 120px #0008}dialog::backdrop{background:#041415bf;backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin-bottom:18px}dialog p,dialog li{font-size:14px;line-height:1.75;color:#becbc0}dialog ol{padding-left:20px}dialog li{margin:12px 0}dialog .close{position:absolute;right:15px;top:13px;font-size:22px;border:0}dialog .primary{margin-top:12px}.win-leaf{font-size:85px;color:var(--gold);line-height:1.4}#win-dialog{text-align:center}#win-dialog .actions{justify-content:center}#win-dialog .primary{margin:0}.tag{font:10px -apple-system,sans-serif;color:var(--gold);border:1px solid var(--line);border-radius:4px;padding:4px}
@media(min-width:1400px){.plant img{aspect-ratio:1.5}}@media(max-width:1100px){main{padding:0 25px}.layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.bench-head{align-items:start;flex-direction:column}.meters{width:100%;justify-content:space-between}.meters>div{min-width:45%}.plant-body{padding:9px}.shelf{padding:0 15px 18px;gap:9px}.goals{margin:0 15px 15px}.plant h3{font-size:15px}.choices button{font-size:8px}.bench-head{padding:20px 18px}.plant img{aspect-ratio:1.1}}@media(max-width:760px){main{padding:0 18px}header{height:80px}.brand{font-size:9px;letter-spacing:1px}.brand small{font-size:11px}.sigil{font-size:30px}.offline{display:none}.header-actions{gap:0}.header-actions button{font-size:10px;padding:9px}.intro{padding:27px 0 25px;display:block}h1{font-size:43px}.lede{font-size:13px}.chapter{margin-top:23px;width:100%}.layout{grid-template-columns:1fr;gap:26px}.bench-head{flex-direction:row;align-items:start;padding:18px 15px}.bench-head h2{font-size:21px}.meters{width:auto;gap:13px}.meters>div{min-width:0;max-width:90px}.meters span{font-size:7px;letter-spacing:.5px}.meters strong{font-size:20px}.meters small{font-size:8px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 15px;gap:10px}.plant img{aspect-ratio:1.2}.plant h3{font-size:16px}.choices button{font-size:9px;min-height:38px}.goals{gap:7px;font-size:10px;margin:0 12px 13px;padding:10px}.goals .request{width:100%}.bench-bottom{padding:13px}.actions{gap:6px}.actions button{font-size:10px;padding:8px}.actions .primary{margin-left:auto}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roadmap{grid-column:1/-1;padding:0}.roadmap h2{font-size:25px}.roadmap h2 br{display:none}.aside-copy{margin:10px 0 18px}#roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stop{padding:0 0 0 12px;margin-left:4px}.stop h3{font-size:14px}.stop p{font-size:10px}.stop .stop-label{font-size:7px;line-height:1.5;letter-spacing:.5px}.stop .cap{font-size:8px}.guide{margin:0;padding:13px}.guide .eyebrow{font-size:8px}.guide p:not(.eyebrow){font-size:12px}.legend{margin:0}.legend p{font-size:9px}.legend .key-help{display:none}footer{flex-wrap:wrap;gap:4px 15px;margin-top:25px;font-size:9px}footer p{width:100%;margin:0}footer span{margin-left:auto}.desktop{display:none}dialog{padding:28px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(min-width:761px) and (max-width:1000px){.layout{grid-template-columns:1fr}.bench-head{flex-direction:row}.meters{width:auto;gap:30px}.meters>div{min-width:100px}.plant img{aspect-ratio:1.3}aside{display:grid;grid-template-columns:1fr 1fr;gap:24px}.roadmap{grid-row:span 2}.guide{margin-top:0}.legend{margin:0}}
