:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh}#root{width:100%}:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--border: #334155;--error: #ef4444;--success: #22c55e}body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-primary)}.bs-container{display:grid;grid-template-columns:350px 1fr;height:100vh;overflow:hidden}.bs-sidebar{background-color:var(--card-bg);border-right:1px solid var(--border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.bs-main{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.bs-header{margin-bottom:1rem}.bs-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.bs-header p{color:var(--text-secondary);font-size:.9rem;margin:.2rem 0 0}.bs-group{display:flex;flex-direction:column;gap:.5rem}.bs-group-title{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:.25rem;margin-bottom:.5rem}.bs-input-row{display:flex;gap:.5rem;align-items:center}.bs-input-col{display:flex;flex-direction:column;gap:.25rem;flex:1}label{font-size:.75rem;color:var(--text-secondary)}input[type=text],input[type=number],input[type=datetime-local],select{background:#0f172a;border:1px solid var(--border);color:var(--text-primary);padding:.4rem .6rem;border-radius:4px;font-size:.9rem;width:100%;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--accent)}button{cursor:pointer;background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:all .2s}button.primary{background:var(--accent);color:#000;border-color:var(--accent)}button:hover{filter:brightness(1.1)}.bs-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bs-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:1rem}.bs-metric-grid{display:grid;grid-template-columns:1fr 1fr;font-size:.85rem;gap:.5rem}.bs-metric-label{color:var(--text-secondary)}.bs-metric-value{text-align:right;font-family:monospace}.heatmap-container{flex:1;min-height:400px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;position:relative;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}.error-text{color:var(--error);font-size:.75rem}@media(max-width:768px){.bs-container{grid-template-columns:1fr;height:auto;overflow:visible}.bs-sidebar{height:auto;border-right:none;border-bottom:1px solid var(--border)}.bs-card-grid{grid-template-columns:1fr}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}