[data-nickname-generator]{display:flex;flex-direction:column;gap:1.5rem}[data-nickname-generator] .nickname-generator__card{display:flex;flex-direction:column;gap:1.25rem}[data-nickname-generator] .nickname-generator__selector-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.25rem;align-items:start}[data-nickname-generator] .nickname-generator__style-selector>label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}[data-nickname-generator] .nickname-generator__language-selector>label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}[data-nickname-generator] .nickname-generator__style-options{display:flex;flex-wrap:wrap;gap:.5rem}[data-nickname-generator] .nickname-generator__language-options{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}[data-nickname-generator] .nickname-generator__style-option,[data-nickname-generator] .nickname-generator__language-option{display:block;cursor:pointer}[data-nickname-generator] .nickname-generator__style-option input,[data-nickname-generator] .nickname-generator__language-option input{display:none}[data-nickname-generator] .nickname-generator__style-option span{display:block;padding:.6rem 1.1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;font-size:.9rem;transition:all .2s}[data-nickname-generator] .nickname-generator__language-option span{display:block;min-width:124px;padding:.6rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;font-size:.9rem;text-align:center;transition:all .2s}[data-nickname-generator] .nickname-generator__style-option:hover span{border-color:var(--accent);transform:scale(1.04)}[data-nickname-generator] .nickname-generator__language-option:hover span{border-color:var(--accent);transform:scale(1.03)}[data-nickname-generator] .nickname-generator__style-option input:checked+span{background:#3b82f626;border-color:var(--accent);color:var(--accent)}[data-nickname-generator] .nickname-generator__language-option input:checked+span{background:#3b82f626;border-color:var(--accent);color:var(--accent)}[data-nickname-generator] .nickname-generator__options-row{display:flex;gap:1.5rem;flex-wrap:wrap}[data-nickname-generator] .nickname-generator__checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}[data-nickname-generator] .nickname-generator__checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}[data-nickname-generator] .nickname-generator__count-control{display:flex;align-items:center;gap:1rem}[data-nickname-generator] .nickname-generator__count-control label{font-size:.9rem;color:var(--text-secondary)}[data-nickname-generator] .nickname-generator__count-control select{padding:.5rem 1rem;min-width:80px}[data-nickname-generator] .nickname-generator__submit{width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:999px;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:all .2s}[data-nickname-generator] .nickname-generator__submit:hover{background:var(--accent-hover);box-shadow:0 4px 12px #3b82f659}[data-nickname-generator] .nickname-generator__results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem}[data-nickname-generator] .nickname-generator__results-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}[data-nickname-generator] .nickname-generator__results-header h2{font-size:1.1rem;font-weight:600;margin:0}[data-nickname-generator] .nickname-generator__refresh{padding:.25rem .6rem;font-size:1rem;background:transparent;color:var(--accent);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:all .2s}[data-nickname-generator] .nickname-generator__refresh:hover{background:var(--bg-secondary);border-color:var(--accent);transform:scale(1.08)}[data-nickname-generator] .nickname-generator__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}[data-nickname-generator] .nickname-generator__item{display:block;width:100%;appearance:none;-webkit-appearance:none;padding:.6rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;font-family:Courier New,monospace;font-size:.95rem;color:inherit;text-align:center;cursor:pointer;transition:all .2s;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.5}[data-nickname-generator] .nickname-generator__item:hover{border-color:var(--accent);background:var(--bg-primary);transform:scale(1.04)}[data-nickname-generator] .nickname-generator__item.copied{border-color:var(--success);color:var(--success)}[data-nickname-generator] .nickname-generator__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){[data-nickname-generator] .nickname-generator__selector-row{grid-template-columns:1fr}[data-nickname-generator] .nickname-generator__language-options{width:100%}[data-nickname-generator] .nickname-generator__language-option span{min-width:0}[data-nickname-generator] .nickname-generator__grid{grid-template-columns:repeat(2,1fr)}}
