@import url('/public/site.css');:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#10131b;color:#e6e5ef;font-family:Inter,Segoe UI,sans-serif}.demo-banner{padding:13px 28px;background:#31213f;display:flex;align-items:center;gap:23px;font-size:12px;color:#e4cafd}.demo-banner b{letter-spacing:2px}.demo-banner a{margin-left:auto;color:#fff}.demo-shell{display:grid;grid-template-columns:245px 1fr;max-width:1600px;margin:auto}.demo-sidebar{padding:35px 24px;border-right:1px solid #2c2d3c;min-height:100vh}.demo-brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;color:#fff;text-decoration:none;margin-bottom:50px}.demo-sidebar small,.eyebrow{font-size:10px;letter-spacing:2px;color:#a49bb5}.demo-sidebar h3{font-size:16px;margin-top:20px}.demo-sidebar h3 span,.tag{font-size:9px;background:#463354;color:#d8baf1;padding:5px 8px;border-radius:4px;letter-spacing:1px}.demo-sidebar p{font-size:11px;color:#9895a8}.demo-sidebar nav{display:grid;gap:7px;margin:32px 0}button{border:1px solid #50415f;background:#252030;border-radius:8px;color:#e6d9f9;padding:11px 17px;cursor:pointer;font:inherit;font-size:12px}button:hover{border-color:#bd9ee9;background:#3a2b4b}button:disabled{opacity:.4;cursor:default}.demo-sidebar nav button{text-align:left;border:0;padding:14px 16px;background:transparent}.demo-sidebar nav button.active{background:#342741;color:#ddbcff}.demo-sidebar>a:last-child{display:block;margin-top:25px;color:#af9ebf;font-size:12px}.reset{width:100%}main{padding:44px 48px;min-width:0}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}h1{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin:12px 0 22px}h2{font-size:28px;letter-spacing:-.7px;line-height:1.3}h3{font-size:18px}p{color:#aaa5ba;line-height:1.8;font-size:13px}.mode{font-size:9px;letter-spacing:1px;border:1px solid #564465;padding:9px;border-radius:30px;color:#c6a8dd}#demoStatus{min-height:24px;color:#c9b3e3;font-size:12px;margin-bottom:28px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}article{padding:25px;background:linear-gradient(130deg,#1d1d2a,#191b27);border:1px solid #343041;border-radius:13px;margin-bottom:20px}.demo-stats article span{font-size:9px;letter-spacing:1.5px;color:#a19bae}.demo-stats strong{display:block;font-size:28px;margin:17px 0 11px;font-weight:600}.demo-stats strong em{font-size:16px;color:#8d879f;font-style:normal}.demo-stats small{font-size:10px;color:#9690a4}.demo-stats i{display:inline-block;width:9px;height:9px;background:#a5d4b6;border-radius:50%;margin-right:10px;box-shadow:0 0 20px #66c394}.demo-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;gap:20px;padding:30px}.demo-feature h2{font-size:38px;margin:20px 0}.primary{background:#c1a2ec;color:#20162c;border-color:#c1a2ec;font-weight:650}.demo-orbit{display:grid;place-items:center;min-height:280px;background:radial-gradient(ellipse,#66427d66,transparent 65%)}.demo-orbit>div{font-size:130px;font-weight:800;color:#c6a5eb;transform:rotate(-8deg);text-shadow:16px 16px #473153;animation:float 6s ease-in-out infinite}.demo-orbit span{display:block;font-size:8px;letter-spacing:3px;margin-top:10px;text-shadow:none}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:grid;gap:9px;font-size:12px;margin:12px 0}select,input{background:#11141f;border:1px solid #50465f;color:#e7d7fc;padding:13px;border-radius:7px;width:100%}pre{background:#10131e;border:1px solid #3b344a;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;color:#bfdfc8;min-height:120px;margin-top:24px}.fine{font-size:11px}.demo-package{padding:18px 0;border-bottom:1px solid #343041}.demo-package label{display:flex;gap:13px;align-items:center}.demo-package input{width:18px}.demo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-board>div{background:#141722;border-radius:12px;padding:15px;border:1px solid #363040}.demo-board h3{font-size:13px;color:#b9a1d2}.demo-board article{padding:17px}.demo-board button{margin-top:8px}footer{font-size:11px;text-align:center;padding:35px;color:#8e859f}footer a{color:#c9b2e6}.demo-log{padding:16px 0;border-bottom:1px solid #3c3248;color:#c2b4d1;font-size:13px}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-10px) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.demo-sidebar{min-height:0;border-right:0;padding:20px}.demo-sidebar .demo-brand{margin-bottom:15px}.demo-sidebar small,.demo-sidebar h3,.demo-sidebar p{display:none}.demo-sidebar nav{display:flex;flex-wrap:wrap;margin:15px 0}.demo-sidebar .reset{width:auto}.demo-sidebar>a:last-child{display:inline;margin-left:15px}main{padding:25px}.demo-heading{display:block}.mode{display:inline-block;margin-bottom:10px}.demo-feature{grid-template-columns:1fr}.demo-orbit{display:none}.demo-board{grid-template-columns:1fr}.demo-banner{flex-wrap:wrap;gap:8px}.demo-banner a{margin-left:0}.demo-stats{gap:8px}.demo-stats article{padding:13px}.demo-stats strong{font-size:22px}.demo-grid{grid-template-columns:1fr}}