.page{--ink: #17202a;--muted: #49515b;--accent: #f36f3e;--accent-2: #2d7d7a;--line: rgba(23, 32, 42, .08);--panel: rgba(255, 255, 255, .84);--panel-solid: #ffffff;--chip-bg: #ffffff;--stats-bg: rgba(255, 255, 255, .62);--board-bg: rgba(255, 255, 255, .58);--pattern-active-bg: rgba(255, 239, 222, .95);--cell-off: #eef3f2;--cell-on: linear-gradient(135deg, #f47f45, #ffbe64);min-height:100vh;display:grid;grid-template-columns:minmax(280px,360px) minmax(300px,1fr);gap:1.25rem;padding:1.25rem}.page.theme-light{--bg-1: #fbf5e9;--bg-2: #f0f7ff;background:radial-gradient(circle at 10% 12%,rgba(243,111,62,.22),transparent 38%),radial-gradient(circle at 88% 82%,rgba(45,125,122,.2),transparent 40%),linear-gradient(135deg,var(--bg-1),var(--bg-2))}.page.theme-dark{--ink: #f4f8ff;--muted: #a8b3c5;--accent-2: #5ab7b0;--line: rgba(212, 226, 255, .14);--panel: rgba(13, 19, 30, .82);--panel-solid: #111a29;--chip-bg: #141f30;--stats-bg: rgba(17, 26, 41, .78);--board-bg: rgba(13, 22, 35, .72);--pattern-active-bg: rgba(255, 145, 76, .18);--cell-off: #1b2537;--cell-on: linear-gradient(135deg, #ff8a45, #ffc461);background:radial-gradient(circle at 8% 8%,rgba(245,127,58,.24),transparent 34%),radial-gradient(circle at 92% 88%,rgba(82,164,182,.22),transparent 36%),linear-gradient(140deg,#0e1626,#1a2033)}.panel{border:1px solid var(--line);border-radius:22px;padding:1rem;display:grid;align-content:start;gap:.9rem;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 30px #141e281a,inset 0 1px #ffffffb8}.panel-header h1{margin:0;color:var(--ink);font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.04em;line-height:.9}.eyebrow{margin:0 0 .25rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-weight:700}.description{margin:.6rem 0 0;color:var(--muted)}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.btn{border:0;border-radius:12px;padding:.72rem .86rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-content{display:inline-flex;align-items:center;justify-content:center;gap:.44rem}.btn-start{background:linear-gradient(135deg,#f17341,#ffab4f);color:#221205;box-shadow:0 8px 16px #f36f3e4d}.btn-pause{background:linear-gradient(135deg,#2f8e8b,#5ab7b0);color:#f1fffd;box-shadow:0 8px 16px #2d7d7a4d}.btn-step{background:linear-gradient(135deg,#2e79d8,#62a8ff);color:#eff7ff;box-shadow:0 8px 16px #2e79d847}.btn-random{background:linear-gradient(135deg,#d28a2d,#efbe5a);color:#2d1b05;box-shadow:0 8px 16px #d28a2d47}.btn-clear{background:linear-gradient(135deg,#c9554d,#e37a67);color:#fff4f2;box-shadow:0 8px 16px #c9554d4d}.toggles{display:grid;gap:.45rem}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--ink);font-size:.86rem;font-weight:700}.switch-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;border-radius:999px;background:#c8d2df;position:relative;cursor:pointer;transition:background .16s ease}.switch-row input:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .16s ease;box-shadow:0 1px 3px #050f1940}.switch-row input:checked{background:#2f8e8b}.switch-row input:checked:after{transform:translate(20px)}.range-control{display:grid;gap:.35rem}.range-header{display:flex;align-items:center;justify-content:space-between}.range-label{color:var(--ink);font-weight:600;font-size:.92rem;cursor:default}.range-value{font-size:.8rem;font-weight:700;color:var(--accent-2);font-variant-numeric:tabular-nums}.range-control input{accent-color:#2f8e8b;width:100%}.range-ticks{display:flex;justify-content:space-between;font-size:.7rem;font-weight:500;color:var(--muted);margin-top:.05rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.stat-card{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--stats-bg)}.stat-label{display:flex;align-items:center;gap:.4rem;font-size:.67rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:1.1rem;font-weight:700;color:var(--ink);line-height:1.15;font-variant-numeric:tabular-nums}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}.pattern-library{display:grid;gap:.55rem}.pattern-library-head h2{margin:0;font-size:1.02rem;color:var(--ink)}.pattern-library-head p{margin:.18rem 0 0;font-size:.86rem;color:var(--muted)}.category-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;background:var(--chip-bg);color:var(--ink);font-size:.75rem;font-weight:700;cursor:pointer}.chip-active{background:linear-gradient(135deg,#2f8e8b,#5ab7b0);color:#f2fffc;border-color:transparent}.pattern-list{display:grid;gap:.35rem;max-height:200px;overflow:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.pattern-list::-webkit-scrollbar{width:4px}.pattern-list::-webkit-scrollbar-track{background:transparent}.pattern-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.pattern-card{text-align:left;border:1px solid var(--line);border-radius:12px;padding:.52rem .58rem;background:var(--stats-bg);cursor:pointer;display:grid;gap:.2rem}.pattern-card-active{border-color:#f36f3e80;border-left:3px solid var(--accent);background:var(--pattern-active-bg)}.pattern-title{font-size:.86rem;font-weight:700;color:var(--ink)}.pattern-meta{font-size:.73rem;color:var(--muted)}.pattern-description{font-size:.76rem;color:var(--muted)}.board-wrap{min-width:0;border-radius:24px;border:1px solid var(--line);background:var(--board-bg);padding:1rem;box-shadow:0 12px 28px #11182724;animation:appear .52s ease}.site-credit{grid-column:1 / -1;margin:0;text-align:center;color:var(--muted);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.board{display:grid;gap:2px}.cell{width:100%;aspect-ratio:1 / 1;border:none;border-radius:4px;background:var(--cell-off);box-shadow:inset 0 -1px 1px #10182814;cursor:pointer;transition:transform .1s ease,filter .1s ease}.cell:hover{transform:scale(1.05)}.cell-alive{background:var(--cell-on);box-shadow:0 0 5px #f36f3e73,0 0 0 1px #f36f3e4d,inset 0 -1px 1px #82351833}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.page{grid-template-columns:1fr}.panel{order:2}.board-wrap{order:1}.pattern-list{max-height:150px}.site-credit{order:3}}:root{font-family:Inter,Avenir Next,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;color:#0f172a}