*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f7fa;color:#1a1a2e;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:3rem}.app-header h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:#1a1a2e}.app-header p{font-size:1.1rem;color:#64748b}.examples-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.examples-nav button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#e2e8f0;color:#475569}.examples-nav button:hover{background-color:#cbd5e1}.examples-nav button.active{background-color:#3b82f6;color:#fff}.example-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:2rem;margin-bottom:2rem}.example-header{margin-bottom:1.5rem}.example-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.example-header p{color:#64748b;font-size:.95rem}.chart-wrapper{display:flex;justify-content:center;overflow-x:auto}.ref-demo{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:8px;font-family:monospace;font-size:.875rem;color:#475569}