:root{--z0:#8e9499;--z1:#c9d1d3;--z2:#4fa3c7;--z3:#6fbf4a;--z4:#e8b31e;--z5:#e8414e;--t1:#3a3e40;--t2:#1d3b47;--t3:#27401c;--t4:#45380f;--t5:#45161b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}[hidden]{display:none!important}body{color:#fff;background:#111;margin:0}.start main{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.start main>*{margin:8px 0}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 20px}#start{background:var(--z5);color:#fff;font-size:2rem}.error{color:var(--z5)}.account{opacity:.85;margin-top:28px;font-size:.9rem}.account .why{margin:0 0 8px}.account #signed-in{margin:0 0 8px;font-weight:600}.account button{padding:8px 14px;font-size:.9rem}.session{height:100vh;overflow:hidden}.session main{box-sizing:border-box;align-items:stretch;height:100vh;padding:12px;display:flex;overflow:hidden}.side{flex-direction:column;flex:0 0 250px;align-items:center;min-width:0;margin-left:12px;display:flex}.side .join{background:#fff;border-radius:12px;padding:10px}.side canvas{display:block;max-width:100%!important;height:auto!important}.side .code{color:#111;letter-spacing:.1em;margin:8px 0 0;font-size:5vh}.side .hint{text-align:center;opacity:.8;margin:10px 0;font-size:1.9vh}.side #end{width:100%;margin-top:auto;font-size:2.2vh}.join{flex-direction:column;align-items:center;display:flex}.code{letter-spacing:.2em;margin:0;font:700 3rem/1 ui-monospace,monospace}.grid{flex-wrap:wrap;flex:auto;align-content:stretch;justify-content:center;min-width:0;margin:-6px;display:flex}.tile{box-sizing:border-box;color:#e8e8e8;text-align:center;background:#1e1e1e;border-radius:16px;flex-direction:column;flex:0 0 200px;justify-content:center;min-height:0;max-height:26vh;margin:6px;padding:12px;display:flex;overflow:hidden}.tile p{margin:0}.tile .name{white-space:nowrap;text-overflow:ellipsis;font-size:3.2vh;font-weight:600;overflow:hidden}.tile .bpm{white-space:nowrap;font-size:9vh;font-weight:700;line-height:1}.tile .name{line-height:1.1}.tile .bpm{line-height:1}.tile .meta{opacity:.85;height:2.42vh;font-size:2.2vh;line-height:1.1}.tile.dim{opacity:.45}.grid.bars .tile{max-height:none}.grid.bars .tile .bpm{font-size:7vh}.tile .chart{background:#121212;border-radius:.8vh;flex-direction:column;flex:auto;min-height:0;max-height:30vh;margin-top:.6vh;padding:.5vh .6vh;display:flex}.tile .chart .track{border-radius:.65vh;flex:1 1 0;justify-content:flex-end;align-items:center;min-height:.7vh;margin:.25vh 0;display:flex;position:relative;overflow:hidden}.tile .chart .fill{border-radius:.65vh;position:absolute;top:0;bottom:0;left:0}.tile .chart .ztime{color:#e9e9e9;white-space:nowrap;padding-right:.8vh;font-size:1.4vh;line-height:1;position:relative}.banner{background:var(--z4);color:#111;padding:8px 16px}.summary{flex-direction:column;flex:auto;min-width:0;display:flex;overflow:hidden}.summary h2{margin:0 0 .6vh;font-size:3vh}.summary .pager{opacity:.6;text-align:center;margin:.4vh 0 0;font-size:2vh}.cards{flex-wrap:wrap;flex:auto;align-content:flex-start;margin:-.6vh;display:flex;overflow:hidden}.card{box-sizing:border-box;background:#1b1b1b;border-radius:12px;flex:0 0 calc(50% - 1.2vh);margin:.6vh;padding:.7vh 1.2vh}.card .who{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:2.4vh;font-weight:600;overflow:hidden}.card .numbers{opacity:.75;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3vh;font-size:1.7vh;overflow:hidden}.band{align-items:center;margin:.1vh 0;font-size:1.55vh;line-height:1.15;display:flex}.band .zlabel{text-align:right;opacity:.8;white-space:nowrap;text-overflow:ellipsis;flex:0 0 11vh;padding-right:.7vh;overflow:hidden}.band .track{background:#2c2c2c;border-radius:.75vh;flex:auto;height:1.5vh;margin:0 .7vh 0 0;overflow:hidden}.band .fill{border-radius:.75vh;height:100%}.band .ztime{text-align:right;flex:0 0 6.5vh}.band .zpct{text-align:right;opacity:.75;flex:0 0 5vh}