.demo-pill{z-index:60;background:var(--ink);color:var(--paper);cursor:pointer;border:1px solid #c9a2278c;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font:600 14px/1 Satoshi,system-ui,sans-serif;transition:transform .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 14px 34px -14px #14130f8c}.demo-pill:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px #14130f99}.demo-pill-sub{color:#d9b548;font-weight:500}@media (max-width:900px){.demo-pill{padding:7px 12px;font-size:13px;top:10px;bottom:auto;right:12px}.demo-pill-sub{display:none}}.demo-in h3{margin:18px 0 8px;font-size:15px}.demo-tries{gap:8px;display:grid}.demo-try{background:var(--card);border:1px solid var(--line-soft);color:inherit;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.demo-try:hover{border-color:#c9a227;transform:translate(2px)}.demo-try b{display:block}.demo-try .dim{margin:2px 0 0;font-size:13.5px;display:block}.demo-people{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.demo-who{text-align:left;border:1px solid var(--line-soft);background:var(--card);color:inherit;font:inherit;cursor:pointer;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.demo-who span{color:var(--dim);font-size:13px}.demo-who.is-me{cursor:default;border-color:#c9a227}.demo-who:disabled:not(.is-me){opacity:.6}.login-demo{background:#c9a2271a;border:1px solid #c9a22759;border-radius:14px;margin:0 0 22px;padding:14px}.login-demo p{margin:0 0 10px;font-size:14.5px}.login-demo .demo-people{grid-template-columns:1fr 1fr}