@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f1f3f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#0b0d12;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 50% 42%,#315cad26,#0000 48%),#0b0d12;min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.page-shell{place-items:center;min-height:100vh;padding:36px 20px;display:grid}.demo-card{background:linear-gradient(145deg,#191e29f7,#11141cf7);border:1px solid #9daecd26;border-radius:22px;width:min(100%,620px);padding:56px 56px 38px;box-shadow:0 32px 100px #0006,inset 0 1px #ffffff09}.result-heading{align-items:center;display:flex}h1{color:#f4f6fb;letter-spacing:-1.5px;margin:0 0 30px;font-size:clamp(28px,5vw,38px);font-weight:700;line-height:1.25}.request-button{color:#0e1728;cursor:pointer;background:linear-gradient(110deg,#8db3ff,#6d96f6);border:1px solid #83aaff;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin:32px 0 25px;padding:0 19px;font-size:14px;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;box-shadow:0 7px 24px #5b89f033,inset 0 1px #ffffff59}.request-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 30px #5b89f047,inset 0 1px #ffffff59}.request-button:focus-visible{outline-offset:3px;outline:3px solid #8db3ff59}.request-button:disabled{cursor:wait;opacity:.8}.button-arrow{font-size:17px;line-height:1}.spinner{border:2px solid #0e172840;border-top-color:#0e1728;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{background:#080a0f6e;border:1px solid #9daecd21;border-radius:11px;min-height:126px;padding:17px 18px}.result-heading{justify-content:space-between}.result-label{color:#cbd2df;font-size:12px;font-weight:700}.result-format{color:#718099;letter-spacing:1px;font:10px DM Mono,monospace}.result-message{overflow-wrap:anywhere;white-space:pre-wrap;margin:17px 0 0;font-size:13px;line-height:1.7}.muted-message{color:#697487}.response-message{color:#b5c9f5;font-family:DM Mono,Microsoft YaHei,monospace}.error-message{color:#ff9a9a}@media (width<=520px){.page-shell{padding:20px 14px}.demo-card{border-radius:17px;padding:38px 24px 28px}h1{letter-spacing:-1px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}