*{box-sizing:border-box}.demo-notice{background:#0b1018;color:#d9e7f4;font:600 12px/1.4 Inter,system-ui,sans-serif}.demo-notice__inner{width:min(1180px,calc(100% - 32px));min-height:42px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-notice strong,.demo-notice a{color:#8bdfff}.demo-reveal{opacity:0;transform:translateY(22px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.8,.2,1)}.demo-reveal.is-visible{opacity:1;transform:none}.demo-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:rgba(8,12,17,.72);backdrop-filter:blur(10px)}.demo-modal.open{display:grid}.demo-modal__panel{width:min(620px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;border-radius:24px;background:#fff;color:#17202a;box-shadow:0 30px 100px rgba(0,0,0,.35)}.demo-modal__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid rgba(20,30,40,.12);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.demo-modal__head button{width:42px;height:42px;border:1px solid rgba(20,30,40,.14);border-radius:50%;background:#fff;font-size:19px;cursor:pointer}.demo-modal__body{padding:22px}.demo-toast{position:fixed;left:50%;bottom:24px;z-index:250;max-width:min(480px,calc(100% - 32px));padding:13px 17px;border-radius:999px;color:#fff;background:#101820;box-shadow:0 18px 46px rgba(0,0,0,.3);font:700 13px/1.4 Inter,system-ui,sans-serif;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.demo-toast.show{opacity:1;transform:translate(-50%,0)}.demo-mobile-choose{display:none;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:120;min-height:50px;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:#0a1828;box-shadow:0 18px 46px rgba(0,0,0,.28);font:800 14px/1 Inter,system-ui,sans-serif}.demo-kbd-focus:focus-visible,.demo-modal button:focus-visible,.demo-modal a:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}@media(max-width:700px){body{padding-bottom:82px}.demo-notice__inner{min-height:60px;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;padding:8px 0}.demo-notice__inner span:first-child{display:none}.demo-mobile-choose{display:flex}.demo-modal{align-items:end;padding:0}.demo-modal__panel{width:100%;max-height:92dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){.demo-reveal{opacity:1;transform:none;transition:none}.demo-toast{transition:none}}