:root{--bg-color: #ffffff;--text-color: #333;--ui-bg-color: rgba(255, 255, 255, .8);--border-color: #ccc;--button-bg: #4caf50;--button-hover: #45a049;--debug-button-bg: #f44336;--debug-button-hover: #d32f2f}body.dark-mode{--bg-color: #121212;--text-color: #e0e0e0;--ui-bg-color: rgba(30, 30, 30, .9);--border-color: #444;--button-bg: #388e3c;--button-hover: #2e7d32;--debug-button-bg: #c62828;--debug-button-hover: #b71c1c}body{margin:0;overflow:hidden;font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}#ui{position:absolute;top:10px;left:10px;z-index:100;background:var(--ui-bg-color);padding:16px;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:300px;display:none}#ui.visible{display:block}h1{margin-top:0;margin-bottom:16px;font-size:24px;color:var(--text-color)}.controls{display:flex;margin-bottom:16px}#seedInput{flex:1;padding:8px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:var(--bg-color);color:var(--text-color)}button{margin-left:8px;padding:8px 12px;background-color:var(--button-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}button:hover{background-color:var(--button-hover)}#debugButton{background-color:var(--debug-button-bg);margin-top:8px;margin-left:0;width:100%}#debugButton:hover{background-color:var(--debug-button-hover)}.instructions{border-top:1px solid var(--border-color);padding-top:12px}.instructions h3{margin:12px 0 6px;font-size:16px;color:var(--text-color)}.instructions h3:first-child{margin-top:0}.instructions p{margin:4px 0;font-size:14px}#finishedCount{margin-top:8px;font-weight:700}