.demo-root{--d-page:#f4f1ea;--d-surface:#fffefb;--d-surface-2:#dce2e4;--d-ink:#172b3d;--d-muted:#5c6b78;--d-border:#d4d1c8;--d-accent:#2f6668;--d-on-accent:#ffffff;--d-header-bg:#172b3d;color:var(--d-ink);font-family:var(--font-inter),system-ui,sans-serif;overflow-x:clip}.demo-root .font-display{font-family:var(--font-bricolage),system-ui,sans-serif}.d-page{background:linear-gradient(rgba(23,43,61,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(23,43,61,.032) 1px,transparent 1px),var(--d-page);background-size:28px 28px}.d-header{border-bottom:2px solid var(--d-ink);background:var(--d-header-bg)}.d-surface{background:var(--d-surface);box-shadow:5px 5px 0 rgba(23,43,61,.12)}.d-input,.d-surface{border:1px solid var(--d-border);border-radius:2px}.d-input{background:#ffffff;color:var(--d-ink)}.d-input::placeholder{color:#8a938e}.d-input:focus{border-color:var(--d-accent)}.d-ink{color:var(--d-ink)}.d-muted{color:var(--d-muted)}.d-accent-text{color:var(--d-accent)}.d-table-head{background:var(--d-surface-2);color:var(--d-muted)}.demo-root :is(.rounded-2xl,.rounded-3xl){border-radius:2px!important}.d-lift{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.d-lift:hover{transform:translateY(-2px);border-color:#bdb5a5;box-shadow:0 18px 38px -24px rgba(23,43,61,.42)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s ease}.reveal.is-in{opacity:1;transform:translateY(0)}.demo-fade-up{animation:demo-fade-up .38s ease both}.demo-float{animation:demo-float 5s ease-in-out infinite}.demo-row-added{background:#e2eeec}.demo-row-added,.demo-row-modified{animation:demo-highlight 1.5s ease-out}.demo-row-modified{background:#fff0ce}.demo-toast{border:1px solid var(--d-border);background:var(--d-surface);color:var(--d-ink);box-shadow:0 18px 45px -24px rgba(23,43,61,.55)}@keyframes demo-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-float{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-8px) rotate(.4deg)}}@keyframes demo-highlight{0%{box-shadow:inset 4px 0 0 var(--d-accent)}to{box-shadow:inset 4px 0 0 transparent}}@media (prefers-reduced-motion:reduce){.d-lift,.demo-fade-up,.demo-float,.demo-row-added,.demo-row-modified,.reveal{animation:none;opacity:1;transform:none;transition:none}}@media print{.d-page,.demo-root{background:#ffffff}.d-surface{box-shadow:none}}