:root{--background:#fff7fb;--background-alt:#f0fbf7;--foreground:#25131a;--muted:#735461;--panel:#fff;--panel-border:#ffd2df;--primary:#e92f68;--primary-strong:#bd1d4c;--primary-soft:#fff0f5;--accent:#159c85;--accent-soft:#e9faf6;--danger:#b4234a;--shadow:0 24px 70px #bd1d4c24}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(135deg, var(--background) 0%, var(--background-alt) 68%), #fff;min-height:100%;color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.shell{place-items:center;min-height:100svh;padding:40px 20px;display:grid}.app{grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;width:min(1040px,100%);display:grid}.intro{gap:20px;display:grid}.eyebrow{background:var(--accent-soft);color:#087461;letter-spacing:0;text-transform:uppercase;border:1px solid #159c8547;border-radius:999px;width:fit-content;margin:0;padding:8px 12px;font-size:.82rem;font-weight:800}h1{max-width:12ch;color:var(--foreground);margin:0;font-size:3.7rem;line-height:1.02}.intro-copy{max-width:520px;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.7}.stats{flex-wrap:wrap;gap:10px;display:flex}.stats span{color:var(--primary-strong);background:#ffffffc2;border:1px solid #e92f682e;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:700}.generator{border:1px solid var(--panel-border);box-shadow:var(--shadow);background:#ffffffe6;border-radius:8px;gap:18px;padding:28px;display:grid}.field-label,.tone-group legend{color:var(--foreground);font-size:.94rem;font-weight:800}.name-input{width:100%;color:var(--foreground);background:#fff;border:1px solid #efb4c8;border-radius:8px;outline:none;padding:16px 18px;transition:border-color .16s,box-shadow .16s}.name-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #e92f681f}.input-error{border-color:var(--danger)}.error-message{color:var(--danger);margin:-8px 0 0;font-size:.92rem;font-weight:700}.tone-group{border:0;gap:12px;margin:4px 0 0;padding:0;display:grid}.tone-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tone-option{min-height:92px;color:var(--foreground);text-align:left;background:#fff;border:1px solid #f0bdce;border-radius:8px;align-content:center;gap:6px;padding:12px;transition:background .16s,border-color .16s,transform .16s;display:grid}.tone-option:hover,.tone-option:focus-visible{border-color:var(--primary);transform:translateY(-1px)}.tone-option.active{border-color:var(--primary);background:var(--primary-soft)}.tone-option span{font-weight:850}.tone-option small{color:var(--muted);line-height:1.35}.generate-button,.secondary-button{border:0;border-radius:8px;font-weight:850;transition:opacity .16s,transform .16s,background .16s}.generate-button{background:var(--primary);color:#fff;padding:16px 18px}.generate-button:hover,.generate-button:focus-visible{background:var(--primary-strong);transform:translateY(-1px)}.result{background:linear-gradient(135deg,#fff8fb,#f4fffb);border:1px dashed #e92f6861;border-radius:8px;gap:14px;padding:20px;display:grid}.result-label{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.84rem;font-weight:850}.line{min-height:112px;color:var(--muted);margin:0;font-size:1.9rem;font-weight:800;line-height:1.2}.line.ready{color:var(--foreground)}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary-button{color:var(--primary-strong);background:#fff;border:1px solid #e92f683d;padding:12px 14px}.secondary-button:not(:disabled):hover,.secondary-button:not(:disabled):focus-visible{background:var(--primary-soft);transform:translateY(-1px)}.secondary-button:disabled{opacity:.48}@media (max-width:820px){.shell{align-items:start;padding:28px 16px}.app{grid-template-columns:1fr;gap:28px}h1{max-width:11ch;font-size:3rem}.generator{padding:22px}}@media (max-width:560px){.tone-options{grid-template-columns:1fr}.tone-option{min-height:auto}.line{min-height:138px;font-size:1.45rem}}