:root{font-family:Inter,sans-serif;font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1440px;margin:0 auto;padding:2rem;text-align:center}.overlay.svelte-5awcn0{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:svelte-5awcn0-fadeIn .2s ease}.modal.svelte-5awcn0{background-color:#41345a;color:#fff;padding:2rem;border-radius:.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 30px #00000080;animation:svelte-5awcn0-slideIn .2s ease}@keyframes svelte-5awcn0-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-5awcn0-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tabs.svelte-1n46o8q .tab:where(.svelte-1n46o8q){font-weight:600;background-color:#41345a;color:#fff;border:none;padding:.5rem;cursor:pointer}.tabs.svelte-1n46o8q .tab.active:where(.svelte-1n46o8q){box-shadow:inset 0 0 0 .25rem #0f0}.tabs.svelte-1n46o8q .tab:where(.svelte-1n46o8q):disabled{opacity:.5;pointer-events:none}.tabs.svelte-1n46o8q .tab.reset:where(.svelte-1n46o8q){background-color:#8b0000}.tabs.svelte-1n46o8q .tab.reset:where(.svelte-1n46o8q):hover{background-color:#a00000}.section.svelte-1n46o8q{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.grid-list.svelte-1n46o8q{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(4,4rem);grid-template-rows:repeat(4,4rem);gap:.2rem}.cell.svelte-1n46o8q{background-color:#41345a;aspect-ratio:1;border:none;padding:.5rem;color:#fff;font-family:monospace;cursor:pointer;-webkit-user-select:none;user-select:none}.cell.picked.svelte-1n46o8q{box-shadow:inset 0 0 0 .25rem #0f0}.modal-content.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0 0 1rem;font-size:1.5rem}.modal-content.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0 0 1.5rem;color:#ccc}.modal-content.svelte-1n46o8q .modal-buttons:where(.svelte-1n46o8q){display:flex;gap:1rem;justify-content:center}.modal-content.svelte-1n46o8q .modal-btn:where(.svelte-1n46o8q){padding:.75rem 1.5rem;border:none;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-content.svelte-1n46o8q .modal-btn.cancel:where(.svelte-1n46o8q){background-color:#666;color:#fff}.modal-content.svelte-1n46o8q .modal-btn.cancel:where(.svelte-1n46o8q):hover{background-color:#777}.modal-content.svelte-1n46o8q .modal-btn.confirm:where(.svelte-1n46o8q){background-color:#8b0000;color:#fff}.modal-content.svelte-1n46o8q .modal-btn.confirm:where(.svelte-1n46o8q):hover{background-color:#a00000}