#root{max-width:1280px;margin:0 auto}.title{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#48abe0 0%,#fff 100%);-webkit-background-clip:text;background-clip:text}.card{background:linear-gradient(#6366f10f 0%,#0000 30%),#0003;border:1px solid #1e283c;border-radius:.75em;max-width:900px;margin-bottom:1.5rem;padding:1.5em;box-shadow:0 10px 40px #6366f133}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.card-title{flex:1;min-width:280px}.card-title h2{word-break:break-word;margin:0 0 .4em}.card-badges{flex-wrap:wrap;gap:.4rem;display:flex}.badge{color:#ffffffb3;letter-spacing:.04em;text-transform:uppercase;background-color:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:.25em .7em;font-size:.7em;font-weight:700}.badge-good{color:#86efac;background-color:#22c55e1f;border-color:#22c55e66}.badge-warn{color:#fde047;background-color:#eab3081f;border-color:#eab30866}.badge-info{color:#a5b4fc;background-color:#6366f126;border-color:#6366f173}.card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.action-btn{box-shadow:none;color:#c7d2fe;cursor:pointer;background-color:#6366f126;border:1px solid #6366f173;border-radius:.5em;margin:0;padding:.5em .9em;font-size:.8em;transition:background-color .1s}.action-btn:hover:not(:disabled){background-color:#6366f14d}.action-btn:disabled{cursor:not-allowed;opacity:.4}.card-meta{gap:.25rem 1rem}.section-title{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;margin:.75rem 0 .6rem;font-size:.75em;font-weight:700}.row{flex-wrap:wrap;gap:.5rem;display:flex}.info{border-radius:.3em;flex-direction:column;min-width:0;margin-right:.5em;display:flex}.info label{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:.7em}.info p{color:#fff;overflow-wrap:anywhere;margin:0;font-family:monospace;font-size:.9em}hr{border:none;border-top:1px solid #ffffff14;margin:1.1rem 0}.btn-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem;display:grid}.btn-cell{background-color:#28283c66;border:1px solid #323250;border-radius:.5em;min-height:64px;transition:background-color 80ms,border-color 80ms,transform 80ms,box-shadow 80ms;position:relative;overflow:hidden}.btn-cell.pressed{background-color:#6366f18c;border-color:#818cf8;transform:translateY(-1px);box-shadow:0 0 12px #6366f199}.btn-cell-trigger.pressed{background-color:#28283c66;border-color:#818cf8;transform:none;box-shadow:0 0 12px #6366f166}.btn-cell-fill{z-index:0;background:linear-gradient(#6366f1b3 0%,#6366f166 100%);transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0}.btn-cell-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:.15em;height:100%;padding:.4em .3em;display:flex;position:relative}.btn-cell-label{color:#fff;font-size:1em;font-weight:700;line-height:1}.btn-cell-sub{color:#ffffff73;font-family:monospace;font-size:.65em;line-height:1}.btn-cell-value{color:#ffffffb3;font-family:monospace;font-size:.7em;line-height:1}.sticks-row{gap:1.5rem}.stick{background-color:#0003;border:1px solid #1e283c;border-radius:.5em;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;display:flex}.stick-header{align-items:center;gap:.4rem;display:flex}.stick-title{color:#ffffffb3;letter-spacing:.1em;text-transform:uppercase;font-size:.75em;font-weight:700}.stick-pressed-pill{color:#f9a8d4;letter-spacing:.05em;text-transform:uppercase;background-color:#f472b633;border:1px solid #f472b673;border-radius:999px;padding:.1em .55em;font-size:.6em;font-weight:700}.stick-svg{color:#ffffffe6}.stick-values{text-align:center;flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}input{box-sizing:border-box;color:#fff;background-color:#000c;border:1px solid #1e283c;border-radius:.3em;width:100%;padding:.5em;font-size:1em}button{color:#fff;cursor:pointer;background-color:#0003;border:1px solid #1e283c;border-radius:.75em;margin-bottom:.5em;padding:.7em 1em;font-size:.9em;box-shadow:0 10px 40px #6366f133}.debug-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.debug-controls input{flex:1;width:auto;min-width:200px}.debug-filters{gap:.25rem;display:flex}.filter-chip{box-shadow:none;color:#c7d2fe;cursor:pointer;background-color:#6366f126;border:1px solid #6366f173;border-radius:.5em;margin:0;padding:.5em .9em;font-size:.8em;transition:background-color .1s}.filter-chip:hover{background-color:#6366f14d}.filter-chip.active{color:#fff;background-color:#6366f173;border-color:#818cf8}.debug-stats{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;display:flex}.debug-stat-chip{background-color:#0000004d;border:1px solid #ffffff14;border-radius:.35em;align-items:center;gap:.35rem;padding:.2em .55em;font-family:monospace;font-size:.75em;display:inline-flex}.debug-stat-label{color:#ffffff8c}.debug-stat-count{color:#c7d2fe;font-weight:700}.debug-log{background-color:#000000b3;border:1px solid #1e283c;border-radius:.4em;height:420px;padding:.4em;font-family:monospace;font-size:.95em;overflow-y:auto}.debug-log-empty{color:#fff6;text-align:center;padding:1em}.debug-log-row{border-bottom:1px solid #ffffff0a;border-left:3px solid #0000;grid-template-columns:200px 60px 80px 1fr;align-items:center;gap:.6rem;padding:.35em .6em;display:grid}.debug-log-row:hover{background-color:#ffffff08}.debug-log-press{border-left-color:#22c55e}.debug-log-release{border-left-color:#ef4444b3}.debug-log-time{color:#ffffff73}.debug-log-btn{color:#c7d2fe;font-weight:700}.debug-log-press .debug-log-kind{color:#86efac}.debug-log-release .debug-log-kind{color:#fca5a5}.debug-log-value{color:#fff9}:root{color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#020617;font-family:Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}h2{margin:.5em 0}p{margin:0;line-height:1}label{font-size:.8em;font-weight:700}