:root{--bg-root:#f5f5f0;--bg-surface:#f5f5f0;--bg-card:#ffffffd9;--bg-soft:#fff9;--bg-hover:#00000008;--ink-900:#111;--ink-700:#4a4a44;--ink-500:#7a7a72;--ink-300:#b0b0a8;--border-soft:#0000000f;--border-strong:#0000001f;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0000000a;--shadow-lg:0 8px 32px #0000000d;--shadow-xl:0 16px 48px #0000000f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--accent-plant:#93a18d;--accent-animal:#b4a8a0;--accent-immune:#c4a8b4;--accent-neuron:#a8b5c4;--accent-dna:#bba8c4;--font-sans:"Inter", -apple-system, "Helvetica Neue", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink-700);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{color:var(--ink-700);background:radial-gradient(1400px 800px at 70% -10%,#b7c4b11f,#0000 60%),radial-gradient(1000px 700px at -10% 80%,#93a18d14,#0000 60%),radial-gradient(1200px 900px,#fff9,#0000 70%),linear-gradient(175deg,#f7f7f2 0%,#f0f0ea 40%,#ecece6 100%);overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--ink-900);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--ink-900);font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}button{cursor:pointer;font-family:inherit}::selection{background:#93a18d33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000014;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.app-shell{grid-template-rows:auto 1fr auto;gap:14px;width:100%;max-width:1640px;height:100vh;margin:0 auto;padding:16px 24px 12px;display:grid;overflow:hidden}@supports (height:100dvh){.app-shell{height:100dvh}}body{overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:4px 6px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--bg-card);border:1px solid var(--border-soft);width:44px;height:44px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;place-items:center;display:grid}.brand-title{font-size:26px;font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink-900);font-weight:600;line-height:1.1}.brand-tagline{color:var(--ink-500);align-items:baseline;gap:8px;margin-top:4px;font-size:13px;display:flex}.brand-hand{font-family:var(--font-serif);color:var(--ink-700);font-size:18px;font-style:italic}.brand-sep{color:var(--ink-300)}.topbar-meta{color:var(--ink-500);align-items:center;gap:12px;font-size:13px;display:flex}.meta-pill{background:var(--bg-card);border:1px solid var(--border-soft);color:var(--ink-500);font-size:11px;font-family:var(--font-mono);letter-spacing:.3px;border-radius:999px;padding:4px 12px}.layout{grid-template-rows:minmax(0,1fr);grid-template-columns:240px minmax(0,1fr) 320px;gap:14px;min-height:0;display:grid}.sidebar,.info-panel{overflow-y:auto}@media (max-width:1280px){.layout{grid-template-columns:220px minmax(0,1fr) 280px}}.sidebar{flex-direction:column;gap:16px;min-height:0;display:flex}.sidebar-section{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;flex:1;min-height:0;padding:16px 14px;display:flex}.sidebar-section .cell-list{flex:1;padding-right:4px;overflow-y:auto}.sidebar-header{text-transform:uppercase;letter-spacing:3px;color:var(--ink-500);border-bottom:1px solid var(--border-soft);align-items:center;gap:8px;margin-bottom:12px;padding:2px 4px 12px;font-size:10px;font-weight:600;display:flex}.sidebar-header .dot{background:#d8d8d0;border-radius:50%;width:6px;height:6px}.cell-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cell-item{border-radius:var(--radius-md);text-align:left;width:100%;color:var(--ink-900);background:0 0;border:1px solid #0000;grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:8px 8px 8px 6px;transition:all .2s;display:grid}.cell-item:hover{background:var(--bg-hover);border-color:var(--border-soft)}.cell-item.active{border-color:var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.cell-thumb{background:var(--bg-root);border:1px solid var(--border-soft);border-radius:12px;width:48px;height:48px;position:relative;overflow:hidden}.cell-thumb img{object-fit:cover;mix-blend-mode:multiply;opacity:.85;width:100%;height:100%;display:block}.cell-thumb .badge{background:var(--ink-900);color:#fff;letter-spacing:.3px;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:600;position:absolute;top:3px;right:3px}.cell-meta{min-width:0}.cell-name{color:var(--ink-900);font-size:14px;font-weight:600}.cell-sub{color:var(--ink-500);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.cell-status{align-items:center;gap:6px;margin-top:5px;display:flex}.status-chip{letter-spacing:.2px;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.status-chip.ok{color:#7d8a74;background:#93a18d1a}.status-chip.idle{color:var(--ink-300);background:#00000008}.status-chip.loading{color:#7a8a9a;background:#a8b5c41a}.mini-bar{background:#0000000f;border-radius:999px;width:32px;height:3px;overflow:hidden}.mini-fill{background:#a8b5c4;height:100%;transition:width .2s;display:block}.stage{border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);background:radial-gradient(100% 80% at 50% 40%,#fffffff2 0%,#f5f5f0e6 50%,#ecece6d9 100%);min-height:0;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 30% 20%,#fff9,#0000 60%),radial-gradient(40% 40% at 80% 70%,#00000005,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.stage:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 60%,#00000004 100%);position:absolute;top:0;bottom:0;left:0;right:0}.viewer{width:100%;height:100%;position:relative}.viewer canvas{display:block;width:100%!important;height:100%!important}.overlay-heading{z-index:4;pointer-events:none;max-width:60%;position:absolute;top:24px;left:28px}.overlay-title{font-size:44px;font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-900);margin:0;line-height:1.05}.overlay-sub{color:var(--ink-500);font-size:17px;font-family:var(--font-sans);margin-top:6px;font-weight:400}.overlay-tip{z-index:3;pointer-events:none;letter-spacing:.8px;color:var(--ink-300);-webkit-user-select:none;user-select:none;margin:0;font-size:11px;position:absolute;bottom:32px;left:28px}.overlay-toolbar{z-index:4;border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#fffc;border-radius:14px;gap:6px;padding:5px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.tool-btn{color:var(--ink-500);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;transition:all .18s;display:inline-flex}.tool-btn:hover{background:var(--bg-hover);color:var(--ink-900)}.tool-btn.active{background:var(--ink-900);color:#fff}.progress-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#f5f5f0e0;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.progress-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:min(340px,86%);box-shadow:var(--shadow-lg);text-align:center;background:#fff;padding:28px 28px 24px}.progress-spinner{place-items:center;margin-bottom:16px;display:grid}.progress-headline{font-family:var(--font-sans);color:var(--ink-900);margin-bottom:16px;font-size:15px;font-weight:500}.progress-headline strong{color:var(--ink-900);font-weight:600}.progress-bar{background:#0000000f;border-radius:999px;width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#b7c4b1 0%,#93a18d 100%);border-radius:999px;height:100%;transition:width .18s}.progress-status{color:var(--ink-500);justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.progress-percent{font-family:var(--font-mono);color:var(--ink-900);letter-spacing:.5px;font-size:20px}.progress-text{color:var(--ink-500);font-size:12px}.progress-error{color:#c44a4a;margin-top:12px;font-size:12px}.info-panel{overscroll-behavior:contain;flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.info-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 18px}.card-eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--ink-500);font-size:10px;font-family:var(--font-mono);margin-bottom:8px;font-weight:500;display:block}.hero-card header{margin-bottom:16px}.hero-card h2{font-size:22px;font-family:var(--font-serif);color:var(--ink-900);margin-bottom:4px}.info-tagline{color:var(--ink-500);font-size:13px}.info-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.info-grid div dt{text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-500);margin-bottom:3px;font-size:10px}.info-grid div dd{color:var(--ink-900);margin:0;font-size:13px;font-weight:500}.pill{letter-spacing:.3px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.pill.on{color:#7d8a74;background:#93a18d1a}.pill.off{color:var(--ink-300);background:#00000008}.info-description{color:var(--ink-700);font-size:13.5px;line-height:1.7}.feature-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.feature-list li{grid-template-columns:8px 1fr;align-items:start;gap:10px;display:grid}.feature-dot{background:#d8d8d0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.feature-name{color:var(--ink-900);margin-bottom:1px;font-size:13px;font-weight:600}.feature-detail{color:var(--ink-500);font-size:12px;line-height:1.5}.fun-text{font-family:var(--font-serif);color:var(--ink-700);font-size:15px;font-style:italic;line-height:1.6}.occur-card p{color:var(--ink-700);margin-bottom:10px;font-size:13px;line-height:1.6}.habitat{color:var(--ink-500);background:var(--bg-hover);border:1px solid var(--border-soft);border-radius:999px;padding:3px 10px;font-size:11px;display:inline-block}.footer{text-align:center;color:var(--ink-300);letter-spacing:.5px;padding:4px 0;font-size:11px}