:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1210;--panel:#14201a;--panel-2:#1a2b22;--border:#2d4538;--text:#e8f2ea;--muted:#8eab97;--accent:#3d8f5c;--accent-2:#6bcf8e;--accent-soft:#6bcf8e24;--leaf:#7dcea0;--soil:#3d3428;--moss:#1e3a2a;--danger:#c45c5c;--ok:#6bcf8e;--warn:#f0c674;--radius:12px;--radius-sm:8px;--space-1:.35rem;--space-2:.55rem;--space-3:.85rem;--space-4:1.15rem;--shadow-soft:0 8px 28px #00000059;--topbar-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--touch-min:44px;--dock-w:minmax(300px, 360px);--lib-w:minmax(220px, 280px);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Noto Sans SC,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select{font:inherit}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem .7rem;transition:border-color .12s,background .12s,transform 80ms}button:hover{border-color:var(--accent-2)}button.primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#fff;border-color:#0000;font-weight:600}button.danger{color:#ffd0d0;border-color:#5a3030}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{height:100dvh;min-height:100%;padding-left:var(--safe-left);padding-right:var(--safe-right);grid-template-rows:auto auto 1fr auto;display:grid;overflow:hidden}.topbar{align-items:center;gap:var(--space-2) var(--space-3);min-height:var(--topbar-h);border-bottom:1px solid var(--border);z-index:40;background:radial-gradient(1200px 80px at 10% -20%,#6bcf8e14,#0000 55%),linear-gradient(#15241c 0%,#101a15 100%);grid-template-columns:auto auto minmax(120px,1fr) auto;padding:.5rem .9rem;display:grid;position:relative;overflow:visible}.brand{flex-shrink:0;align-items:center;gap:.55rem;min-width:0;display:flex}.logo{font-size:1.4rem}.title{font-weight:700}.plant-title{justify-content:center;align-items:center;gap:.5rem;min-width:0;display:flex}.name-input{border:1px solid var(--border);width:100%;max-width:360px;color:var(--text);background:#14201ae6;border-radius:999px;padding:.42rem .9rem;transition:border-color .15s,box-shadow .15s}.name-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.dirty-dot{background:#f0c674;border-radius:50%;width:8px;height:8px}.banner.error{background:#3a1f1f;border-bottom:1px solid #5a3030;justify-content:space-between;gap:1rem;padding:.5rem .9rem;display:flex}.main-grid{grid-template-columns:var(--lib-w) minmax(0, 1fr) var(--dock-w);height:100%;min-height:0;display:grid;overflow:hidden}.panel{background:var(--panel);border-right:1px solid var(--border);min-height:0;padding:var(--space-3);overflow:auto}.right-dock .panel{padding:var(--space-3);background:0 0;border:none;border-radius:0;overflow:visible}.panel-toolbar{background:var(--panel);z-index:1;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.35rem;display:flex;position:sticky;top:0}.row{align-items:center;display:flex}.gap{gap:.5rem}.wrap{flex-wrap:wrap}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack.tight{gap:var(--space-2)}.field{flex-direction:column;gap:.35rem;display:flex}.field input[type=range]{width:100%}.muted{color:var(--muted)}.small{font-size:12px}.seed{background:var(--panel-2);border-radius:6px;padding:.2rem .4rem}.group{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .55rem}.group summary{cursor:pointer;font-weight:600}.library-list li{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;padding:.4rem}.library-list li.active{border-color:var(--accent-2)}.lib-main{text-align:left;background:0 0;border:none;flex-direction:column;gap:.15rem;width:100%;padding:.2rem;display:flex}.lib-name{font-weight:600}.viewport-panel{border-right:1px solid var(--border);flex-direction:column;padding:0;display:flex}.viewport-panel .panel-toolbar{border-bottom:1px solid var(--border);margin:0;padding:.6rem}.viewport-canvas{flex:1;min-height:320px;position:relative}.viewport-canvas canvas{display:block;width:100%!important;height:100%!important}.viewport-overlay,.viewport-error,.viewport-fallback{background:#0000008c;border-radius:8px;padding:.5rem .7rem;position:absolute;inset:auto .75rem .75rem}.viewport-error{color:#ffb4b4}.viewport-fallback{text-align:center;place-items:center;display:grid;inset:0}.offspring-grid{grid-template-columns:1fr;gap:.45rem;display:grid}.offspring-card{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;padding:.45rem}.offspring-title{margin-bottom:.25rem;font-size:12px;font-weight:600}.chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;font-size:12px}.status-bar{border-top:1px solid var(--border);color:var(--muted);background:#0f141c;flex-wrap:wrap;gap:1rem;padding:.4rem .9rem;font-size:12px;display:flex}.search-input{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin-bottom:.55rem;padding:.4rem .55rem}.thumb{object-fit:cover;background:#0b0f14;border-radius:6px;flex:none;width:40px;height:40px}.thumb.placeholder{border:1px dashed var(--border)}.right-col{display:contents}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(420px,100vw - 2rem);padding:.85rem;box-shadow:0 20px 60px #00000073}.code-block{background:var(--panel-2);border-radius:8px;max-height:120px;padding:.45rem;font-size:11px;overflow:auto}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--panel:#fff;--panel-2:#eef2f6;--border:#d5dde7;--text:#15202b;--muted:#5b6b7c}html[data-compact="1"]{font-size:13px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mission-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem}.edu-line{color:#b8e0c0;margin:.35rem 0;font-size:12px;line-height:1.45}.score-card{background:#142018;border:1px solid #2d5a3c;border-radius:10px;padding:.55rem .65rem}.score-bars{flex-direction:column;gap:.35rem;margin-top:.4rem;display:flex}.score-bar-track{background:#1c2833;border-radius:99px;height:6px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg,#3f7d4e,#7dcea0);border-radius:99px;height:100%}.hint-list{color:var(--muted);margin:.4rem 0 0;padding-left:1.1rem;font-size:12px}.banner.success{background:#1a3a28;border:1px solid #2d5a3c;border-radius:8px;justify-content:space-between;gap:.5rem;padding:.4rem .55rem;font-size:12px;display:flex}.weather-card{background:#1a2230;border:1px solid #3a4a60;border-radius:10px;padding:.5rem .65rem}.causal-hud{background:linear-gradient(160deg,#1a2820 0%,#141c22 100%);border:1px solid #2f4a38;border-radius:10px;flex-direction:column;gap:.35rem;padding:.55rem .65rem;display:flex}.chip.risk{color:#f0c090;background:#3a2418;border-color:#6a4030}.chip.ok{color:#9fd4a8;background:#1a3024;border-color:#2f5a40}.score-bar-fill.stretch{background:linear-gradient(90deg,#3d7ea6,#7ec8e3)}.score-bar-fill.crown{background:linear-gradient(90deg,#6b4f9a,#c39bd3)}.score-bar-fill.health{background:linear-gradient(90deg,#2e7d4f,#82e0aa)}.celebrate-card{background:linear-gradient(145deg,#243528 0%,#1a2230 55%,#2a2038 100%);border:1px solid #6bcf8e;border-radius:12px;flex-direction:column;gap:.4rem;padding:.75rem;animation:.45s ease-out celebrate-in;display:flex;box-shadow:0 0 24px #50b47833}.celebrate-stars{letter-spacing:.15em;color:#f6e27a;text-shadow:0 0 12px #f6e27a73;font-size:1.4rem}@keyframes celebrate-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.codex-panel .codex-list{flex-direction:column;gap:.45rem;max-height:42vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.codex-item{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:.5rem .6rem}.codex-item.locked{opacity:.72;filter:grayscale(.35)}.codex-item.on{border-color:#3d6b4a}.weekly-card{background:linear-gradient(150deg,#1a2438 0%,#1a2820 100%);border:1px solid #3d5a80;border-radius:12px;flex-direction:column;gap:.35rem;padding:.65rem;display:flex}html[data-classroom="1"]{font-size:17px}html[data-classroom="1"] .panel{font-size:1.02rem}html[data-classroom="1"] .mission-card,html[data-classroom="1"] .causal-hud,html[data-classroom="1"] .celebrate-card{font-size:1.05rem}html[data-classroom="1"] .lib-name,html[data-classroom="1"] .panel-toolbar strong{font-size:1.12rem}.journal-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.35rem;padding:.55rem .65rem;display:flex}.journal-list{max-height:8rem;overflow:auto}.mode-switch{border:1px solid var(--border);background:#080e0bbf;border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.mode-btn{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-weight:600;display:inline-flex}.mode-btn:hover{color:var(--text);background:#3d8f5c1f;border-color:#0000}.mode-btn.active{color:#f0fff5;background:linear-gradient(165deg,#4aa86a 0%,#2f7a4a 100%);box-shadow:inset 0 0 0 1px #7dcea059,0 4px 14px #1e5a3259}.mode-ico{opacity:.9;font-size:.72rem}.mode-dot{background:#b8f0c8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #7dcea0}.topbar-actions{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.action-group{gap:.3rem;display:inline-flex}.action-group button{padding:.35rem .55rem;font-size:12px}.menu-wrap{flex-shrink:0;display:inline-flex;position:relative}.menu-pop{border:1px solid var(--border);border-radius:var(--radius);z-index:60;min-width:168px;box-shadow:var(--shadow-soft), 0 0 0 1px #6bcf8e0f;background:#16241c;flex-direction:column;gap:2px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-pop button{text-align:left;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:1px solid #0000;width:100%;padding:.45rem .6rem}.menu-pop button:hover{background:var(--accent-soft);color:var(--leaf);border-color:#0000}.menu-sep{background:var(--border);height:1px;margin:.3rem .2rem}.menu-scrim{z-index:35;cursor:default;background:0 0;border:none;padding:0;position:fixed;inset:0}.brand-text .title{letter-spacing:.01em;line-height:1.15}.hide-sm{display:inline}.right-dock{border-left:1px solid var(--border);background:linear-gradient(#1e3a2a40 0%,#0000 48px),#121c17;grid-template-rows:auto 1fr auto;min-height:0;display:grid;overflow:hidden}.dock-tabs{border-bottom:1px solid var(--border);background:#080e0b8c;gap:.25rem;padding:.45rem .55rem 0;display:flex}.dock-tab{color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .4rem;font-weight:600;display:inline-flex}.dock-tab:hover{color:var(--text);background:#3d8f5c1a;border-color:#0000}.dock-tab.active{color:#e6fff0;border-color:var(--border);box-shadow:inset 0 -2px 0 var(--accent-2);background:#121c17}.dock-badge{background:var(--moss);color:var(--leaf);border-radius:999px;padding:.08rem .4rem;font-size:10px;font-weight:700}.dock-badge.muted{color:#a8c4b2;background:#24352c}.dock-body{min-height:0;padding-bottom:var(--space-2);overflow:auto}.dock-foot{border-top:1px solid var(--border);background:#080e0ba6;padding:.45rem .85rem}.dock-inline{margin-bottom:var(--space-2);gap:var(--space-2)}.dock-stack{gap:var(--space-3)}.empty-state{padding:var(--space-4) var(--space-2);text-align:center;gap:var(--space-3)}.library-panel{padding:var(--space-3)}.library-toolbar{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.library-primary button{padding:.38rem .65rem;font-size:12.5px}.library-tools{margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:#1a2b22a6;padding:.5rem .65rem}.library-tools summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:12.5px;list-style:none}.library-tools summary::-webkit-details-marker{display:none}.library-tools summary:before{content:"▸ ";color:var(--accent-2)}.library-tools[open] summary:before{content:"▾ "}.library-tools[open] summary{margin-bottom:var(--space-2);color:var(--text)}.library-tools .row{margin-top:.15rem}.library-tools button,.library-tools select{padding:.35rem .5rem;font-size:12px}.library-list{flex-direction:column;gap:.45rem;display:flex}.library-list li{border-radius:var(--radius);border:1px solid #0000;padding:.35rem}.library-list li.active{background:var(--accent-soft);border-color:#6bcf8e59}.chip.subtle{background:var(--moss);color:#b8d4c0;border:1px solid var(--border)}.right-dock .mission-card,.right-dock .causal-hud,.right-dock .weekly-card,.right-dock .journal-card,.right-dock .score-card,.right-dock .weather-card,.right-dock .celebrate-card{border-radius:var(--radius);border-color:var(--border);margin:0;padding:.7rem .8rem}.right-dock .stack{gap:var(--space-3)}.right-dock .field{gap:.3rem}.right-dock .panel-toolbar{margin-bottom:var(--space-2);padding-bottom:var(--space-1);background:0 0}.right-dock .panel-toolbar strong{color:var(--leaf);font-size:.98rem;font-weight:700}.right-dock .search-input{margin-bottom:var(--space-2);border-radius:999px;padding:.45rem .75rem}.mission-card,.causal-hud,.weekly-card,.journal-card,.score-card{background:linear-gradient(145deg, #3d8f5c14 0%, transparent 42%), var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px #7dcea00d}.weather-card{border-left:3px solid var(--accent-2)}.edu-line{color:#c5e6cf}.status-bar{border-top-color:var(--border);background:#0e1612}.viewport-panel{background:radial-gradient(70% 50% at 50% 100%,#3d8f5c12,#0000 60%),#0e1512}@media (width<=1180px){.topbar{grid-template-columns:auto auto 1fr;grid-template-areas:"brand mode actions""title title title"}.brand{grid-area:brand}.mode-switch{grid-area:mode}.plant-title{grid-area:title;justify-content:stretch}.plant-title .name-input{max-width:none}.topbar-actions{grid-area:actions}}@media (width<=1100px){.main-grid{grid-template-rows:200px minmax(340px,46vh) minmax(300px,1fr);grid-template-columns:1fr;height:auto;overflow:auto}.right-dock{border-left:none;border-top:1px solid var(--border);min-height:340px}.hide-sm{display:none}.viewport-canvas{min-height:360px}}@media (width<=720px){.topbar{gap:var(--space-2);grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;justify-content:flex-start}.mode-switch{width:100%}.mode-btn{flex:1;justify-content:center}}html[data-theme=light]{--bg:#eef5ef;--panel:#f7fbf7;--panel-2:#e7f0e8;--border:#c5d9c9;--text:#1a2e22;--muted:#5a7362;--accent:#2f7a4a;--accent-2:#3d9a5c;--accent-soft:#3d9a5c1f;--leaf:#1e6b3a;--moss:#d8ebd9}.viewport-canvas{position:relative}.mission-card{position:relative;overflow:hidden;padding-left:.95rem!important}.mission-card:before{content:"";background:var(--vein,var(--accent-2));width:4px;box-shadow:0 0 12px color-mix(in srgb, var(--vein,var(--accent-2)) 50%, transparent);border-radius:4px 0 0 4px;position:absolute;top:0;bottom:0;left:0}.mission-card.vein-sprout{--vein:#6bcf8e}.mission-card.vein-water{--vein:#5dade2}.mission-card.vein-sun{--vein:#f4d03f}.mission-card.vein-crown{--vein:#af7ac5}.mission-card.vein-balance{--vein:#58d68d}.mission-card.vein-species{--vein:#48c9b0}.mission-card.vein-shade{--vein:#85929e}.mission-card.vein-storm{--vein:#5d6d7e}.mission-card.vein-flower{--vein:#f1948a}.mission-card.vein-scout{--vein:#d4ac0d}.library-panel{flex-direction:column;min-width:0;transition:none;display:flex}.library-panel .lib-expanded{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.library-panel.is-collapsed{align-items:stretch;padding:.4rem .3rem}.library-panel.is-collapsed .lib-expanded{display:none}.lib-rail{flex-direction:column;align-items:center;gap:.4rem;height:100%;min-height:0;display:none}.library-panel.is-collapsed .lib-rail{display:flex}.lib-rail-toggle,.lib-rail-btn{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;font-size:14px;display:grid}.lib-rail-toggle{background:var(--moss);color:var(--leaf);font-size:18px;font-weight:700}.lib-rail-sep{background:var(--border);width:60%;height:1px;margin:.15rem 0}.lib-rail-list{flex-direction:column;flex:1;align-items:center;gap:.35rem;width:100%;min-height:0;padding-bottom:.4rem;display:flex;overflow:auto}.lib-rail-thumb{background:var(--panel-2);border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:10px;place-items:center;padding:0;font-size:12px;font-weight:700;display:grid;overflow:hidden}.lib-rail-thumb img{object-fit:cover;width:100%;height:100%}.lib-rail-thumb.active{border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-soft);color:var(--leaf)}.lib-collapse-btn{width:28px;height:28px;color:var(--muted);border-radius:8px;padding:0;font-size:16px;font-weight:700}.lib-tags{margin-top:.6rem}html[data-lib-collapsed="1"] .main-grid{grid-template-columns:52px 1fr minmax(300px,340px)}@media (width<=1100px){html[data-lib-collapsed="1"] .main-grid{grid-template-columns:1fr}.library-panel.is-collapsed{min-height:56px}.library-panel.is-collapsed .lib-rail{flex-flow:wrap;justify-content:flex-start;height:auto}.library-panel.is-collapsed .lib-rail-list{flex-flow:wrap;max-height:72px;overflow:auto}}.day-cycle-badge{flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.day-cycle-svg{display:block;position:absolute;inset:0}.day-cycle-arc{transition:stroke-dasharray .12s linear}.day-cycle-core{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:relative;transform:translateY(1px)}.day-cycle-icon{filter:drop-shadow(0 1px 1px #00000073);font-size:11px;line-height:1}.day-cycle-num{color:var(--text);letter-spacing:-.02em;margin-top:1px;font-size:10px;font-weight:800}.library-panel{overflow-x:hidden}.library-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.library-list li{background:0 0;border:none;margin:0;padding:0}.library-list li.active .lib-card{background:var(--accent-soft);border-color:#6bcf8e73;box-shadow:inset 0 0 0 1px #6bcf8e1f}.lib-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:.45rem .5rem;min-width:0;padding:.55rem .6rem;display:grid}.lib-check{grid-row:1/span 2;align-items:flex-start;padding-top:.35rem;display:flex}.lib-main{text-align:left;width:100%;min-width:0;color:inherit;background:0 0;border:none;align-items:flex-start;gap:.55rem;padding:0;display:flex}.lib-main:hover{background:0 0;border-color:#0000}.lib-meta{flex-direction:column;flex:1;gap:.28rem;min-width:0;display:flex}.lib-name{word-break:break-word;font-weight:700;line-height:1.25}.lib-tags-line{white-space:normal;overflow-wrap:anywhere;opacity:.9;font-size:11.5px;line-height:1.4}.lib-actions{flex-wrap:wrap;grid-column:2;gap:.3rem;min-width:0;display:flex}.lib-actions button{border-radius:7px;padding:.28rem .42rem;font-size:11.5px}.lib-batch-bar{border:1px dashed var(--border);border-radius:var(--radius-sm);background:#080e0b40;margin:.35rem 0 .5rem;padding:.4rem .45rem}.lib-check-label{color:var(--muted);font-size:12px}.lib-msg{margin:.25rem 0 .45rem;line-height:1.45}.library-tools-body{flex-direction:column;gap:.45rem;margin-top:.35rem;display:flex}.library-tools-row{align-items:stretch}.lib-tools-hint{margin:0;line-height:1.4}.lib-pack-select{flex:140px;min-width:0}.select-menu{vertical-align:middle;min-width:0;display:inline-flex;position:relative}.select-menu-trigger{text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-width:7.5rem;color:var(--text);justify-content:space-between;align-items:center;gap:.45rem;padding:.38rem .55rem;display:inline-flex}.select-menu-trigger:hover{border-color:var(--accent-2)}.select-menu-trigger:disabled{opacity:.55}.select-menu-placeholder{color:var(--muted)}.select-menu-caret{color:var(--leaf);opacity:.85;font-size:11px}.select-menu-list{z-index:30;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#16241c;max-height:220px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.select-menu-option{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:7px;padding:.4rem .5rem;font-size:12.5px}.select-menu-option:hover{background:var(--accent-soft);color:var(--leaf);border-color:#0000}.select-menu-option.active{color:var(--leaf);background:#3d8f5c38;font-weight:600}.library-panel .thumb{border-radius:8px;flex:none;width:40px;height:40px}.field .select-menu{width:100%;display:flex}.field .select-menu-trigger,.modal .select-menu{width:100%}.lifecycle-card{border:1px solid color-mix(in oklab, var(--accent,#6abf69) 35%, var(--border,#333));background:color-mix(in oklab, var(--panel,#1a1f1a) 88%, var(--accent,#6abf69) 12%);border-radius:12px;padding:10px 12px}.lifecycle-card .bar-track{background:color-mix(in oklab, var(--border,#333) 70%, transparent);border-radius:99px;flex:1;height:6px;overflow:hidden}.lifecycle-card .bar-fill{background:linear-gradient(90deg,#5cb85c,#9acd32);border-radius:99px;height:100%}.lifecycle-card .score-bar{align-items:center;gap:8px;display:flex}.season-card{border-color:color-mix(in oklab, #f0ad4e 40%, var(--border,#333))}.daily-card{border-color:color-mix(in oklab, #7b68ee 40%, var(--border,#333))}.trophy-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.trophy-list li{background:color-mix(in oklab, var(--panel,#1a1f1a) 70%, transparent);border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.garden-list{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.garden-list li{align-items:stretch;gap:6px;display:flex}.garden-item{text-align:left;border:1px solid var(--border,#333);color:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.garden-item.active{border-color:color-mix(in oklab, var(--accent,#6abf69) 55%, var(--border,#333));background:color-mix(in oklab, var(--accent,#6abf69) 12%, transparent)}.garden-list .ghost{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;padding:0 8px}.stage-rail{flex-wrap:wrap;gap:4px;margin:4px 0 8px;display:flex}.stage-dot{border:1px solid var(--border,#333);color:inherit;cursor:pointer;opacity:.75;background:0 0;border-radius:999px;padding:2px 8px;font-size:11px}.stage-dot.active{border-color:color-mix(in oklab, var(--accent,#6abf69) 60%, var(--border));background:color-mix(in oklab, var(--accent,#6abf69) 18%, transparent);opacity:1}.field-check{align-items:center;margin:2px 0}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef4ef;--panel:#f8fbf8;--panel-2:#e9f2ea;--border:#c3d6c8;--text:#15261c;--muted:#5a7263;--accent:#2c7a48;--accent-2:#3a9a58;--accent-soft:#2c7a481f;--leaf:#1f6b3a;--soil:#6b5a45;--moss:#d5e8d7;--danger:#b94a4a;--shadow-soft:0 10px 30px #1e3c281a}html[data-theme=light] body,html[data-theme=light] .app-shell{background:radial-gradient(900px 420px at 10% -10%, #3d9a5c14, transparent 55%), var(--bg)}html[data-theme=light] .topbar{background:radial-gradient(1000px 80px at 12% -30%,#3d9a5c1f,#0000 55%),linear-gradient(#f4faf5 0%,#eaf3ec 100%)}html[data-theme=light] .name-input{color:var(--text);background:#ffffffeb}html[data-theme=light] .edu-line{color:#2f5d40}html[data-theme=light] .panel,html[data-theme=light] .right-dock,html[data-theme=light] .library-panel{background:color-mix(in oklab, var(--panel) 92%, white)}html[data-theme=light] .chip{border-color:var(--border);background:#ffffffb8}html,body,#root{min-height:100dvh}button,.dock-tab,.mode-btn,.lib-rail-btn,.select-menu-trigger{min-height:2.25rem}input[type=range]{touch-action:pan-y;min-height:1.5rem}.field input[type=color]{min-height:var(--touch-min);width:100%;max-width:120px;padding:.2rem}.mobile-nav{display:none}.status-bar{padding:.35rem .7rem;padding-bottom:max(.35rem, var(--safe-bottom));flex-wrap:wrap;gap:.35rem .65rem}@media (width<=1180px){:root{--dock-w:minmax(280px, 320px);--lib-w:minmax(200px, 240px)}}@media (width<=1100px){:root{--topbar-h:52px}.app-shell{overflow:hidden auto}.main-grid{height:auto;min-height:calc(100dvh - var(--topbar-h) - 2.5rem);grid-template-rows:auto minmax(38vh,1fr) minmax(320px,48vh);grid-template-columns:1fr;overflow:visible}html[data-lib-collapsed="1"] .main-grid{grid-template-columns:1fr}.library-panel{border-right:none;border-bottom:1px solid var(--border);max-height:180px}.library-panel.is-collapsed{min-height:56px;max-height:none}.viewport-panel{border-right:none;min-height:38vh}.viewport-canvas{height:min(52vh,520px);min-height:38vh}.right-dock{border-left:none;border-top:1px solid var(--border);min-height:320px;max-height:none}.dock-tabs{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--panel) 88%, transparent);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;position:sticky;top:0;overflow-x:auto}.dock-tabs::-webkit-scrollbar{display:none}.dock-tab{min-height:var(--touch-min);white-space:nowrap;flex:none}.dock-body{padding-bottom:max(1rem, var(--safe-bottom))}.hide-sm{display:none!important}}@media (width<=720px){:root{--space-3:.7rem;--radius:14px;font-size:13.5px}.topbar{padding:max(.45rem, var(--safe-top)) .7rem .55rem;grid-template-columns:1fr auto;grid-template-areas:"brand actions""mode mode""title title";gap:.4rem .55rem;min-height:0}.brand{grid-area:brand}.mode-switch{grid-area:mode;width:100%}.mode-btn{min-height:var(--touch-min);flex:1;justify-content:center}.plant-title{grid-area:title;justify-content:stretch}.plant-title .name-input{max-width:none;min-height:var(--touch-min);font-size:1rem}.topbar-actions{grid-area:actions;justify-content:flex-end;gap:.3rem}.topbar-actions button{min-height:var(--touch-min);min-width:var(--touch-min);padding:.35rem .55rem}.action-group .menu-pop{min-width:11rem;left:auto;right:0}.main-grid{padding-bottom:calc(3.4rem + var(--safe-bottom));grid-template-rows:auto minmax(34vh,46vh) minmax(42vh,1fr)}.viewport-canvas{height:min(46vh,420px);min-height:34vh}.right-dock{min-height:42vh}.library-panel{max-height:150px}.library-list li,.lib-card{min-height:var(--touch-min)}.status-bar{z-index:8;background:color-mix(in oklab, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);position:sticky;bottom:0}.mobile-nav{left:max(.55rem, var(--safe-left));right:max(.55rem, var(--safe-right));bottom:max(.45rem, var(--safe-bottom));z-index:50;border:1px solid var(--border);background:color-mix(in oklab, var(--panel) 92%, transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;grid-template-columns:1fr 1fr;gap:.4rem;padding:.35rem;display:grid;position:fixed}.mobile-nav button{min-height:var(--touch-min);background:0 0;border:none;border-radius:999px}.mobile-nav button.active{background:var(--accent-soft);color:var(--accent-2);font-weight:700}.modal{width:min(100vw - 1.2rem,420px);max-height:min(86dvh,720px);overflow:auto}.select-menu-list{max-height:min(50vh,280px)}.lifecycle-card,.mission-card,.causal-hud{padding:.7rem}.panel{padding:var(--space-2) var(--space-3)}}@media (width<=380px){.brand .title{font-size:.95rem}.chip{font-size:11px}.status-bar span:nth-child(n+6){display:none}}@media (width<=1100px) and (orientation:landscape) and (height<=520px){.main-grid{grid-template-rows:1fr;grid-template-columns:1.1fr 1fr}.library-panel{display:none}.viewport-canvas{height:calc(100dvh - 5.5rem);min-height:220px}.right-dock{border-top:none;border-left:1px solid var(--border);max-height:calc(100dvh - 5.5rem);overflow:auto}.mobile-nav{display:none}.main-grid{padding-bottom:0}}@media (prefers-reduced-motion:reduce){.dock-tabs,.status-bar,.mobile-nav{-webkit-backdrop-filter:none;backdrop-filter:none}}