:root{--bg: #07090d;--bg-surface: #0c1018;--bg-card: #0f1520;--bg-hover: #141d2b;--bg-input: #0a0f18;--border: #1a2535;--border-bright: #253548;--accent: #0dff8c;--accent-dim: rgba(13, 255, 140, .12);--accent-glow: rgba(13, 255, 140, .35);--accent-2: #00cfff;--accent-2-dim: rgba(0, 207, 255, .1);--text-primary: #d0dce8;--text-secondary: #6b8299;--text-muted: #3a4f63;--text-code: #a6e3ff;--red: #ff4d6a;--yellow: #f5c842;--radius: 6px;--radius-lg: 10px;--font-mono: "Geist Mono", "SF Mono", "Fira Code", "Cascadia Code", "Consolas", "Liberation Mono", monospace;--font-ui: "Geist", "SF Pro Display", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--transition: .16s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Geist;src:url(./assets/fonts/Geist[wght].woff2) format("woff2");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Geist Mono;src:url(./assets/fonts/GeistMono[wght].woff2) format("woff2");font-weight:100 900;font-display:swap;font-style:normal}html{font-size:15px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-ui);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0a0e15 0%,var(--bg) 100%);padding:1.25rem 2rem 1rem}.site-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:.7}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:1rem}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-primary)}.logo-mark{color:var(--accent);display:flex;align-items:center;flex-shrink:0;filter:drop-shadow(0 0 6px var(--accent-glow))}.logo-text{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.header-meta{display:flex;align-items:center;gap:1rem}.status-badge{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(13,255,140,.2);padding:.25rem .6rem;border-radius:2px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.version-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.06em}.header-tagline{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;max-width:1200px;margin-left:auto;margin-right:auto;letter-spacing:.01em}.main-content{flex:1;position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:2.5rem 2rem 3rem;display:flex;flex-direction:column;gap:2rem}.app-status{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}.app-status.is-error{color:var(--red)}.app-status.is-hidden{display:none}.status-inner{display:flex;align-items:center;gap:.75rem}.spinner{width:16px;height:16px;border:1.5px solid var(--border-bright);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.app-status.is-error .spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}.generate-all-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 4px 30px #0006;display:flex;flex-direction:column;gap:1rem}.generate-all-strip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.gen-all-main{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.gen-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 2.5rem;background:var(--accent);border:none;border-radius:var(--radius);color:#040a0d;font-family:var(--font-mono);font-size:1.05rem;font-weight:700;letter-spacing:.07em;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:box-shadow var(--transition),transform var(--transition),opacity var(--transition);outline:none}.gen-all-btn:hover{box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.gen-all-btn:active{transform:translateY(0);box-shadow:none}.gen-all-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}.gen-all-btn .btn-icon{font-size:1.2rem}.global-count-control{display:flex;flex-direction:column;gap:.4rem;min-width:160px;flex:1;max-width:280px}.global-count-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.04em;cursor:default}.global-count-text{text-transform:uppercase;letter-spacing:.1em}.global-count-value{color:var(--accent);font-size:.9rem;font-weight:700;min-width:1.5ch;text-align:right}.gen-all-note{font-size:.78rem;color:var(--text-muted);line-height:1.5}.generator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.generator-grid[aria-hidden=true]{display:none}.gen-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.gen-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-bright) 40%,var(--border-bright) 60%,transparent 100%)}.gen-card:hover{border-color:var(--border-bright);box-shadow:0 0 30px #0006,0 0 1px #0dff8c0d}.card-header{display:flex;flex-direction:column;gap:.3rem}.card-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--accent);opacity:.7;font-weight:600}.card-title{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin-top:.15rem}.card-footer{display:flex;align-items:center;gap:.5rem;margin-top:auto}.regen-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:transparent;border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition);outline:none;-webkit-user-select:none;user-select:none;flex:1;justify-content:center}.regen-btn:hover{color:var(--accent);border-color:#0dff8c66;background:var(--accent-dim)}.regen-btn:active{transform:translateY(1px)}.regen-btn:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.regen-btn .btn-icon{font-size:.9rem;line-height:1;transition:transform .35s ease}.regen-btn:hover .btn-icon{transform:rotate(180deg)}.settings-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition);outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.settings-toggle:hover{color:var(--text-secondary);border-color:var(--border-bright);background:var(--bg-hover)}.settings-toggle.is-active{color:var(--accent);border-color:#0dff8c4d;background:var(--accent-dim)}.settings-toggle:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.settings-icon{font-size:.8rem;line-height:1;transition:transform .3s ease}.settings-toggle.is-active .settings-icon{transform:rotate(45deg)}.card-settings{display:flex;flex-direction:column;gap:.85rem;padding:1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);animation:settings-open .18s ease both}.card-settings[hidden]{display:none}@keyframes settings-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.control-row{display:flex;flex-direction:column;gap:.4rem}.control-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.04em;cursor:default}.control-value{color:var(--accent);min-width:1.5ch;text-align:right}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer;transition:background var(--transition)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 0 8px var(--accent-glow);transition:box-shadow var(--transition),transform var(--transition)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 0 8px var(--accent-glow)}.slider:hover::-webkit-slider-thumb,.slider:focus::-webkit-slider-thumb{box-shadow:0 0 14px var(--accent-glow);transform:scale(1.15)}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent-dim),var(--border));border-radius:2px}.global-slider::-webkit-slider-thumb{width:16px;height:16px}.global-slider::-moz-range-thumb{width:16px;height:16px}.select-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem;padding:.45rem 2rem .45rem .7rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236b8299' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.select-input:focus,.select-input:hover{border-color:var(--border-bright);box-shadow:0 0 0 2px #0dff8c12}.select-input option{background:#121a24}.num-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;padding:.4rem .6rem;text-align:center;outline:none;transition:border-color var(--transition),box-shadow var(--transition);-moz-appearance:textfield}.num-input::-webkit-outer-spin-button,.num-input::-webkit-inner-spin-button{-webkit-appearance:none}.num-input:focus,.num-input:hover{border-color:var(--border-bright);box-shadow:0 0 0 2px #0dff8c12}.age-range-row{gap:.5rem}.age-inputs{display:flex;align-items:center;gap:.5rem}.age-field{display:flex;flex-direction:column;gap:.2rem;flex:1}.age-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.08em}.age-separator{color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;padding-top:1.1rem}.results-area{display:flex;flex-direction:column;gap:.4rem;min-height:0}.result-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .75rem;animation:fade-in-up .2s ease both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.result-item:nth-child(1){animation-delay:0s}.result-item:nth-child(2){animation-delay:.04s}.result-item:nth-child(3){animation-delay:.08s}.result-item:nth-child(4){animation-delay:.12s}.result-item:nth-child(5){animation-delay:.16s}.result-item:nth-child(6){animation-delay:.2s}.result-item:nth-child(7){animation-delay:.24s}.result-item:nth-child(8){animation-delay:.28s}.result-item:nth-child(9){animation-delay:.32s}.result-item:nth-child(10){animation-delay:.36s}.result-value{font-family:var(--font-mono);font-size:.82rem;color:var(--text-code);letter-spacing:.02em;word-break:break-all}.copy-btn{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:4px;padding:.2rem .4rem;cursor:pointer;color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);letter-spacing:.05em;transition:color var(--transition),border-color var(--transition),background var(--transition);white-space:nowrap}.copy-btn:hover{color:var(--accent);border-color:#0dff8c33;background:var(--accent-dim)}.copy-btn.copied{color:var(--accent);border-color:#0dff8c4d}.site-footer{position:relative;z-index:10;border-top:1px solid var(--border);background:var(--bg-surface);padding:1rem 2rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-secondary);font-family:var(--font-mono)}.footer-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem}.footer-sep{color:var(--border-bright)}.footer-inner code{color:var(--text-primary);font-family:var(--font-mono)}.footer-hl{color:var(--text-primary);font-weight:500}.footer-inner a{color:var(--text-primary);font-weight:500;text-decoration:underline;text-decoration-color:var(--border-bright);text-underline-offset:2px;transition:color var(--transition),text-decoration-color var(--transition)}.footer-inner a:hover,.footer-inner a:focus-visible{color:var(--accent);text-decoration-color:var(--accent)}.copy-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(.5rem);background:var(--accent);color:#040a0d;font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:.45rem 1rem;border-radius:var(--radius);letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;white-space:nowrap}.copy-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1024px){.generator-grid{grid-template-columns:1fr 1fr}#card-dob{grid-column:span 2}}@media (max-width: 680px){.site-header{padding:1rem 1.25rem .75rem}.main-content{padding:1.5rem 1.25rem 2rem}.generator-grid{grid-template-columns:1fr}#card-dob{grid-column:span 1}.generate-all-strip{padding:1.5rem 1.25rem}.gen-all-main{flex-direction:column;align-items:stretch;gap:1.25rem}.gen-all-btn{width:100%}.global-count-control{max-width:100%}.version-tag{display:none}.header-tagline{font-size:.72rem}}@media (max-width: 400px){.logo-text{font-size:.95rem}.gen-card{padding:1.25rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}