:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*:focus-visible{outline:2px solid #2f6fed;outline-offset:2px}body{margin:0;background:#f4f5f7;color:#1a1a1a}.header{padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#fff}.brand{font-weight:700;text-decoration:none;color:inherit;font-size:1.1rem}main{display:flex;justify-content:center;padding:3rem 1rem}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;width:100%;max-width:480px}.page-stack{width:100%}.share-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1rem 1.25rem;margin-bottom:1rem;width:100%;box-sizing:border-box}.card-result{max-width:100%}.card-result h1,.card-result .subtitle,.card-result .done{text-align:center}h1{margin:0 0 .25rem;font-size:1.5rem}.label{margin:0;color:#6b6b6b;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.subtitle{color:#666;margin-top:0;margin-bottom:1.5rem}.form{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.75rem}.row button{flex:1}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#444;flex:1}input,select{padding:.55rem .65rem;border:1px solid #d0d0d0;border-radius:8px;font-size:1rem;background:#fff;font-family:inherit;transition:border-color .15s ease}input:hover,select:hover{border-color:#b0b6c0}input:focus-visible,select:focus-visible{border-color:#2f6fed}button{padding:.65rem 1rem;border:none;border-radius:8px;background:#2f6fed;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .1s ease}button:hover:not(:disabled){background:#2559c7}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#eef1f6;color:#333}button.secondary:hover:not(:disabled){background:#e2e6ee}a{color:#2f6fed;font-weight:600}a:hover{text-decoration:none}.draw-button{display:block;width:100%;padding:1.25rem 1rem;margin-bottom:1.5rem;border-radius:14px;background:linear-gradient(135deg,#ff8a3d,#ff5f6d);color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 20px #ff5f6d59;transition:transform .15s ease,box-shadow .15s ease;animation:draw-pulse 1.8s ease-in-out infinite}.draw-button:hover:not(:disabled){background:linear-gradient(135deg,#ff8a3d,#ff5f6d);transform:translateY(-2px) scale(1.01);box-shadow:0 12px 26px #ff5f6d73}.draw-button:active:not(:disabled){transform:translateY(0) scale(.99)}.draw-button:disabled{animation:none}@keyframes draw-pulse{0%,to{box-shadow:0 8px 20px #ff5f6d59}50%{box-shadow:0 8px 28px #ff5f6d99}}.letter-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:-.5rem}.letter-chip{min-width:2.25rem;height:2.25rem;padding:0 .4rem;border-radius:8px;background:#eef1f6;color:#333;font-weight:600;font-size:.9rem}.letter-chip.selected{background:#2f6fed;color:#fff}.error{color:#c0362c;font-size:.9rem}.numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.25rem 0}.number-slot{display:flex;flex-direction:column;align-items:center;gap:.25rem}.slot-index{font-size:.7rem;font-weight:700;color:#999}.ball{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .6rem;border-radius:999px;background:#2f6fed;color:#fff;font-weight:700;font-size:.9rem;animation:pop-in .25s ease-out}.ball-hidden{background:transparent;border:2px dashed #c8cdd6;color:#b6bbc4;animation:none}.ball-partial{background:#fff;border:2px solid #2f6fed;color:#2f6fed}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.done{color:#2f6fed;font-weight:600}.current-pick-label{margin:0 0 .4rem;text-align:center;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#666}.current-pick{display:flex;align-items:center;justify-content:center;min-height:4.5rem;margin-bottom:1.5rem;padding:.75rem;border-radius:14px;background:#f4f5f7;border:2px dashed #d0d5de;font-size:2.25rem;font-weight:800;color:#2f6fed;letter-spacing:.03em}.current-pick-placeholder{color:#b6bbc4}.share{display:flex;gap:.5rem}.share input{flex:1}.meta{font-size:.8rem;color:#777;margin-bottom:1.25rem}