.demo-root .demo-bar{flex-wrap:nowrap;gap:12px;padding:6px 12px;top:8px;left:8px;right:8px}.demo-root .demo-bar .time{margin-left:auto}.demo-pill{text-transform:uppercase;letter-spacing:.08em;color:#ffd166;background:#ffd1662e;border-radius:999px;padding:2px 10px;font-size:11px}.demo-play{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;font-weight:600;text-decoration:none}.demo-root .panel{top:64px;bottom:10px}.demo-root .clients,.demo-root .planner{width:360px;left:8px}.demo-root .side{width:320px;right:8px}.demo-root .ticker{top:64px;left:380px;right:16px}.demo-root .inspector{bottom:14px}.demo-loading{background:radial-gradient(circle at 50% 45%,#1b3553 0%,#0d1b2a 75%);height:100%}.demo-cursor{z-index:100;pointer-events:none;filter:drop-shadow(0 2px 3px #00000059);transition-property:transform,opacity;transition-timing-function:cubic-bezier(.45,.05,.25,1),ease;position:fixed;top:0;left:0}.demo-cursor svg{margin:-2px 0 0 -3px;display:block}.demo-cursor .ripple{opacity:0;border:2px solid #ffd166;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-14px;transform:scale(.4)}.demo-cursor.pressed .ripple{animation:.45s ease-out demo-ripple}.demo-cursor.pressed svg{transform:scale(.88)}@keyframes demo-ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}@media (width<=900px){.demo-root .demo-pill,.demo-root .clock-day{display:none}.demo-root .clients,.demo-root .planner{width:auto;max-height:48%;top:auto;right:8px}.demo-root .ticker{left:8px}}.demo-veil{z-index:90;color:#f4efe4;font-family:var(--serif);background:radial-gradient(circle at 50% 45%,#1b3553 0%,#0d1b2a 75%);place-items:center;font-size:28px;transition:opacity .8s .6s;display:grid;position:fixed;inset:0}.demo-veil span{animation:1.6s ease-in-out infinite demo-breathe}.demo-veil.gone{opacity:0;pointer-events:none}@keyframes demo-breathe{50%{opacity:.45}}