@font-face{font-family:Lab Mono Web;src:url(/assets/labmono-BX3cjMOM.woff2)format("woff2");font-weight:400;font-display:swap}:root{--paper:#fdfdfc;--blue:#2d21d1;--ink:#141414;--soft:#9a9a96;--dots:#b8b8b4;--faint:#e6e6e2;--f:"Lab Mono Web", ui-monospace, Menlo, monospace;--row:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.night{--paper:#2b2b2b;--ink:#ededea;--soft:#8c8c88;--dots:#6e6e6b;--faint:#3a3a3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--paper);color:var(--ink);overscroll-behavior:none}body{font-family:var(--f);font-size:11px;line-height:var(--row);-webkit-font-smoothing:antialiased;padding:0 16px}.sheet{gap:26px;max-width:1440px;margin:0 auto;padding-block:28px 40px;display:grid}header{font-size:14px;position:relative}header .c1{position:relative}.nightbtn{right:0;top:var(--icontop,calc(50% - 9px));border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:15px;height:15px;padding:0;position:absolute}.night .nightbtn{background:var(--ink)}.nightbtn:focus-visible{outline:1px solid var(--ink);outline-offset:3px}@keyframes blink{to{opacity:.8}}.playing .dot{animation:.35s ease-in-out infinite alternate blink}.dot{background:var(--blue);vertical-align:calc(.3525em - 7.5px);border-radius:50%;width:15px;height:15px;margin-right:10px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.grid{grid-template-columns:minmax(0,230px) minmax(0,230px) minmax(0,1fr);align-items:start;gap:0 44px;display:grid}.cap{color:var(--soft);border-bottom:1px solid var(--ink);min-height:var(--row);justify-content:space-between;margin-bottom:14px;font-size:11px;display:flex}.titles{display:grid}.titles button{font:inherit;color:var(--ink);text-align:left;cursor:pointer;line-height:var(--row);background:0 0;border:0;justify-content:space-between;padding:0;display:flex}.titles button[aria-pressed=true] .nm{text-underline-offset:3px;text-decoration:underline}.help{color:var(--soft);min-height:var(--row)}.help.mob{display:none}.titles button[aria-pressed=true]:after{content:"playing";color:var(--soft);animation:.35s ease-in-out infinite alternate blink72}@keyframes blink72{to{opacity:.72}}.titles button:focus-visible,.bar:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.lead{white-space:nowrap;min-width:0;height:var(--row);gap:4px;display:flex;overflow:hidden}.lead .d{min-width:6px;color:var(--dots);flex:1;overflow:hidden}.lead .d:after{content:"................................................................................"}.lead .v{text-align:right;min-width:4ch}.els{grid-template-columns:minmax(0,1fr);display:grid}.el.hot .k{text-underline-offset:3px;text-decoration:underline}.els .el{position:relative;overflow:visible}.star{text-align:center;width:8px;position:absolute;left:-15px;transform:translateY(2px)}.trace{min-width:0;position:relative}.credit{text-align:right}.credit a{color:inherit;text-underline-offset:3px;text-decoration:underline}.credit a:hover{color:var(--ink)}.trace canvas,.bar canvas{width:100%;display:block}.bar{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:46px;position:relative}.note{color:var(--soft);margin-top:var(--row);white-space:normal;position:relative}.bl{width:0;height:0;display:inline-block}.line{animation:.12s linear both type}@keyframes type{0%{opacity:0}to{opacity:1}}.sl{display:none}@media (width>=761px){.dot{cursor:pointer}}.poemcol{transition:opacity .9s}.poemcol.out{opacity:0}.poemcol .pl{height:var(--row);white-space:nowrap}.poemcol .by{color:var(--soft);margin-top:var(--row)}.specrow[hidden]{display:none}.specs{gap:var(--row) 0;grid-column:3;display:grid}.spec canvas{width:100%;display:block}.spec .cap{margin-bottom:8px}.spec .ic{align-items:center;gap:12px;display:flex}.spec .ic[hidden]{display:none}.spec .ic button{color:var(--soft);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.spec .ic button:hover{color:var(--ink)}.spec .ic button:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.infobtn{right:25px;top:var(--icontop,calc(50% - 9px));border:1.5px solid var(--ink);width:15px;height:15px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;padding:0;position:absolute}.infobtn svg{width:15px;height:15px;position:absolute;inset:-1.5px}.infobtn:focus-visible,.infox:focus-visible{outline:1px solid var(--ink);outline-offset:2px}dialog.info{box-sizing:border-box;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--dots);aspect-ratio:3/2;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--faint) transparent;border-radius:10px;width:min(900px,100vw - 96px);max-height:calc(100vh - 96px);padding:28px 36px 36px;overflow:auto}dialog.info:focus{outline:none}dialog.info::-webkit-scrollbar{width:6px}dialog.info::-webkit-scrollbar-track{background:0 0}dialog.info::-webkit-scrollbar-thumb{background:var(--faint);border-radius:3px}.infotext{columns:2;column-gap:44px}.infotext p{break-inside:avoid}@media (width<=900px){dialog.info{aspect-ratio:auto}.infotext{columns:1}}dialog.info::backdrop{background:var(--paper);opacity:.82}dialog.info[open]{animation:.25s both infoin}dialog.info.closing{animation:.2s both infoout}@keyframes infoin{0%{opacity:0}}@keyframes infoout{to{opacity:0}}.info .cap{border-bottom-color:#0000;align-items:center}.infox{color:var(--ink);cursor:pointer;background:0 0;border:0;margin-right:-3px;padding:0;display:flex}.info p{margin:0 0 var(--row)}.info p:last-child{margin-bottom:0}.info .by{color:var(--soft)}body.noscroll{overflow:hidden}@media (width<=760px){dialog.info{width:100%;max-width:none;height:var(--trayh,80vh);border:1px solid var(--dots);max-height:none;padding:20px 24px calc(28px + env(safe-area-inset-bottom));border-bottom:0;border-radius:10px 10px 0 0;margin:auto 0 0}dialog.info[open]{animation:.3s both trayin}dialog.info.closing{animation:.22s both trayout}@keyframes trayin{0%{transform:translateY(100%)}}@keyframes trayout{to{transform:translateY(100%)}}.specs{grid-column:1/-1}.poemcol{display:none}body{padding:0 24px}.grid.hd{flex-wrap:wrap;align-items:baseline;gap:0 9px;padding-right:50px;font-size:13px;display:flex}.hd .dot{margin-right:8px}.sl{display:inline}.grid{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:0 18px}.grid>.c1{grid-column:1/-1;margin-bottom:14px}.grid>.c1:empty{display:none}.titles{grid-template-columns:repeat(4,auto);justify-content:space-between}.titles button[aria-pressed=true]:after{content:""}.help.mob{margin-top:14px;display:block}.time>.c1{margin-bottom:36px}.foot>div{grid-column:1/-1}.star{left:-12px}.time{grid-template-columns:minmax(0,1fr)}.hd>.c1{grid-column:auto;margin-bottom:0;padding-left:0}.time>div{grid-column:1/-1;margin-bottom:10px}}@media (width<=380px){.grid.hd{font-size:11px}}@media (prefers-reduced-motion:reduce){.line{animation:none}}
