:root{--ink:#172a33;--muted:#5d6c70;--paper:#f5f8f6;--card:#fff;--line:#dfe8e3;--teal:#0d7b72;--yellow:#ffd768;--dark:#102c35}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.site-shell{max-width:1120px;margin:auto;padding:0 32px 36px}.topbar{border-bottom:1px solid #172a331a;justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:9px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:var(--teal);font-size:24px}.nav-note{color:var(--muted);font-size:13px}.hero{max-width:720px;padding:38px 0 26px}.section-kicker{color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.hero-copy{color:var(--muted);max-width:510px;margin:0;font-size:16px;line-height:1.6}.generator-card{background:var(--dark);color:#fff;border-radius:18px;padding:30px;box-shadow:0 18px 45px #102c3521}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field-label{color:#d5e1df;font-size:12px;font-weight:700}.field-label span{color:#82999a;font-weight:500}.field-label input{color:#fff;background:#183b44;border:1px solid #426269;border-radius:9px;outline:none;width:100%;margin-top:9px;padding:14px 15px;font-size:16px;transition:border .2s,box-shadow .2s;display:block}.field-label input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd76829}.field-label input::placeholder{color:#82a0a0}.style-heading{justify-content:space-between;margin:28px 0 12px;font-size:12px;font-weight:800;display:flex}.style-hint{color:#82999a;font-weight:500}.style-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.style-option{color:#b7cdca;text-align:left;background:#16353e;border:1px solid #365a62;border-radius:10px;align-items:center;gap:10px;padding:12px 10px;display:flex}.style-option.selected{border-color:var(--yellow);color:#fff;background:#244b50}.style-icon{width:28px;height:28px;color:var(--yellow);background:#28535a;border-radius:7px;place-items:center;font-size:15px;font-weight:800;display:grid}.style-option strong,.style-option small{display:block}.style-option strong{font-size:13px}.style-option small{color:#9db6b4;white-space:nowrap;margin-top:3px;font-size:10px}.style-option.selected small{color:#b6ccbd}.generate-button{width:100%;color:var(--dark);background:var(--yellow);border:0;border-radius:9px;justify-content:space-between;align-items:center;margin-top:22px;padding:15px 17px;font-weight:800;transition:transform .2s,background .2s;display:flex}.generate-button:hover{background:#ffe392;transform:translateY(-2px)}.button-arrow{font-size:21px}.results-section{padding:78px 0 62px}.results-header{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.results-header h2,.about-section h2{letter-spacing:-.045em;margin:8px 0 0;font-size:29px}.refresh-button{color:var(--teal);background:0 0;border:0;font-size:13px;font-weight:800}.refresh-button span{margin-left:5px}.results-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.nickname-card{background:var(--card);border:1px solid var(--line);border-radius:11px;flex-direction:column;justify-content:space-between;min-height:118px;padding:18px 16px 14px;transition:transform .2s,box-shadow .2s;display:flex}.nickname-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #172a3314}.result-number{color:#667875;letter-spacing:.1em;font-size:10px;font-weight:800}.nickname-card strong{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:18px}.result-actions{justify-content:space-between;align-items:center;display:flex}.favorite{color:#a8b8b5;background:0 0;border:0;padding:2px 0;font-size:22px;line-height:1}.favorite.active{color:#e37567}.copy-button{color:var(--teal);background:#edf7f2;border:0;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:800}.privacy-note{color:var(--muted);margin:19px 0 0;font-size:12px}.privacy-note span{color:var(--teal);vertical-align:-2px;margin-right:5px;font-size:18px}.about-section{background:#e7f1eb;border-radius:17px;grid-template-columns:50px 1.2fr 1fr;align-items:start;gap:18px;padding:34px 38px;display:grid}.about-accent{color:var(--teal);font-size:32px}.about-section p{color:var(--muted);max-width:420px;margin:14px 0 0;font-size:14px;line-height:1.6}.feature-list{border-left:1px solid #c9dad1;flex-direction:column;gap:19px;padding-top:3px;padding-left:30px;display:flex}.feature-list div{align-items:center;gap:14px;display:flex}.feature-list span{color:var(--teal);font:700 11px ui-monospace,monospace}.feature-list strong{font-size:13px}.site-shell footer{color:#82908e;justify-content:space-between;padding:30px 3px 0;font-size:11px;display:flex}.site-shell footer a{color:inherit}.privacy-page{max-width:720px;color:var(--ink);margin:0 auto;padding:54px 32px 80px;line-height:1.7}.privacy-back{color:var(--teal);margin-bottom:72px;font-size:13px;font-weight:800;text-decoration:none;display:inline-block}.privacy-page h1{letter-spacing:-.06em;margin:14px 0 10px;font-size:clamp(42px,6vw,64px);line-height:1}.privacy-page h2{letter-spacing:-.03em;margin:36px 0 8px;font-size:21px}.privacy-page p{color:var(--muted);margin:0 0 14px;font-size:15px}.privacy-page a:not(.privacy-back){color:var(--teal);font-weight:700}.privacy-updated{color:#667875!important;font-size:12px!important}.privacy-page .section-kicker{margin-top:0}@media (width<=760px){.site-shell{padding:0 18px 24px}.topbar{height:68px}.nav-note{display:none}.hero{padding:28px 0 20px}.generator-card{border-radius:14px;padding:20px}.form-grid,.style-grid{grid-template-columns:1fr;gap:12px}.style-option{padding:10px}.style-option small{white-space:normal}.style-grid{grid-template-columns:repeat(2,1fr)}.style-option:last-child{grid-column:span 2}.results-section{padding:54px 0 44px}.results-grid{grid-template-columns:repeat(2,1fr);gap:9px}.nickname-card{min-height:112px;padding:14px 12px 11px}.nickname-card strong{font-size:16px}.about-section{grid-template-columns:1fr;gap:12px;padding:26px 23px}.feature-list{border-top:1px solid #c9dad1;border-left:0;margin-top:8px;padding:20px 0 0}.site-shell footer{flex-direction:column;gap:12px}}@media (width<=390px){.style-grid{grid-template-columns:1fr}.style-option:last-child{grid-column:auto}.results-grid{grid-template-columns:1fr}}