@font-face{font-family:Aptos Narrow;src:url(/demos/medgryd/Aptos-Narrow.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Aptos Narrow Bold;src:url(/demos/medgryd/Aptos-Narrow-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Oxanium;src:url(/demos/medgryd/Oxanium-Bold.ttf) format("truetype");font-weight:700;font-display:swap}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#09090f;font-family:Aptos Narrow,Segoe UI,sans-serif;color:#c8c8d6;color-scheme:dark}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:active{transform:scale(.97)}.med-demo{--accent:#38bdf8;--accent-rgb:56,189,248;--focus-fg:#ffb43c;--focus-bg:rgba(251,147,60,.1);--focus-bd:rgba(251,147,60,.28);--anki-fg:#6cb6ff;--anki-bg:rgba(33,117,243,.1);--anki-bd:rgba(33,117,243,.28);min-height:100vh;background:linear-gradient(145deg,#07070f,#0d0d1a 45%,#09090f)}.med-demo[data-theme=light]{color-scheme:light;background:#f7f8fc;--focus-fg:#b45309;--anki-fg:#1d4ed8}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;background:#12121c;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:5}.demo-controls [role=tablist]{display:flex;gap:4px;flex-wrap:wrap}.demo-controls button,.demo-foot button{border:1px solid transparent;background:transparent;border-radius:5px;font-size:14px;padding:8px 11px;min-height:38px}.demo-controls button[aria-selected=true]{background:#38bdf819;color:#38bdf8;border-color:#38bdf83a}.demo-controls button:hover,.demo-foot button:hover{background:#38bdf812;color:#38bdf8}.theme-control{font-size:22px!important;line-height:1}.preview-area{width:100%;max-width:1200px;margin:0 auto;padding-top:12px;overflow:hidden}.demo-foot{padding:10px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#818198;font-size:12px;border-top:1px solid #ffffff0d}.demo-foot button{font-size:12px;padding:5px}.demo-foot button[aria-pressed=true]{color:#38bdf8}.med-demo[data-theme=light] .demo-controls{background:#f1f3fa;color:#344155;border-color:#d3dbea}.med-demo[data-theme=light] .demo-foot{color:#52607a}.med-demo[data-theme=light] .demo-controls button[aria-selected=true]{color:#0369a1}.med-demo[data-theme=light] .preview-area button:focus-visible{outline-color:#0369a1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#38bdf84a;border-radius:5px}@media(max-width:500px){.demo-controls{padding:6px 10px}.demo-controls button{font-size:12px;padding:7px}.demo-foot{align-items:start;flex-direction:column}.preview-area{padding-top:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}