:root{--radius-lg: 16px;--radius-pill: 999px;--shadow-soft: 0 10px 25px rgba(15, 23, 42, .08);--shadow-strong: 0 18px 45px rgba(15, 23, 42, .2);--border-width-card: 1px}:root[data-theme=pro-slate],:root:not([data-theme]){--bg: #0b1118;--bg-main: radial-gradient( circle at top center, #111827 0, #0b1118 55%, #0b1118 100% );--bg-main-surface: none;--sidebar-bg: linear-gradient(120deg, #0b1118, #111827);--sidebar-border: rgba(71, 85, 105, .45);--sidebar-surface: rgba(15, 23, 42, .75);--sidebar-surface-hover: rgba(30, 41, 59, .9);--sidebar-surface-active: rgba(51, 65, 85, .85);--card-bg: #0f172a;--card-border: #1f2937;--text: #e5e7eb;--text-subtle: #94a3b8;--text-main: #e2e8f0;--text-main-subtle: #9ca3af;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .15);--accent-hover: #0ea5e9;--accent-contrast: #0b1118;--surface-bg: #111827;--surface-border: #273244;--input-bg: #0f172a;--input-border: #334155;--input-text: #e2e8f0;--input-disabled-bg: #0b1220;--input-disabled-text: #64748b;--grid-bg: #1f2937;--grid-cell: #0b1220}:root[data-theme=modern-light]{--bg: #f3f4f6;--bg-main: radial-gradient( circle at top left, #f8fafc 0, #e2e8f0 35%, #f1f5f9 100% );--bg-main-surface: none;--sidebar-bg: linear-gradient(135deg, #0f172a, #1e293b);--sidebar-border: rgba(15, 23, 42, .7);--sidebar-surface: rgba(15, 23, 42, .6);--sidebar-surface-hover: rgba(30, 41, 59, .8);--sidebar-surface-active: rgba(37, 99, 235, .2);--card-bg: #ffffff;--card-border: #e2e8f0;--text: #f8fafc;--text-subtle: #cbd5e1;--text-main: #0f172a;--text-main-subtle: #475569;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-hover: #1d4ed8;--accent-contrast: #f8fafc;--surface-bg: #f8fafc;--surface-border: #e2e8f0;--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #0f172a;--input-disabled-bg: #e2e8f0;--input-disabled-text: #94a3b8;--grid-bg: #e2e8f0;--grid-cell: #ffffff}:root[data-theme=terminal-green]{--bg: #050b07;--bg-main: radial-gradient( circle at top center, #0b1510 0, #050b07 55%, #050b07 100% );--bg-main-surface: none;--sidebar-bg: linear-gradient(140deg, #030a05, #0a1a12);--sidebar-border: rgba(34, 197, 94, .25);--sidebar-surface: rgba(6, 14, 10, .8);--sidebar-surface-hover: rgba(10, 24, 18, .95);--sidebar-surface-active: rgba(34, 197, 94, .2);--card-bg: #0b1510;--card-border: #1f2f25;--text: #d1fae5;--text-subtle: #7dd3a5;--text-main: #d1fae5;--text-main-subtle: #9ae6b4;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .2);--accent-hover: #16a34a;--accent-contrast: #021008;--surface-bg: #0f1d16;--surface-border: #1f3a2c;--input-bg: #0b1a12;--input-border: #2f4b39;--input-text: #d1fae5;--input-disabled-bg: #0a1410;--input-disabled-text: #4b9468;--grid-bg: #1f2f25;--grid-cell: #0b1510}:root[data-theme=midnight-purple]{--bg: #12071f;--bg-main: radial-gradient( circle at top center, #1b0b2e 0, #0f061a 55%, #0f061a 100% );--bg-main-surface: none;--sidebar-bg: linear-gradient(140deg, #0f061a, #1b0b2e);--sidebar-border: rgba(168, 85, 247, .25);--sidebar-surface: rgba(24, 10, 36, .8);--sidebar-surface-hover: rgba(32, 14, 48, .95);--sidebar-surface-active: rgba(168, 85, 247, .2);--card-bg: #1b0b2e;--card-border: #2b1444;--text: #f3e8ff;--text-subtle: #c4b5fd;--text-main: #f3e8ff;--text-main-subtle: #c4b5fd;--accent: #a855f7;--accent-soft: rgba(168, 85, 247, .2);--accent-hover: #9333ea;--accent-contrast: #12071f;--surface-bg: #241036;--surface-border: #3b1a5a;--input-bg: #1b0f2b;--input-border: #4c1d95;--input-text: #f5f3ff;--input-disabled-bg: #160a24;--input-disabled-text: #8b5cf6;--grid-bg: #2d1450;--grid-cell: #1a0b2f}:root[data-theme=sunset-orange]{--bg: #1b0e06;--bg-main: radial-gradient( circle at top center, #2b1206 0, #140803 55%, #140803 100% );--bg-main-surface: none;--sidebar-bg: linear-gradient(140deg, #140803, #2b1206);--sidebar-border: rgba(249, 115, 22, .3);--sidebar-surface: rgba(34, 14, 6, .8);--sidebar-surface-hover: rgba(52, 20, 8, .95);--sidebar-surface-active: rgba(249, 115, 22, .2);--card-bg: #2b1206;--card-border: #3f1b0c;--text: #ffedd5;--text-subtle: #fdba74;--text-main: #ffedd5;--text-main-subtle: #fdba74;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .2);--accent-hover: #ea580c;--accent-contrast: #1b0e06;--surface-bg: #3b1a0c;--surface-border: #5a250f;--input-bg: #2a1407;--input-border: #7c2d12;--input-text: #ffedd5;--input-disabled-bg: #1f0e06;--input-disabled-text: #c2410c;--grid-bg: #4a1d0c;--grid-cell: #2b1206}:root[data-theme=aqua-glass]{--bg: #06131a;--bg-main: radial-gradient( circle at top center, #0a1f2b 0, #06131a 55%, #06131a 100% );--bg-main-surface: none;--sidebar-bg: linear-gradient(140deg, #051018, #0a1f2b);--sidebar-border: rgba(14, 165, 233, .3);--sidebar-surface: rgba(6, 20, 28, .8);--sidebar-surface-hover: rgba(10, 30, 40, .95);--sidebar-surface-active: rgba(34, 211, 238, .2);--card-bg: rgba(10, 30, 40, .6);--card-border: rgba(148, 163, 184, .25);--text: #e0f2fe;--text-subtle: #7dd3fc;--text-main: #e0f2fe;--text-main-subtle: #bae6fd;--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .18);--accent-hover: #0ea5b7;--accent-contrast: #03151d;--surface-bg: rgba(15, 46, 60, .6);--surface-border: rgba(125, 211, 252, .25);--input-bg: rgba(8, 32, 44, .8);--input-border: rgba(34, 211, 238, .35);--input-text: #e0f2fe;--input-disabled-bg: rgba(8, 24, 32, .8);--input-disabled-text: #67e8f9;--grid-bg: rgba(8, 30, 38, .9);--grid-cell: rgba(8, 42, 56, .95)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-root{display:flex;height:100%;width:100%}.sidebar{width:320px;max-width:340px;padding:1.75rem 1.5rem 1.75rem 1.75rem;background:var(--sidebar-bg);border-right:none;box-shadow:12px 0 30px #00000080;display:flex;flex-direction:column;gap:1.5rem;color:var(--text);border-right:1px solid var(--sidebar-border);height:100vh;height:100dvh;overflow:hidden}.sidebar-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.sidebar-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sidebar-toggle{border-radius:var(--radius-pill);border:1px solid var(--sidebar-border);padding:.3rem .85rem;font-size:.8rem;background:var(--sidebar-surface);color:var(--text);cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .05s}.sidebar-toggle:hover{background:var(--sidebar-surface-hover);border-color:var(--accent);transform:translateY(-.5px)}.sidebar-content{flex:1;overflow-y:auto;padding-right:.35rem;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:1.5rem}.sidebar-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:.02em}.sidebar-subtitle{margin:0;font-size:.9rem;color:var(--text-subtle)}.sidebar-link{align-self:flex-start;font-size:.85rem;text-decoration:none;color:var(--text);border-radius:var(--radius-pill);border:1px solid var(--sidebar-border);padding:.3rem .8rem;display:inline-flex;align-items:center;gap:.3rem;background:var(--sidebar-surface);transition:background .15s,color .15s,border-color .15s,transform .05s}.sidebar-link:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transform:translateY(-.5px)}.sidebar-section{border-top:1px solid rgba(55,65,81,.9);padding-top:1rem}.sidebar-section-title{font-size:1rem;margin:0 0 .5rem;font-weight:600;color:var(--text)}.sidebar-section-subtitle{font-size:.9rem;margin:.75rem 0 .25rem;color:var(--text-subtle)}.sidebar-section-text{font-size:.88rem;margin:.25rem 0 .75rem;color:var(--text-subtle)}.sidebar-list{margin:.25rem 0 .5rem;padding-left:1rem;font-size:.88rem;color:var(--text)}.sidebar-list li{margin-bottom:.25rem}.theme-toggle-group{display:flex;flex-wrap:wrap;gap:.4rem}.theme-pill{border-radius:var(--radius-pill);border:1px solid var(--sidebar-border);padding:.25rem .7rem;font-size:.78rem;background:var(--sidebar-surface);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.theme-pill:hover{border-color:var(--accent);background:var(--sidebar-surface-hover);transform:translateY(-.5px)}.theme-pill-active{background:var(--accent-soft);border-color:var(--accent)}.project-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.project-item{width:100%;text-align:left;border-radius:var(--radius-pill);border:1px solid var(--sidebar-border);padding:.6rem .9rem;background:var(--sidebar-surface);cursor:pointer;font-size:.85rem;display:flex;flex-direction:column;gap:.15rem;transition:border-color .15s,box-shadow .15s,background .15s,transform .05s;color:var(--text)}.project-item:hover{border-color:var(--accent);box-shadow:0 0 0 1px #0ea5e959;transform:translateY(-1px)}.project-item-active{border-color:var(--accent);background:var(--sidebar-surface-active);box-shadow:0 0 0 1px var(--accent-soft)}.project-name{font-weight:600}.project-tagline{font-size:.78rem;color:var(--text-subtle)}.main{flex:1;padding:2rem 2.5rem;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;background:var(--bg-main)}.main-card{width:100%;max-width:1200px}.life-card{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:1.25rem}.card{position:relative;background:var(--card-bg);border:var(--border-width-card) solid var(--card-border);border-radius:var(--radius-lg);padding:1.5rem 1.8rem;box-shadow:var(--shadow-soft);overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border-left:4px solid var(--accent);pointer-events:none;opacity:.8}.card-title{margin-top:0;font-size:1.35rem;font-weight:600;color:var(--text-main)}.card-text{margin:.5rem 0 .75rem;color:var(--text-main-subtle);font-size:.95rem}.placeholder-box{background:var(--surface-bg);border-radius:calc(var(--radius-lg) - 4px);border:1px dashed var(--surface-border);padding:1rem;margin-top:.75rem;color:var(--text-main)}.placeholder-title{font-weight:600;margin:0 0 .5rem;font-size:.95rem}.placeholder-list{padding-left:1.1rem;margin:.4rem 0;font-size:.9rem}.placeholder-list li{margin-bottom:.3rem}.main-footer{margin-top:1rem;font-size:.9rem;color:var(--text-main-subtle)}.life-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.life-status{display:flex;align-items:center;gap:.8rem}.life-badge{padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.life-badge-running{background:#22c55e33;color:#16a34a}.life-badge-stopped{background:#ef444433;color:#dc2626}.life-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;padding:.75rem 0 .25rem;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.life-meta-item{display:flex;flex-direction:column;gap:.15rem;min-width:140px}.life-meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-main-subtle)}.life-meta-value{font-size:1rem;font-weight:600;color:var(--text-main)}.life-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end}.life-control-group{display:flex;flex-direction:column;gap:.4rem}.life-control-group input,.life-control-group select,.theme-dropdown{border-radius:.65rem;border:1px solid var(--input-border);padding:.35rem .5rem;font-size:.9rem;background:var(--input-bg);color:var(--input-text)}.life-control-group input:disabled,.life-control-group select:disabled,.theme-dropdown:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-text)}.life-label{font-size:.82rem;color:var(--text-main-subtle)}.life-actions{flex-direction:row;gap:.6rem}.life-button{border-radius:var(--radius-pill);border:1px solid var(--input-border);padding:.4rem .9rem;font-size:.85rem;background:var(--surface-bg);color:var(--text-main);cursor:pointer;transition:border-color .15s,transform .05s,background .15s}.life-button:hover{border-color:var(--accent);transform:translateY(-1px)}.life-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.life-button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.life-grid-wrapper{display:flex;flex-direction:column;gap:.5rem}.life-grid-tools{display:flex;align-items:center;justify-content:space-between}.life-grid-hint{margin:0;font-size:.85rem;color:var(--text-main-subtle)}.life-grid{display:grid;gap:1px;background:var(--grid-bg);padding:.4rem;border-radius:.75rem;max-height:70vh;overflow:auto}.life-grid-locked{opacity:.7}.life-cell{width:10px;height:10px;background:var(--grid-cell);border:none;padding:0;cursor:pointer;position:relative}.life-cell-alive{background:var(--accent)}.life-cell-preview-footprint{box-shadow:inset 0 0 0 1px #f8fafc59}.life-cell-preview-add{background:#22c55eb3}.life-cell-preview-remove{background:#f87171b3}.life-cell:disabled{cursor:not-allowed}.life-export{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--surface-border);padding-top:1rem}.life-export-title{margin:0 0 .4rem;font-size:1rem;color:var(--text-main)}.life-export-json{margin:0;background:var(--surface-bg);border-radius:.75rem;padding:1rem;border:1px solid var(--surface-border);font-size:.8rem;max-height:240px;overflow:auto;text-align:left;color:var(--text-main)}@media (max-width: 900px){.app-root{flex-direction:column}.sidebar{width:100%;max-width:100%;border-right:none;border-bottom:1px solid rgba(31,41,55,.7);box-shadow:none;height:auto;padding-bottom:1rem}.sidebar-content{max-height:0;padding-right:0;overflow:hidden;transition:max-height .2s ease}.sidebar-open .sidebar-content{max-height:65vh;overflow-y:auto;padding-right:.35rem}.sidebar-toggle{align-self:flex-start}.main{padding:1.25rem 1.25rem 1.75rem}.main-card{max-width:100%}}