.demo-surface{--demo-ink:color-mix(in srgb,var(--brand-teal) 72%,var(--text-primary) 28%);--demo-line:color-mix(in srgb,var(--brand-teal) 48%,var(--text-primary) 18%);--demo-rule:color-mix(in srgb,var(--brand-teal) 22%,transparent);--border-subtle:var(--demo-line);--border-edge:var(--demo-ink);--border-strong:var(--demo-ink);--border:172 32% 32%;--radius:0.35rem;--synapse-border:var(--demo-ink);min-height:100vh;color:var(--text-primary);background-color:var(--bg-base);background-image:linear-gradient(var(--demo-rule) 1px,transparent 1px),linear-gradient(90deg,var(--demo-rule) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}[data-theme=light] .demo-surface{--demo-ink:#2c4f4a;--demo-line:#5b7c77;--demo-rule:rgba(44,79,74,0.05)}[data-theme=dark] .demo-surface{--demo-ink:color-mix(in srgb,var(--brand-teal) 55%,#d7ece8 45%);--demo-line:color-mix(in srgb,var(--brand-teal) 35%,#9bb8b3 65%);--demo-rule:rgba(167,227,218,0.07)}.demo-surface .demo-mast{position:sticky;top:0;z-index:40;border-bottom:2px solid var(--demo-ink);background:color-mix(in srgb,var(--bg-surface) 92%,transparent);backdrop-filter:blur(12px)}.demo-surface .demo-mast-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;max-width:72rem;margin:0 auto;padding:.85rem 1.25rem}.demo-surface .demo-stamp{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-orange);border:2px solid var(--brand-orange);padding:.2rem .5rem;transform:rotate(-3deg);background:color-mix(in srgb,var(--brand-orange) 8%,var(--bg-surface))}.demo-surface .demo-frame{border:1px solid var(--demo-ink)}.demo-surface .demo-frame:after,.demo-surface .demo-frame:before{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--demo-ink);pointer-events:none}.demo-surface .demo-frame:before{top:-7px;left:-7px;border-right:0;border-bottom:0}.demo-surface .demo-frame:after{bottom:-7px;right:-7px;border-left:0;border-top:0}.demo-surface .demo-card{border:2px solid var(--demo-ink);border-radius:6px}.demo-surface .demo-card:focus-visible,.demo-surface .demo-card:hover{border-color:var(--brand-orange);outline:none}.demo-surface .demo-ledger{display:none}.demo-surface .demo-rail{display:flex;gap:.35rem;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.demo-surface .demo-rail a,.demo-surface .demo-rail button{flex:0 0 auto;white-space:nowrap;border:1px solid var(--border-edge);background:var(--bg-surface);color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.55rem .8rem;min-height:2.5rem;text-decoration:none}.demo-surface .demo-rail a.is-active,.demo-surface .demo-rail a[aria-current=page],.demo-surface .demo-rail button.is-active,.demo-surface .demo-rail button[aria-current=page]{background:var(--brand-orange);color:#07070A;border-color:var(--brand-orange)}.demo-surface .demo-patient-strip{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem;overflow-x:auto;margin-top:.85rem;padding:.65rem .85rem;border:1px solid var(--border-edge);background:var(--bg-surface);font-size:.85rem}.demo-surface .demo-btn-secondary,.demo-surface .demo-icon-btn,.demo-surface .demo-patient-chip,.demo-surface a.demo-btn-secondary{border:1px solid var(--border-edge);background:var(--bg-surface);color:var(--text-primary);font-size:.75rem;font-weight:600;padding:.4rem .7rem;min-height:2.25rem;text-decoration:none}.demo-surface .demo-btn-primary,.demo-surface a.demo-btn-primary{border:1px solid var(--brand-orange);background:var(--brand-orange);color:#07070A;font-weight:700;padding:.7rem 1rem;min-height:2.75rem;text-decoration:none}.demo-surface .demo-empty,.demo-surface .demo-hero,.demo-surface .demo-tip{border:1px solid var(--border-edge);background:var(--bg-surface);padding:1rem}.demo-surface .demo-tip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.demo-surface .demo-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:50;min-width:12rem;display:grid;border:1px solid var(--border-edge);background:var(--bg-elevated)}.demo-surface .demo-menu button{text-align:left;padding:.65rem .85rem;background:transparent;color:var(--text-primary)}.demo-surface .demo-menu button.is-active,.demo-surface .demo-menu button:focus-visible,.demo-surface .demo-menu button:hover{background:color-mix(in srgb,var(--brand-orange) 16%,var(--bg-surface))}.demo-surface .demo-frame{position:relative}.demo-surface .demo-card,.demo-surface .demo-frame{border:1px solid var(--border-edge);background:var(--bg-surface)}@media (max-width:720px){.demo-surface .demo-btn-primary{width:100%}}.demo-surface .border{border-width:2px;border-color:var(--demo-ink)}.demo-surface input,.demo-surface select,.demo-surface textarea{border-width:2px!important;border-radius:6px!important}.demo-surface :focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){.demo-surface .demo-stamp{transform:none}}