:root{--bg: #e5ebe7;--surface: #eef2ef;--tag: #f6f8f4;--ink: #18261f;--muted: #56665d;--rule: #c5cfc9;--moss: #3e6a44;--moss-ink: #f2f6f2;--dew: #6f9ea9;--amber: #93600c;--rust: #a23b26;--wood: #8a6745;--wood-top: #a88461;--jar-air: rgba(232, 242, 238, .45);--jar-glass-fill: rgba(220, 236, 232, .7);--jar-glass-edge: #8eaaa4;--jar-frame: #2f4a3a;--jar-cork: #b78b5c;--jar-wood: #6c5038;--jar-night: #123a5c;--jar-springtail: #f7f8f3;--font-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #111915;--surface: #18221d;--tag: #1d2823;--ink: #e1eae4;--muted: #9aaaa1;--rule: #2d3b34;--moss: #8cc497;--moss-ink: #0f1a13;--dew: #7fb3bf;--amber: #e3a84d;--rust: #ec7c64;--wood: #5d4430;--wood-top: #765a41;--jar-air: rgba(34, 52, 46, .55);--jar-glass-fill: rgba(60, 86, 80, .6);--jar-glass-edge: #6f8f89;--jar-frame: #9bb8a5;--jar-night: #03080e;color-scheme:dark}}:root[data-theme=dark]{--bg: #111915;--surface: #18221d;--tag: #1d2823;--ink: #e1eae4;--muted: #9aaaa1;--rule: #2d3b34;--moss: #8cc497;--moss-ink: #0f1a13;--dew: #7fb3bf;--amber: #e3a84d;--rust: #ec7c64;--wood: #5d4430;--wood-top: #765a41;--jar-air: rgba(34, 52, 46, .55);--jar-glass-fill: rgba(60, 86, 80, .6);--jar-glass-edge: #6f8f89;--jar-frame: #9bb8a5;--jar-night: #03080e;color-scheme:dark}*,*:before,*:after{box-sizing:inherit}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:650;margin:0;letter-spacing:-.01em}h1{font-size:clamp(32px,5vw,45px);line-height:1.05}h2{font-size:23px;line-height:1.2}p{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--dew);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.unit{font-family:var(--font-body);font-size:.55em;font-weight:400;color:var(--muted)}.hint,.note,.empty-note{color:var(--muted);font-size:14px}.empty-note a{color:var(--moss);font-weight:600}.tone-good{color:var(--moss)}.tone-warn{color:var(--amber)}.tone-critical{color:var(--rust)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 14px) clamp(16px,4vw,40px) 14px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--rule)}.wordmark{font:700 23px/1 var(--font-display);text-decoration:none;letter-spacing:-.02em}.time-control{display:inline-flex;border:1px solid var(--rule);border-radius:10px;padding:3px;gap:2px}.time-control button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 11px;border-radius:7px;font-size:13px;font-weight:500;color:var(--muted)}.time-control button.on{background:var(--ink);color:var(--bg)}.button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:9px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);font-size:14px;font-weight:500}.button:hover:not(:disabled){border-color:var(--ink)}.button.primary{background:var(--moss);color:var(--moss-ink);border-color:var(--moss);padding:12px 22px;font-size:16px;font-weight:600}.button.secondary{background:none;border-color:var(--moss);color:var(--moss)}.button.quiet{background:none;border-color:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.button.danger{background:var(--rust);border-color:var(--rust);color:#fff}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--rule);border-radius:8px;background:none;color:var(--ink)}.icon-button:hover:not(:disabled){border-color:var(--ink)}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;border:1px solid var(--rule);border-radius:9px;padding:3px}.segmented button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:7px 12px;border-radius:6px;font-size:14px}.segmented-sm button{padding:5px 10px;font-size:13px}.segmented button.on{background:var(--ink);color:var(--bg)}.segmented button.on .unit{color:inherit;opacity:.75}.choice-list{display:grid;gap:6px}.choice-list button,.vessel-option{display:block;text-align:left;border:1px solid var(--rule);border-radius:9px;background:none;padding:10px 14px}.choice-list button.on,.vessel-option.on{background:var(--surface);box-shadow:inset 0 0 0 2px var(--moss);border-color:transparent}.choice-label{display:block;font-weight:600}.choice-detail{display:block;color:var(--muted);font-size:13px;line-height:1.45}.meter{position:relative;height:6px;border-radius:3px;background:var(--rule);overflow:hidden;margin-top:8px}.meter-band{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--dew) 45%,transparent)}.meter-fill{position:absolute;left:0;top:0;bottom:0;border-right:3px solid var(--ink);background:color-mix(in srgb,var(--ink) 18%,transparent)}.spark-line{stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.spark-band{fill:color-mix(in srgb,var(--dew) 28%,transparent)}.spark-dot{fill:var(--moss)}.score{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.score-good{color:var(--moss)}.score-warn{color:var(--amber)}.score-critical{color:var(--rust)}.score.big{font-size:45px;line-height:1}.pill{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,currentColor 13%,transparent);margin-left:6px}.shelf-page,.detail-page,.builder-page{max-width:1240px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 80px}.shelf-intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 24px;margin-bottom:36px}.shelf-intro h1{grid-column:1}.shelf-intro .lede{grid-column:1;color:var(--muted);font-size:18px}.shelf-intro .segmented{grid-column:2;grid-row:1 / span 2}.shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));column-gap:0;row-gap:52px}.shelf-slot{display:flex;flex-direction:column;align-items:center;text-decoration:none;height:100%}.jar-stage{width:100%;padding:10px 24px 0;position:relative}.jar-stage svg{display:block;width:100%;height:auto;transition:transform .25s ease}.jar-stage:after{content:"";display:block;height:12px;margin:-6px -24px 0;background:linear-gradient(var(--wood-top),var(--wood) 70%);box-shadow:0 8px 12px -8px #00000073}.shelf-slot:hover .jar-stage svg{transform:translateY(-4px)}.tag{position:relative;margin-top:18px;width:min(84%,230px);padding:10px 12px 11px;background:var(--tag);border:1px solid var(--rule);border-radius:3px 3px 7px 7px;display:grid;gap:2px;transform:rotate(-1.2deg)}.shelf li:nth-child(2n) .tag{transform:rotate(1deg)}.tag:before{content:"";position:absolute;top:-19px;left:50%;width:1px;height:19px;background:var(--muted);opacity:.6}.tag-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tag-name{font:650 18px/1.2 var(--font-display)}.tag .score{font-size:20px}.tag-line{font-size:13px;color:var(--muted)}.tag-status{font-size:13px;line-height:1.35}.fresh{color:var(--moss);font-weight:600}.filler .jar-stage svg{aspect-ratio:200 / 280}.add-slot{color:var(--muted)}.add-slot:hover{color:var(--ink)}.add-slot .tag{background:none;border-style:dashed}.away{margin:-8px 0 40px;padding:16px 18px;border-radius:10px;background:var(--surface);border:1px solid var(--rule);max-width:760px}.away-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.away h2{font-size:18px}.away ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.away li{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:12px;font-size:14px}.away li a{font-weight:600}.table-wrap{overflow-x:auto;border-top:1px solid var(--rule)}.compare{border-collapse:collapse;width:100%;font-size:14px}.compare th,.compare td{text-align:left;padding:10px 14px 10px 0;border-bottom:1px solid var(--rule);white-space:nowrap}.compare thead th{font-size:13px;color:var(--muted);font-weight:500}.compare td.num{font-variant-numeric:tabular-nums}.compare td:last-child{white-space:normal;min-width:220px}.compare-name{display:inline-flex;align-items:center;gap:10px;font:650 16px var(--font-display);text-decoration:none}.compare-thumb svg{width:30px;height:auto;display:block}.back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--muted);font-size:14px;margin-bottom:20px}.back:hover{color:var(--ink)}.detail,.builder{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}.detail-jar,.builder-preview{position:sticky;top:84px}.jar-stage.large{padding:0 34px}.jar-stage.large:after{margin:-6px -34px 0}.jar-caption{margin-top:12px;color:var(--muted);font-size:13px;text-align:center;font-variant-numeric:tabular-nums}.name-field input{font:inherit;color:inherit;width:100%;background:none;border:0;padding:0;border-bottom:1px dashed transparent}.name-field input:hover{border-bottom-color:var(--rule)}.detail-sub{color:var(--muted);margin-top:6px}.detail-sub .score{font-size:18px}.block{margin-top:36px;padding-top:20px;border-top:1px solid var(--rule)}.block>h2{margin-bottom:16px}.vitals{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:20px 24px;margin:0}.vitals dt{font-size:13px;color:var(--muted)}.vitals dd{margin:2px 0 0;font:650 26px/1.15 var(--font-display);font-variant-numeric:tabular-nums}.trends{display:flex;flex-wrap:wrap;gap:20px 32px;margin-top:26px}.trends figure{margin:0}.trends figcaption{font-size:13px;color:var(--muted);margin-bottom:4px}.alerts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.alert{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;background:var(--surface);border-left:3px solid var(--amber)}.alert-critical{border-left-color:var(--rust)}.alert-info{border-left-color:var(--dew)}.alert-msg{font-weight:600}.alert-fix{color:var(--muted);font-size:14px}.care-actions{display:flex;flex-wrap:wrap;gap:8px}.care-settings{display:grid;gap:4px;margin-top:8px}.roster{list-style:none;margin:0;padding:0}.roster li{display:grid;grid-template-columns:minmax(150px,1.3fr) auto minmax(120px,1fr) auto;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule)}.roster li:last-child{border-bottom:0}.roster-name{display:grid;font-weight:600}.roster-sci{display:block;font-style:italic;font-size:13px;font-weight:400;color:var(--muted)}.roster-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.roster-meter .meter{margin-top:0}.roster-num,.roster-count{font-variant-numeric:tabular-nums;font-size:14px}.roster-count{font:650 20px var(--font-display)}.roster-count .unit{font-size:13px}.journal{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;max-height:360px;overflow-y:auto}.journal li{display:grid;grid-template-columns:64px 1fr;gap:10px}.journal-day{color:var(--muted);font-variant-numeric:tabular-nums}.journal-alert span:last-child{color:var(--amber)}.journal-plant-death span:last-child,.journal-extinction span:last-child,.journal-invasion span:last-child{color:var(--rust)}.journal-recovery span:last-child{color:var(--moss)}.journal-care span:last-child{color:var(--muted)}.manage{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px}.builder-head{display:grid;gap:14px}.forecast{margin-top:22px;display:grid;gap:12px;transition:opacity .2s}.forecast.stale{opacity:.55}.forecast h2{font-size:19px}.forecast-score{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted);line-height:1.35}.forecast-notes{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.forecast-notes li{padding-left:14px;position:relative}.forecast-notes li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--rule)}.step{margin-top:36px;padding-top:22px;border-top:1px solid var(--rule)}.step>h2{display:flex;align-items:baseline;gap:12px}.step-n{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.step-hint{color:var(--muted);margin-top:6px;max-width:62ch}.field{margin-top:18px;display:grid;gap:8px;justify-items:start}.field>.choice-list,.field>.toggles{width:100%}.field-label{font-size:13px;font-weight:600}.vessel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:18px}.vessel-option{display:grid;gap:2px;align-content:start}.vessel-icon{color:var(--muted)}.vessel-icon svg{height:64px;width:auto;display:block;margin-bottom:6px}.vessel-option.on .vessel-icon{color:var(--ink)}.toggles{display:flex;flex-wrap:wrap;gap:8px}.toggle{border:1px solid var(--rule);background:none;border-radius:8px;padding:7px 13px;font-size:14px}.toggle.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.species-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.species-list>li{border:1px solid var(--rule);border-radius:10px;padding:12px 14px;display:grid;gap:6px}.species-list>li.on{background:var(--surface);border-color:var(--moss)}.species-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sizes{display:flex;flex-wrap:wrap;gap:8px}.counter{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.counter span{min-width:1.4em;text-align:center;font-weight:600}.issues{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.issue{font-size:13px;padding-left:16px;position:relative;line-height:1.4}.issue:before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;border-radius:50%;background:currentColor}.issue-info{color:var(--muted)}.issue-warn{color:var(--amber)}.issue-critical{color:var(--rust);font-weight:600}.text-input{font:650 23px var(--font-display);color:inherit;width:100%;max-width:480px;padding:10px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);margin-top:14px}.builder-submit{position:sticky;bottom:0;margin-top:32px;padding:18px 0 calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(transparent,var(--bg) 30%)}@media (prefers-reduced-motion: no-preference){.hop{animation:hop 3.4s ease-in-out infinite;transform-box:fill-box}.drift{animation:drift 4.2s ease-in-out infinite;transform-box:fill-box}}@keyframes hop{0%,80%,to{transform:translateY(0)}84%{transform:translateY(-4px)}88%{transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0)}33%{transform:translate(5px,-4px)}66%{transform:translate(-3px,3px)}}@media (max-width: 860px){.detail,.builder{grid-template-columns:1fr}.detail-jar,.builder-preview{position:static}.jar-stage.large{max-width:340px;margin:0 auto}.roster li{grid-template-columns:1fr auto}.roster-meter,.roster li>svg{grid-column:1 / -1}}@media (max-width: 640px){.time-control button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shelf{grid-template-columns:repeat(2,1fr)}.jar-stage{padding:10px 12px 0}.jar-stage:after{margin:-6px -12px 0}.shelf-intro{grid-template-columns:1fr}.shelf-intro .segmented{grid-column:1;grid-row:auto;justify-self:start}.alert{grid-template-columns:1fr}}.stage-3d{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:var(--bg)}.jar3d{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.jar3d:active{cursor:grabbing}.jar3d canvas{display:block}.jar3d-flat{display:grid;place-items:center;padding:8% 14% 4%;cursor:default}.jar3d-flat svg{width:100%;height:100%}.stage-hint{position:absolute;left:12px;bottom:12px;z-index:1;padding:5px 10px;border-radius:999px;pointer-events:none;font-size:12px;font-weight:500;color:var(--ink);background:color-mix(in srgb,var(--tag) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);animation:hint-out .6s ease 7s forwards}@keyframes hint-out{to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion: reduce){.stage-hint{animation:hint-hide 0s 7s forwards}}@keyframes hint-hide{to{opacity:0}}.day-scrub{margin-top:12px;display:grid;gap:6px;justify-items:start}.topnav{display:flex;align-items:center;gap:28px}.topnav nav{display:flex;gap:4px}.topnav nav a{text-decoration:none;font-size:14px;font-weight:500;color:var(--muted);padding:6px 10px;border-radius:7px}.topnav nav a:hover{color:var(--ink)}.topnav nav a[aria-current=page]{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)}.tag-line.likes{display:inline-flex;align-items:center;gap:4px}.more{display:flex;justify-content:center;margin-top:40px}.notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:10px;background:var(--surface);border-left:3px solid var(--amber);max-width:760px}.keeper-note{margin:14px 0 0;padding:10px 0 10px 16px;border-left:3px solid var(--moss);font-size:16px;color:var(--ink);max-width:60ch}.shared-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.button.like.on{color:var(--rust);border-color:color-mix(in srgb,var(--rust) 40%,var(--rule))}.flash{min-height:1.5em;margin-top:8px}.spec-list{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0;font-size:15px}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0}.roster li.roster-simple{grid-template-columns:1fr auto}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.share-form{margin-top:16px;padding:16px 18px;border-radius:10px;background:var(--surface);border:1px solid var(--rule);display:grid;gap:4px;max-width:520px}.share-form .field{margin-top:10px;justify-items:stretch}.small-input{font:inherit;color:inherit;width:100%;padding:9px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--bg);resize:vertical}@media (max-width: 640px){.topnav{gap:12px}.wordmark{font-size:19px}.topbar{flex-wrap:wrap}}.arrange-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.arrange-row .button.primary{padding:9px 14px;font-size:14px}.arrange-hint{margin-top:8px;max-width:46ch}.jar3d.arranging{cursor:default}.roster-note{display:block;font-size:12px;font-weight:400;color:var(--amber)}.jar-chip{display:grid;gap:1px;padding:7px 11px 8px;border-radius:10px;white-space:nowrap;background:color-mix(in srgb,var(--tag) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);box-shadow:0 6px 18px -8px #00000059;font-size:12px;line-height:1.35;color:var(--ink);transform:translateY(-100%);animation:chip-in .18s ease-out}.jar-chip strong{font:650 14px/1.2 var(--font-display)}@keyframes chip-in{0%{opacity:0;transform:translateY(calc(-100% + 6px))}}@media (prefers-reduced-motion: reduce){.jar-chip{animation:none}}.swatch-row{display:flex;flex-wrap:wrap;gap:14px 10px;margin-top:4px}.swatch{display:grid;justify-items:center;gap:6px;width:76px;padding:0;border:0;background:none;font-size:12px;line-height:1.25;text-align:center;color:var(--muted)}.swatch-disc{position:relative;display:block;width:58px;height:58px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000f,0 3px 8px -4px #00000059;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .15s;overflow:visible}.swatch-disc img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover;animation:swatch-in .25s ease-out}.swatch-disc.empty{background:none;box-shadow:inset 0 0 0 1.5px var(--rule)}.swatch-disc.empty:after{content:"";position:absolute;left:50%;top:18%;bottom:18%;width:1.5px;background:var(--rule);transform:rotate(45deg)}.swatch:hover:not(:disabled) .swatch-disc{transform:translateY(-2px) scale(1.05)}.swatch:active:not(:disabled) .swatch-disc{transform:scale(.94)}.swatch.on{color:var(--ink);font-weight:600}.swatch.on .swatch-disc{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--moss),0 4px 10px -4px #0006}.swatch:focus-visible{outline:none}.swatch:focus-visible .swatch-disc{outline:2px solid var(--dew);outline-offset:5px}.swatch-wrap{position:relative;display:inline-flex}.swatch-remove{position:absolute;left:5px;top:-4px;width:22px;height:22px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px var(--bg),inset 0 0 0 1.5px var(--rule);cursor:pointer;animation:swatch-in .18s ease-out}.swatch-remove:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.swatch-remove:hover{color:var(--bg);background:var(--ink)}.swatch-remove:focus-visible{outline:2px solid var(--dew);outline-offset:2px}.swatch-badge{position:absolute;right:-4px;top:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font:700 12px/1 var(--font-body);font-variant-numeric:tabular-nums;background:var(--moss);color:var(--moss-ink);box-shadow:0 0 0 2px var(--bg)}@keyframes swatch-in{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion: reduce){.swatch-disc,.swatch-disc img{transition:none;animation:none}}.choice-note{margin-top:10px;font-size:14px;max-width:60ch}.choice-note strong{font-weight:600}.chosen{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.chosen li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px}.chosen li>span:first-child{min-width:130px;font-weight:600}.keeper-form{display:grid;gap:6px;max-width:520px}.keeper-form .field{margin-top:10px;justify-items:stretch}.code-input,.recovery-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.04em}.recovery-code{margin:6px 0;padding:12px 14px;border-radius:8px;background:var(--bg);border:1px dashed var(--moss);font-size:17px;font-weight:600;word-break:break-all;-webkit-user-select:all;user-select:all}.saved-check{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px}.keeper-page{max-width:720px}.keeper-page h1{margin-bottom:6px}.keeper-page .keeper-form{margin-top:18px}.nav-keeper{margin-left:8px}.workbench-page{max-width:1520px}.workbench-page .workbench{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:clamp(24px,3.5vw,52px)}.workbench-page .workbench-view{position:sticky;top:calc(var(--topbar-h, 70px) + 16px)}.workbench-page .stage-3d{aspect-ratio:auto;height:calc(100vh - var(--topbar-h, 70px) - 96px);min-height:480px;max-height:920px;border-radius:20px}.preview-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px}.preview-bar .arrange-hint{margin:0;flex:1 1 220px}.stage-focus,.stage-score{position:absolute;top:12px;z-index:1;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--tag) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--rule) 70%,transparent);color:var(--ink)}.stage-focus{left:12px;pointer-events:none;animation:chip-in .25s ease-out}.stage-score{right:12px;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:opacity .2s}.stage-score .score{font-size:16px}.stage-score.stale{opacity:.6}.builder-form .forecast{margin-top:36px}.builder-form .forecast h2{font-size:23px}@media (max-width: 860px){.workbench-page .workbench{grid-template-columns:1fr}.workbench-page .workbench-view{order:-1;position:sticky;top:var(--topbar-h, 64px);z-index:5;margin:0 calc(-1*clamp(16px,4vw,40px));padding:8px clamp(16px,4vw,40px) 10px;background:var(--bg);box-shadow:0 10px 14px -12px #00000059}.workbench-page .stage-3d{height:40vh;min-height:250px;border-radius:14px}.workbench-page .preview-bar{margin-top:8px}.workbench-page .preview-bar .arrange-hint{display:none}.stage-focus,.stage-score{top:8px;font-size:12px;padding:4px 9px}.stage-focus{left:8px}.stage-score{right:8px}}@media (max-width: 860px){.workbench-page .stage-3d{height:34vh;min-height:220px}.workbench-page .stage-hint{display:none}.workbench-page .preview-bar{flex-wrap:nowrap;gap:8px}.workbench-page .preview-bar .button{padding:6px 10px;font-size:13px;flex:none}.workbench-page .preview-bar .segmented{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.workbench-page .preview-bar .segmented::-webkit-scrollbar{display:none}.workbench-page .preview-bar .segmented button{white-space:nowrap;flex:none}.builder-page .builder-submit{position:static;background:none}}.jar-still{display:block;width:100%;height:auto;aspect-ratio:300 / 420;object-fit:contain;animation:swatch-in .35s ease-out;transition:transform .25s ease}.shelf-slot:hover .jar-stage .jar-still{transform:translateY(-4px)}.timelapse{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--rule)}.timelapse input[type=range]{flex:1 1 160px;accent-color:var(--moss)}.timelapse-label{font-size:14px;font-variant-numeric:tabular-nums;min-width:190px}.timelapse-kind{color:var(--muted)}.timelapse-kind.kind-grown{color:var(--dew)}.timelapse-kind.kind-shared{color:var(--moss);font-weight:600}.lifeline{margin-top:8px;font-size:13px;color:var(--muted)}.workbench-page .detail-body{padding-bottom:40vh}@media (max-width: 860px){.workbench-page .detail-body{padding-bottom:30vh}.workbench-page .workbench-view .jar-caption{display:none}}.topbar-tools{display:flex;align-items:center;gap:10px}.inbox{position:relative}.inbox-button{position:relative;width:38px;height:38px;border-radius:10px}.inbox-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;font:700 11px/1 var(--font-body);background:var(--rust);color:#fff;box-shadow:0 0 0 2px var(--bg)}.inbox-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(380px,calc(100vw - 32px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--tag);border:1px solid var(--rule);border-radius:12px;box-shadow:0 18px 40px -16px #00000059;animation:chip-in .15s ease-out}.inbox-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 8px}.inbox-head .button{padding:4px 6px;font-size:13px}.inbox-list{list-style:none;margin:0;padding:0 6px;overflow-y:auto}.inbox-item{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:9px 8px;border-radius:8px;text-decoration:none;color:var(--ink)}.inbox-item:hover,.inbox-item:focus-visible{background:var(--surface)}.inbox-item svg{margin-top:2px;color:var(--muted)}.inbox-item.kind-alert svg{color:var(--amber)}.inbox-item.kind-plant-death svg,.inbox-item.kind-extinction svg,.inbox-item.kind-invasion svg{color:var(--rust)}.inbox-item.kind-mushrooms svg,.inbox-item.kind-recovery svg{color:var(--moss)}.inbox-jar{display:block;font-size:12px;color:var(--muted)}.inbox-msg{display:block;font-size:14px;line-height:1.35}.inbox-empty{padding:4px 14px 10px}.inbox-foot{display:grid;gap:6px;padding:10px 14px 12px;border-top:1px solid var(--rule)}.inbox-foot .saved-check{margin:0}.inbox-foot .hint{font-size:12px}@media (max-width: 640px){.topbar-tools{width:100%;justify-content:space-between}.inbox-panel{right:auto;left:0}}.keeper-title{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.follow-wrap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.button.follow{gap:6px}.following-list h2{font-size:18px;margin-bottom:8px}.following-list ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;padding:0}