:root{--brand:#4f46e5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#0f172a;background:#f1f5f9;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{justify-content:center;align-items:center;min-height:100%;padding:20px;display:flex}.card{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:460px;padding:28px 22px;box-shadow:0 8px 30px #00000014}.logo{max-height:56px;margin-bottom:12px}.biz{color:#64748b;margin:0 0 4px;font-size:14px}h1{margin:0 0 20px;font-size:20px;line-height:1.35}.scale{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.scale button{aspect-ratio:1;color:#0f172a;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:18px;font-weight:600;transition:transform 50ms,border-color .1s}.scale button:active{transform:scale(.94)}.scale button.sel{border-color:var(--brand);background:var(--brand);color:#fff}.legend{color:#94a3b8;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}textarea{width:100%;min-height:96px;font:inherit;resize:vertical;border:2px solid #e2e8f0;border-radius:12px;padding:12px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:600}.btn:disabled{opacity:.5}.muted{color:#64748b;font-size:14px}.big-emoji{margin-bottom:8px;font-size:44px}