:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#242332;background:#f5f3f8;line-height:1.75}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:auto;padding:48px 22px}h1{font-size:clamp(28px,5vw,44px);line-height:1.3;margin:12px 0 20px}h2{font-size:21px}.eyebrow{color:#8e3870;letter-spacing:.1em;font-size:13px}p{color:#5d5968}a{color:#8e3870}nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:32px}.panel{background:white;border:1px solid #e2dce8;padding:25px;border-radius:16px;margin:22px 0;box-shadow:0 10px 35px #4f255208}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.grid .panel{margin:0}label{display:block;margin:18px 0}input,textarea,select{font:inherit;width:100%;padding:12px;border:1px solid #cfc6d7;border-radius:8px;background:white;color:#242332}button,.button{display:inline-block;font:inherit;cursor:pointer;padding:11px 18px;color:white;background:#9b3878;border:0;border-radius:8px;text-decoration:none;margin:4px 8px 4px 0}button.secondary{background:#eee6f0;color:#693d62}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #678abd;outline-offset:3px}.muted{font-size:13px;color:#736d7c}.error{color:#a4283a;min-height:1.8em}.result{white-space:pre-wrap;padding:18px;background:#f7f3fa;border-radius:10px}footer{border-top:1px solid #ded7e5;margin-top:36px;padding-top:22px;font-size:14px}.quote{font-size:clamp(24px,4vw,35px);line-height:1.6;min-height:150px;display:flex;align-items:center}details{margin:14px 0}summary{cursor:pointer;color:#8e3870}[hidden]{display:none!important}@media(max-width:500px){main{padding-top:25px}.panel{padding:18px}}@media(prefers-reduced-motion:no-preference){.quote{animation:appear .25s ease}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}