.demo-page{--demo-ink:var(--navy-900);--demo-action:var(--navy-800);--demo-muted:var(--muted-ink);--demo-border:var(--line);color:var(--demo-ink);font-family:var(--font-sans);background:#f6f7f9;min-height:100vh}.demo-page *,.demo-page :before,.demo-page :after{box-sizing:border-box}.demo-page h2,.demo-page p{margin:0}.demo-page a{color:inherit;text-decoration:none}.demo-page button,.demo-page select{font:inherit}.demo-page :focus-visible{outline:3px solid var(--demo-action);outline-offset:3px}body:has(.demo-page)>.mobile-install{display:none}.demo-topbar{z-index:30;background:#fff;border-bottom:1px solid #e9eef4;align-items:center;gap:18px;min-height:72px;padding:10px 22px;display:flex;position:sticky;top:0}.demo-logo{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.demo-logo img{width:160px;height:auto;display:block}.demo-live-tag{letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--demo-ink);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.demo-topbar-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.demo-cta-secondary{color:var(--demo-action);align-items:center;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.demo-cta-secondary:hover{text-underline-offset:4px;text-decoration:underline}.demo-cta-primary{border:1px solid var(--accent);background:var(--accent);color:var(--demo-ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:11px 18px;font-size:14px;font-weight:700;line-height:1.4;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.demo-cta-primary:hover{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.demo-banner{border:1px solid var(--demo-border);border-left:4px solid var(--accent);background:#fff;border-radius:12px;align-items:center;gap:12px;margin:18px 18px 0;padding:13px 16px;font-size:14.5px;line-height:1.55;display:flex}.demo-banner svg{color:var(--demo-action);flex-shrink:0}.demo-banner p{max-width:105ch}.demo-reset{border:1px solid var(--demo-border);min-height:44px;color:var(--demo-action);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;margin-left:auto;padding:9px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.demo-reset:hover{border-color:var(--demo-action)}.demo-toolbar{border:1px solid var(--demo-border);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:14px 18px 0;padding:12px 16px;display:flex}.demo-days{gap:8px;display:inline-flex}.demo-days button{cursor:pointer;border:1px solid var(--demo-border);min-height:44px;color:var(--demo-ink);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.demo-days button.active{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.demo-filter{color:var(--demo-muted);align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:inline-flex}.demo-filter select{border:1px solid var(--demo-border);min-height:44px;color:var(--demo-ink);background:#fff;border-radius:8px;max-width:240px;padding:8px 10px;font-size:14px;font-weight:600}.demo-counts{color:var(--demo-muted);margin-left:auto;font-size:13.5px;font-weight:600}.demo-callout{color:#5c4303;background:#fdf6e9;border:1px solid #ecd9ac;border-radius:12px;align-items:flex-start;gap:11px;margin:14px 18px 0;padding:13px 16px;font-size:14.5px;line-height:1.55;display:flex}.demo-callout svg{flex-shrink:0;margin-top:2px}.demo-callout-clear{color:#2f4a03;background:#eef7e3;border-color:#cfe3ae}.demo-inline-reset{cursor:pointer;color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.demo-detail{border:1px solid var(--demo-border);background:#fff;border-radius:12px;align-items:flex-start;gap:16px;margin:14px 18px 0;padding:14px 40px 14px 16px;font-size:14.5px;line-height:1.55;display:flex;position:relative}.demo-detail-main{flex-direction:column;gap:2px;display:flex}.demo-detail-main strong{font-size:15.5px}.demo-detail-coaches{color:var(--demo-muted);font-size:13.5px}.demo-detail-conflict{color:#8a5a00;align-items:center;gap:6px;font-weight:600;display:inline-flex}.demo-detail-note{color:var(--demo-muted);flex-shrink:0;align-items:center;gap:7px;max-width:300px;margin-left:auto;font-size:13.5px;display:inline-flex}.demo-detail-close{width:36px;height:36px;color:var(--demo-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.demo-detail-close:hover{color:var(--demo-ink);background:#eef2f7}.demo-workspace{padding-bottom:8px}.demo-footer-cta{background:var(--navy-900);color:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;margin:20px 18px 26px;padding:26px;display:flex}.demo-footer-cta h2{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.15}.demo-footer-cta p{color:#c3cede;max-width:62ch;font-size:15.5px;line-height:1.55}.demo-footer-cta .demo-cta-primary{margin-left:auto}@media (max-width:760px){.demo-topbar{flex-wrap:wrap;padding:10px 14px}.demo-cta-secondary{display:none}.demo-banner,.demo-toolbar,.demo-callout,.demo-detail{margin-left:10px;margin-right:10px}.demo-banner{flex-wrap:wrap;align-items:flex-start}.demo-counts{margin-left:0}.demo-detail{flex-direction:column;gap:8px}.demo-detail-note{margin-left:0}.demo-footer-cta{margin:16px 10px 20px}.demo-footer-cta .demo-cta-primary{margin-left:0}}