.rn-tool{max-width:1040px;margin:0 auto;padding:28px;border-radius:18px;background:#fff;box-shadow:0 10px 40px rgba(60,72,88,.12);text-align:left}
.rn-tool [hidden]{display:none!important}
.rn-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 16px}
.rn-field{display:flex;flex-direction:column;gap:5px;margin:0;color:#8492a6;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.rn-field em{color:#a8b2c4;font-style:normal;font-weight:600;letter-spacing:0;text-transform:none}
.rn-name{flex:1 1 210px;min-width:0}
.rn-name input{width:100%;height:50px;padding:0 16px;border:1px solid #dfe3ee;border-radius:10px;background:#fff;color:#2d3748;font-size:18px;font-weight:500;letter-spacing:0;text-transform:none}
.rn-name input:focus,.rn-style select:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.18)}
.rn-style select{height:50px;min-width:200px;padding:0 12px;border:1px solid #dfe3ee;border-radius:10px;background:#fff;color:#2d3748;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;cursor:pointer}
.rn-seg{display:inline-flex;height:50px;padding:4px;border-radius:10px;background:#f1f3f9}
.rn-seg label{position:relative;display:flex;margin:0;cursor:pointer}
.rn-seg input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.rn-seg span{display:flex;align-items:center;padding:0 16px;border-radius:7px;color:#5a6478;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;transition:background-color .12s,color .12s}
.rn-seg label:hover span{color:#2d3748}
.rn-seg input:checked+span{background:#fff;box-shadow:0 1px 4px rgba(60,72,88,.16);color:#667eea}
.rn-seg input:focus-visible+span{outline:2px solid rgba(102,126,234,.5);outline-offset:1px}
.rn-form .rn-go{height:50px;margin:0;padding:0 28px;white-space:nowrap}
.rn-msg{min-height:0;margin:10px 0 0;color:#3c4858;font-size:14px;font-weight:600;line-height:1.5}
.rn-msg:empty{margin:0}
.rn-msg.is-error{color:#e43f52}
.rn-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;padding:28px 20px 24px;border-radius:16px;background:#111 radial-gradient(circle at 50% 0,rgba(255,212,0,.16),transparent 70%);color:#ffd400;text-align:center}
.rn-hero-label{color:#b5a55a;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.rn-hero-name{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:.5px;text-transform:uppercase;overflow-wrap:anywhere}
.rn-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
.rn-hero .rn-btn{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,212,0,.6);color:#ffd400}
.rn-hero .rn-btn:hover{background:rgba(255,212,0,.1)}
.rn-hero .rn-btn.is-on svg{fill:currentColor}
.rn-list-title{margin:22px 0 0;color:#2d3748;font-size:16px;font-weight:700}
.rn-results,.rn-saved-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px}
.rn-tool.is-rapper .rn-results,.rn-tool.is-npc .rn-results,.rn-tool.is-roblox .rn-results,.rn-tool.is-games .rn-results{margin-top:22px}
.rn-tool.is-roblox .rn-results,.rn-tool.is-roblox .rn-saved-list,.rn-tool.is-games .rn-results,.rn-tool.is-games .rn-saved-list{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr))}
.rn-toggles span::before{content:'+';margin-right:6px;font-weight:800}
.rn-toggles input:checked+span::before{content:'\2713'}
.rn-start{grid-column:1/-1;margin:0;padding:34px 16px;border:1px dashed #dfe3ee;border-radius:14px;color:#8492a6;font-size:15px;text-align:center}
.rn-card{display:flex;align-items:center;gap:4px;min-width:0;padding:10px 8px 10px 14px;border:1px solid #e6e9f2;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.rn-card:hover{border-color:#d3d9ea;box-shadow:0 4px 14px rgba(60,72,88,.08)}
.rn-card-name{flex:1;min-width:0;color:#2d3748;font-size:17px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.rn-icon{flex:none;width:34px;height:34px;padding:7px;border:0;border-radius:8px;background:none;color:#a3acc0;cursor:pointer}
.rn-icon svg{display:block;width:20px;height:20px}
.rn-copy:hover{background:#eef0fd;color:#667eea}
.rn-copy svg+svg,.rn-copy.is-done svg:first-child{display:none}
.rn-copy.is-done svg+svg{display:block}
.rn-copy.is-done{color:#2eca8b}
.rn-star svg{fill:none}
.rn-star:hover{background:#fff8e6;color:#f0b429}
.rn-star.is-on{color:#f0b429}
.rn-star.is-on svg{fill:currentColor}
.rn-more-wrap{display:flex;justify-content:center;margin-top:16px}
.rn-more-wrap:has(.rn-more[hidden]){display:none}
.rn-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border:0;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 2px rgba(102,126,234,.55);color:#667eea;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .15s}
.rn-btn:hover{background:rgba(102,126,234,.08)}
.rn-btn svg{width:17px;height:17px}
.rn-btn .rn-done{display:none}
.rn-btn.is-done{box-shadow:inset 0 0 0 2px #2eca8b;color:#2eca8b}
.rn-btn.is-done .rn-done{display:inline}
.rn-btn.is-done .rn-label{display:none}
.rn-saved{margin-top:26px;padding-top:18px;border-top:1px solid #e6e9f2}
.rn-saved-head{display:flex;align-items:center;gap:8px;color:#2d3748;font-size:16px;font-weight:700}
.rn-saved-head svg{width:20px;height:20px;color:#f0b429;fill:currentColor}
.rn-saved-count{color:#8492a6;font-weight:600}
.rn-saved-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rn-note{margin:20px 0 0;color:#8492a6;font-size:13px;line-height:1.55}
.rn-check{margin-top:26px;padding:18px 20px 16px;border-radius:14px;background:#f7f8fc}
.rn-check .rn-name{max-width:440px}
.rn-rules{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;list-style:none;color:#5a6478;font-size:14px;font-weight:600}
.rn-rules li{display:flex;align-items:center;gap:7px}
.rn-rules li::before{content:'';flex:none;width:18px;height:18px;border-radius:50%;background:#dfe3ee center/12px no-repeat}
.rn-rules li.is-ok{color:#1f9d6b}
.rn-rules li.is-ok::before{background-color:#2eca8b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.rn-rules li.is-bad{color:#e43f52}
.rn-rules li.is-bad::before{background-color:#e43f52;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E")}
.rn-len{color:#8492a6;font-weight:700}
.rn-verdict{margin:12px 0 0;font-size:15px;font-weight:700;line-height:1.45}
.rn-verdict:empty{display:none}
.rn-verdict.is-ok{color:#1f9d6b}
.rn-verdict.is-bad{color:#e43f52}
@media (max-width:576px){.rn-tool{padding:18px;border-radius:14px}.rn-form{flex-direction:column;align-items:stretch}.rn-name{flex:none}
.rn-check{padding:14px}.rn-rules{flex-direction:column}
.rn-seg{display:flex}.rn-seg label{flex:1}.rn-seg span{justify-content:center;width:100%;padding:0 8px}.rn-style select{width:100%;min-width:0}
.rn-form .rn-go{width:100%}.rn-hero-name{font-size:30px}.rn-results,.rn-saved-list{grid-template-columns:minmax(0,1fr)}
.rn-saved-actions{display:grid;grid-template-columns:1fr 1fr}.rn-btn{justify-content:center}}
