:root{--brand: #0b70b7;--brand-dark: #095a92;--brand-light: #e7f1f9;--ink: #1a2733;--muted: #5b6b7a;--line: #e2e8ee;--bg: #f4f7fa;--surface: #ffffff;--danger: #c0392b;--success: #1e874b;--radius: 14px;--shadow: 0 8px 30px rgba(11, 112, 183, .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--brand)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.logo{height:40px;width:auto}.btn{border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;background:var(--brand);color:#fff;transition:background .15s ease}.btn:hover:not(:disabled){background:var(--brand-dark)}.btn-ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--brand-light)}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--ink);background:#fff}.input:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.textarea{resize:vertical;min-height:90px}.label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--ink)}.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.scale-btn{aspect-ratio:1;border:1.5px solid var(--line);background:#fff;border-radius:10px;font-size:16px;font-weight:700;color:var(--muted);transition:all .12s ease}.scale-btn:hover{border-color:var(--brand);color:var(--brand)}.scale-btn.selected{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}.scale-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}@media (max-width: 480px){.scale{grid-template-columns:repeat(5,1fr)}}.alert{padding:12px 14px;border-radius:10px;font-size:14px}.alert-error{background:#fdecea;color:var(--danger)}.alert-info{background:var(--brand-light);color:var(--brand-dark)}.muted{color:var(--muted)}