*{box-sizing:border-box;margin:0;padding:0}
button{outline:none;-webkit-tap-highlight-color:transparent}
button:focus{outline:none}
button:focus-visible{outline:2px solid rgba(0,102,255,.4);outline-offset:2px}
html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);display:flex;flex-direction:column;align-items:center;padding-top:32px;gap:32px}

#demo-label{color:rgba(148,163,184,.5);font-size:1.1rem;font-weight:500;text-align:center;letter-spacing:.02em;user-select:none;pointer-events:none;line-height:1.8}
#demo-updated{font-size:.85rem;opacity:.6}

.demo-nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.demo-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;background:rgba(255,255,255,.06);color:rgba(148,163,184,.85);font-size:.95rem;font-weight:500;text-decoration:none;border:1px solid rgba(148,163,184,.15);transition:background .2s,color .2s,border-color .2s,transform .15s;cursor:pointer}
.demo-btn:hover{background:rgba(255,255,255,.12);color:rgba(226,232,240,1);border-color:rgba(148,163,184,.3);transform:translateY(-1px)}
.demo-btn:active{transform:scale(0.97)}
.demo-btn svg{width:20px;height:20px;flex-shrink:0}
.demo-btn-dev{border-color:rgba(0,102,255,.3);color:rgba(100,160,255,.85)}
.demo-btn-dev:hover{background:rgba(0,102,255,.12);border-color:rgba(0,102,255,.5);color:rgba(130,180,255,1)}

.design-switch{display:flex;gap:8px;justify-content:center}
.design-switch-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;border:1px solid rgba(148,163,184,.15);background:rgba(255,255,255,.06);color:rgba(148,163,184,.7);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}
.design-switch-btn:hover{background:rgba(255,255,255,.12);color:rgba(226,232,240,1);border-color:rgba(148,163,184,.3);transform:translateY(-1px)}
.design-switch-btn:active{transform:scale(0.97)}
.design-switch-btn.active{background:rgba(0,102,255,.18);border-color:rgba(0,102,255,.4);color:rgba(130,180,255,1);font-weight:600;box-shadow:0 0 16px rgba(0,102,255,.15)}