@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Manrope:wght@400;500;600&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#3b3a35;background-color:#f5f2ec;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f5f2ec;--panel: #fbf8f2;--accent: #7b9585;--accent-strong: #5f7b6c;--ink: #3b3a35;--muted: #7a746b;--grid: rgba(138, 129, 118, .35);--board: #f2efe9;--alive: #7b9585;--shadow: 0 16px 40px rgba(83, 77, 68, .12);--control-bg: #e7e0d6;--control-hover: #dbd2c6;--input-bg: #f7f2ea;--border: #d4ccc2}:root[data-theme=dark]{color:#e6e2dc;background-color:#1f2421;--paper: #1f2421;--panel: #2a302c;--accent: #87a38f;--accent-strong: #6f8977;--ink: #e6e2dc;--muted: #b8b0a4;--grid: rgba(150, 160, 150, .22);--board: #232a26;--alive: #9bb6a2;--shadow: 0 16px 40px rgba(10, 12, 11, .35);--control-bg: #323a35;--control-hover: #3a443e;--input-bg: #2b332f;--border: #3c463f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fefbf6,#f4efe7 55%,#e9e1d6)}:root[data-theme=dark] body{background:radial-gradient(circle at top,#2b322e,#202623 55%,#161b18)}#root{min-height:100vh}button,select,input{font-family:inherit}button{border:none;border-radius:999px;padding:10px 18px;font-weight:600;background:var(--control-bg);color:var(--ink);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}button:hover{background:var(--control-hover);box-shadow:0 10px 20px #5751462e;transform:translateY(-1px)}button.primary{background:var(--accent);color:#f7f4ee}button.primary:hover{background:var(--accent-strong)}input[type=range]{accent-color:var(--accent)}select{border-radius:999px;border:1px solid var(--border);padding:8px 14px;background:var(--input-bg);color:var(--ink)}textarea{width:100%;border-radius:18px;border:1px solid var(--border);padding:14px 16px;font-family:Manrope,system-ui,sans-serif;background:var(--input-bg);color:var(--ink);resize:vertical;min-height:140px}.app{min-height:100vh;padding:48px clamp(18px,4vw,52px) 64px;display:flex;flex-direction:column;gap:28px}.hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.72rem;color:var(--muted)}.hero h1{font-family:Fraunces,serif;font-size:clamp(2.4rem,4.8vw,4rem);margin:8px 0 12px}.subtitle{max-width:480px;color:var(--muted);font-size:1rem}.stats{background:var(--panel);padding:16px 22px;border-radius:20px;box-shadow:var(--shadow);display:grid;gap:6px;text-align:center;min-width:140px}.stats strong{font-size:1.6rem;color:var(--accent-strong)}.controls{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;background:var(--panel);padding:16px 18px;border-radius:20px;box-shadow:var(--shadow)}.control-group{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.control-group label{font-weight:600;color:var(--ink)}.board{background:var(--panel);border-radius:26px;padding:clamp(12px,2vw,22px);box-shadow:var(--shadow);display:flex;justify-content:center;align-items:center;min-height:clamp(320px,55vh,640px)}canvas{border-radius:16px;background:var(--board)}.patterns{background:var(--panel);border-radius:22px;padding:18px;box-shadow:var(--shadow);display:grid;gap:14px}.patterns h2{margin:0 0 6px;font-family:Fraunces,serif;font-size:1.4rem}.patterns p{margin:0;color:var(--muted)}.pattern-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pattern-message{color:var(--muted);font-size:.9rem}.footer{color:var(--muted);font-size:.9rem;display:grid;gap:6px}.stability{color:var(--ink);font-weight:500}@media(max-width:720px){.controls{align-items:flex-start}.stats{width:100%;text-align:left}}