:root{color-scheme:light;--background: #e3edff;--ink: #1c2341;--muted: #5e6a8f;font-family:Roboto,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;width:100%;background:var(--background);color:var(--ink)}body{line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-moz-selection{background:#6f6ef059}::selection{background:#6f6ef059}.survey-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;background:#edc7e7}.survey-card{width:min(460px,100%);background:#fff;border-radius:42px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;border:1px solid rgba(31,51,99,.12);box-shadow:0 20px 60px #1b346426}.survey-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#7081a8;letter-spacing:.03em}.survey-step{font-weight:700;color:#1c2741}.survey-title{margin:0;font-size:1.125rem;line-height:1.4;color:#1b2341}.survey-description,.survey-note{margin:0;font-size:.95rem;color:#5e6a8f}.survey-finish{text-align:center;font-size:.9rem;color:#2f3c63}.survey-options{display:flex;flex-direction:column;gap:.9rem;max-height:230px;overflow-y:auto;padding-right:.4rem}.survey-options::-webkit-scrollbar{width:6px}.survey-options::-webkit-scrollbar-thumb{background:#1a295959;border-radius:999px}.survey-option{display:flex;align-items:center;gap:.75rem;padding:.95rem 1.25rem;border-radius:999px;background:#fbfbff;font-size:1rem;color:#1d2241;cursor:pointer;border:1px solid rgba(39,56,101,.25);transition:all .2s ease}.survey-option:hover{border-color:#27386580}.survey-option.selected{background:linear-gradient(135deg,#dd85cf,#f2c4ea);color:#fff;border-color:transparent;transform:translateY(-2px)}.survey-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(31,51,99,.4);background:#fff;flex-shrink:0}.survey-option.selected .survey-dot{background:#ffffffd9;border-color:#ffffffd9}.survey-block{display:flex;flex-direction:column;gap:.6rem}.survey-block-title{font-size:.95rem;font-weight:600;color:#2c3454}.survey-textinput{width:100%;padding:1rem;border-radius:18px;border:1px solid rgba(27,40,89,.2);background:#f7f8ff;font-size:.95rem;color:#1d2241;transition:border .2s ease,box-shadow .2s ease}.survey-textinput:focus{outline:none;border-color:#6f6ef099;box-shadow:0 0 0 3px #6f6ef040}.survey-multiple{display:flex;flex-wrap:wrap;gap:.65rem}.survey-chip{padding:.6rem 1.15rem;border-radius:999px;background:#fff;font-size:.9rem;color:#1d2241;cursor:pointer;border:1px solid rgba(39,56,101,.25);transition:all .2s ease}.survey-chip.selected{background:linear-gradient(135deg,#dd85cf,#f2c4ea);color:#fff;border-color:transparent}.survey-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.survey-next{padding:.85rem 2.5rem;border-radius:999px;border:none;font-size:1rem;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#dd85cf,#f2c4ea);box-shadow:0 15px 25px #4f67e640;transition:transform .2s ease,opacity .2s ease}.survey-next:hover:not(:disabled){transform:translateY(-1px)}.survey-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width: 480px){.survey-card{padding:2rem}.survey-options{max-height:300px}}