.name-input-card{margin-bottom:28px}.name-input-row{display:flex;gap:10px;margin-top:10px}.name-input-row input{flex:1;min-width:0;height:56px;padding:0 18px;border:1.5px solid #dfe3e8;border-radius:12px;font:inherit;font-size:18px;outline:none}.name-input-row input:focus{border-color:#6673ef;box-shadow:0 0 0 3px rgba(102,115,239,.12)}.name-input-row .submit-btn{width:120px;margin:0}.name-error{min-height:20px;margin:7px 0 0;color:#d34545;font-size:13px}.name-examples{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.name-examples span{color:#697386;font-size:13px}.name-examples button{padding:6px 10px;border:1px solid #dfe3e8;border-radius:999px;background:#fff;cursor:pointer}.name-result{display:grid;gap:16px;margin-bottom:28px}.name-result[hidden]{display:none}.name-score-card{display:flex;align-items:center;gap:28px;background:linear-gradient(135deg,#f5f7ff,#fff 65%)}.name-score-ring{position:relative;width:150px;height:150px;flex:0 0 150px}.name-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.name-score-ring circle{fill:none;stroke-width:9}.ring-bg{stroke:#e5e8f2}.ring-value{stroke:#6875ef;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset .8s ease}.name-score-ring>div{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:52px}.name-score-ring strong{font-size:38px}.name-score-ring span{color:#697386}.name-score-copy>span{display:inline-block;padding:5px 9px;border-radius:7px;background:#6875ef;color:#fff;font-size:12px;font-weight:700}.name-score-copy h2{margin:10px 0 5px;font-size:27px}.name-score-copy p{margin:0;color:#697386}.name-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.name-metric{padding:16px;border:1px solid #e2e5e9;border-radius:12px;background:#fff}.name-metric-head{display:flex;justify-content:space-between;gap:6px;font-size:13px}.name-metric-head strong{color:#5967e6}.name-meter{height:7px;margin-top:10px;border-radius:99px;background:#edf0f5;overflow:hidden}.name-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8993f5,#5967e6)}.name-detail>div+div{margin-top:20px}.name-detail span{color:#697386;font-size:12px;font-weight:700}.name-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.name-keywords b{padding:7px 11px;border-radius:999px;background:#f0f2ff;color:#5360d9;font-size:13px}.name-comment-wrap p{margin:8px 0 0;font-size:17px;line-height:1.7}.name-actions{display:flex;gap:8px}.name-actions .submit-btn{margin:0}.name-about{margin-top:22px}.name-about p{line-height:1.7}.name-notice{padding:14px 16px;border-radius:10px;background:#f6f7f9;color:#626b79;font-size:13px}@media(max-width:760px){.name-score-card{display:block;text-align:center}.name-score-ring{margin:0 auto 15px}.name-metrics{grid-template-columns:repeat(2,1fr)}.name-metric:last-child{grid-column:1/-1}.name-actions{display:grid}.name-input-row{display:grid}.name-input-row .submit-btn{width:100%;height:50px}}

.name-actions .ghost-btn{min-height:46px;padding:0 20px;border:1.5px solid #d9ddef;border-radius:10px;background:#fff;color:#5360d9;font:inherit;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.name-actions .ghost-btn:hover{border-color:#6875ef;background:#f5f6ff;transform:translateY(-1px)}.name-actions .ghost-btn:focus-visible{outline:3px solid rgba(104,117,239,.2);outline-offset:2px}.name-actions .ghost-btn:active{transform:translateY(0)}
.name-fun-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:13px 15px;border:1px dashed #cfd5f7;border-radius:12px;background:linear-gradient(135deg,#f7f8ff,#fff);color:#697386}.name-fun-preview span{font-size:12px;font-weight:800;color:#5967e6}.name-fun-preview strong{text-align:right;font-size:14px;transition:transform .2s ease,color .2s ease}.name-fun-preview.has-name strong{color:#343fbe;transform:scale(1.03)}.name-score-card{position:relative;overflow:hidden}.name-score-card::after{content:'✦';position:absolute;right:22px;top:16px;color:#d7dcff;font-size:30px;transform:rotate(12deg)}.name-confetti{position:absolute;left:75px;top:80px;pointer-events:none}.name-confetti i{position:absolute;width:8px;height:12px;border-radius:2px;background:var(--c);animation:name-confetti-burst .9s cubic-bezier(.18,.8,.3,1) var(--d) both}@keyframes name-confetti-burst{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),110px) rotate(var(--r))}}@media(max-width:760px){.name-fun-preview{align-items:flex-start;flex-direction:column}.name-fun-preview strong{text-align:left}.name-confetti{left:50%;top:75px}}@media(prefers-reduced-motion:reduce){.name-fun-preview strong,.name-confetti i{transition:none;animation:none}}