@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&display=swap";:root{--primary:#3b5998;--primary-light:#5a7ab5;--primary-surface:#eef1f7;--primary-glow:#3b59981f;--bg:#f6f5f1;--surface:#fff;--text-primary:#333330;--text-secondary:#8a8a82;--success:#5a9e6f;--error:#d4574a;--typing-dot:#8ba4be;--border:#e5e2dc;--accent-warm:#c09060;--accent-sage:#7d9e7b;--radius:14px;--font-serif:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--font-sans:"Microsoft JhengHei", "PingFang TC", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);letter-spacing:.02em;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;transition:background .2s,transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,opacity .2s}input,textarea{font-family:inherit;font-size:inherit;transition:border-color .2s,box-shadow .2s}a{transition:color .2s,opacity .2s}.app-container{flex-direction:column;max-width:720px;min-height:100%;margin:0 auto;display:flex}.card{border:1px solid var(--border);background:#fff;border-radius:16px;margin:24px 16px;padding:32px 28px;box-shadow:0 1px 3px #0000000a}.btn-primary{background:var(--primary);color:#fff;letter-spacing:.03em;border-radius:12px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:background .2s,transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.btn-primary:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 14px #3b59982e}.btn-primary:active:not(:disabled){transform:scale(.97)translateY(0);box-shadow:0 2px 6px #3b59981f}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#c4cdd5;transform:none}.btn-link{color:var(--text-secondary);background:0 0;border-radius:6px;padding:8px;font-size:14px;text-decoration:underline}.btn-link:hover{color:var(--primary);background:var(--primary-surface);text-decoration:none}.step-wrapper{animation:.45s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes selectBounce{0%{transform:scale(1)}40%{transform:scale(1.15)}70%{transform:scale(.96)}to{transform:scale(1.08)}}.heading-serif{font-family:var(--font-serif);letter-spacing:.01em;font-weight:600}@media (width<=480px){.card{box-shadow:none;border-radius:0;min-height:100%;margin:0;padding:24px 20px}.card .survey-divider{margin:28px 0!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}