@font-face{font-family:Archivo;src:url(/assets/archivo-e3a28eade2.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(/assets/archivo-ext-5717f37059.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plex Mono;src:url(/assets/plexmono-400-08949f728d.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/assets/plexmono-500-01d2854474.woff2) format("woff2");font-weight:500;font-display:swap}:root{--bg: #141413;--panel: #1b1b19;--raised: #232320;--line: #2c2c29;--line-strong: #3a3a36;--text: #e9e6df;--muted: #9a968d;--faint: #66635c;--accent: #c6e33b;--accent-ink: #141413;--warn: #e8a23a;--danger: #e5533d;--sans: "Archivo", "Helvetica Neue", Arial, sans-serif;--mono: "Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--bar-h: 48px;--strip-h: 64px;--gutter: 20px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:400 14px/1.4 var(--sans);font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#app{height:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}button,input{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus{outline:none}:focus-visible,[data-input=pad] :focus,.focus-ring{outline:2px solid var(--accent);outline-offset:2px}.label{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.dim{color:var(--muted)}.faint{color:var(--faint)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border:1px solid var(--line-strong);border-radius:2px;background:transparent;font:500 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--muted)}.btn[disabled]{opacity:.45;cursor:default}.btn.play{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);height:36px;padding:0 18px}.btn.play:hover{filter:brightness(1.08)}.btn.play svg{width:10px;height:12px;fill:currentColor}.btn.danger:hover{border-color:var(--danger);color:var(--danger)}.linkish{background:none;border:0;padding:0;cursor:pointer;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.linkish:hover{color:var(--text)}.bar{position:fixed;inset:0 0 auto;height:var(--bar-h);display:flex;align-items:center;gap:18px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--bg);z-index:3}.wordmark{font:700 15px/1 var(--sans);font-stretch:80%;letter-spacing:-.01em;white-space:nowrap}.wordmark:after{content:"";display:inline-block;width:7px;height:7px;margin-left:5px;background:var(--accent);vertical-align:1px}.search{flex:1 1 auto;max-width:440px;display:flex;align-items:center;height:32px;padding:0 10px;border:1px solid var(--line);background:var(--panel)}.search:focus-within{border-color:var(--muted)}.search input{flex:1;min-width:0;height:100%;border:0;background:none;padding:0;font-size:14px}.search input::placeholder{color:var(--faint)}.search kbd{font:500 11px/1 var(--mono);color:var(--faint);border:1px solid var(--line);padding:2px 5px}.bar .spacer{flex:1}.pc-pick{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid transparent;background:none;cursor:pointer;font-size:13px;white-space:nowrap}.pc-pick:hover{border-color:var(--line-strong)}.dot{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none}.dot.on{background:var(--accent)}.dot.busy{background:var(--warn)}.who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);white-space:nowrap}.who img{width:24px;height:24px;display:block}.filters{position:fixed;inset:var(--bar-h) 0 auto 0;height:40px;display:flex;align-items:center;gap:22px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--bg);z-index:2}.filters .count{font:400 12px/1 var(--mono);color:var(--muted);white-space:nowrap}.filters .count b{color:var(--text);font-weight:500}.seg{display:flex;align-items:center;gap:2px}.seg .label{margin-right:8px}.seg button{height:24px;padding:0 8px;border:0;background:none;cursor:pointer;font:400 12px/1 var(--mono);color:var(--muted)}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--text)}.shelf{position:fixed;inset:calc(var(--bar-h) + 40px) 0 var(--strip-h) 0;overflow-y:auto;overflow-x:hidden;padding:0 var(--gutter);contain:strict;scrollbar-color:var(--line-strong) transparent}.shelf-inner{position:relative;width:100%}.tile{position:absolute;top:0;left:0;display:block;padding:0;margin:0;border:0;background:none;text-align:left;cursor:pointer;contain:layout paint}.tile .art{display:block;width:100%;aspect-ratio:231 / 87;background:var(--raised);overflow:hidden;position:relative}.tile img{display:block;width:100%;height:100%;object-fit:cover}.tile .fallback{position:absolute;inset:0;display:flex;align-items:flex-end;padding:8px;font:600 13px/1.15 var(--sans);font-stretch:85%;color:var(--muted)}.tile .t{display:flex;align-items:center;gap:6px;height:22px;margin-top:4px;font:500 12px/1 var(--sans);font-stretch:78%;letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.tile .t i{flex:none;width:5px;height:5px;background:var(--accent)}.tile.out img{filter:grayscale(.85) brightness(.5)}.tile.out .t{color:var(--faint)}.tile:hover img{filter:brightness(1.12)}.tile.out:hover img{filter:grayscale(.4) brightness(.72)}.tile:focus-visible,[data-input=pad] .tile:focus{outline-offset:3px}.tile.cur .art{outline:2px solid var(--accent);outline-offset:2px}.bin{position:absolute;left:0;right:0;display:flex;align-items:flex-end;gap:12px;padding-bottom:7px;border-bottom:1px solid var(--line)}.bin .label{color:var(--text)}.bin .n{font:400 11px/1 var(--mono);color:var(--faint)}.strip{position:fixed;inset:auto 0 0;height:var(--strip-h);display:flex;align-items:center;gap:28px;padding:0 var(--gutter);border-top:1px solid var(--line);background:var(--panel);z-index:3}.strip .name{flex:0 1 auto;min-width:0;font:650 19px/1.1 var(--sans);font-stretch:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip .fields{display:flex;gap:22px;flex:none}.field{display:flex;flex-direction:column;gap:5px}.field .v{font:400 13px/1 var(--mono);white-space:nowrap}.field .v.acc{color:var(--accent)}.strip .spacer{flex:1}.strip .hint{font:400 11px/1 var(--mono);color:var(--faint);white-space:nowrap}.strip .hint b{color:var(--muted);font-weight:500}.notice{position:fixed;inset:calc(var(--bar-h) + 40px) 0 0 0;padding:56px var(--gutter);overflow:auto}.notice .inner{max-width:620px}.notice h2{margin:0 0 14px;font:650 26px/1.15 var(--sans);font-stretch:88%;letter-spacing:-.01em}.notice p{margin:0 0 12px;color:var(--muted);max-width:58ch}.notice p strong{color:var(--text);font-weight:500}.notice .actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.notice ol{padding-left:1.2em;color:var(--muted)}.notice li{margin-bottom:6px}.notice code{font:400 12.5px var(--mono);color:var(--text);background:var(--panel);padding:1px 5px}.front{height:100%;overflow:auto;display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px;padding:64px var(--gutter) 40px calc(var(--gutter) + 24px)}.front h1{margin:0 0 28px;font:700 22px/1 var(--sans);font-stretch:80%}.front h1:after{content:"";display:inline-block;width:9px;height:9px;margin-left:6px;background:var(--accent)}.front .lede{font-size:17px;line-height:1.5;margin:0 0 36px;max-width:40ch}.steps{list-style:none;margin:0 0 36px;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:34px 1fr;gap:6px;padding:16px 0;border-bottom:1px solid var(--line)}.steps .n{font:500 12px/1.6 var(--mono);color:var(--faint)}.steps p{margin:4px 0 0;color:var(--muted);font-size:13px}.sits{display:inline-block;margin-top:12px;line-height:0}.sits img{display:block}.fine{font-size:12px;color:var(--faint);max-width:60ch}.selftest{align-self:start;border:1px solid var(--line);background:var(--panel);max-width:380px}.selftest h2{margin:0;padding:12px 14px;border-bottom:1px solid var(--line)}.selftest table{width:100%;border-collapse:collapse;font:400 12px/1.2 var(--mono)}.selftest td{padding:8px 14px;border-bottom:1px solid var(--line)}.selftest td:last-child{text-align:right;white-space:nowrap}.selftest tr:last-child td{border-bottom:0}.ok{color:var(--accent)}.no{color:var(--faint)}.warn{color:var(--warn)}.selftest .foot{padding:10px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.pcs{max-width:760px}.pc{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.pc:first-of-type{border-top:1px solid var(--line)}.pc .dot{margin-top:7px}.pc .nm{font:600 16px/1.3 var(--sans);font-stretch:90%}.pc .meta{font:400 12px/1.6 var(--mono);color:var(--muted)}.pc .meta .warn{color:var(--warn)}.pc .ops{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pc input.rename{width:100%;max-width:280px;height:30px;padding:0 8px;border:1px solid var(--muted);background:var(--bg);font:600 15px var(--sans)}.toast{position:fixed;left:var(--gutter);bottom:calc(var(--strip-h) + 14px);max-width:min(560px,calc(100vw - 40px));padding:10px 14px;background:var(--raised);border:1px solid var(--line-strong);font:400 12.5px/1.4 var(--mono);z-index:10}@media(max-width:760px){:root{--gutter: 14px;--strip-h: 96px}.bar{gap:10px}.who span,.search kbd{display:none}.filters{gap:12px;overflow-x:auto}.strip{flex-wrap:wrap;gap:8px 18px;padding-top:10px;padding-bottom:10px;align-content:center}.strip .name{flex-basis:100%;font-size:16px}.strip .hint{display:none}.front{grid-template-columns:1fr;padding:40px var(--gutter);gap:40px}.library{--bar-h: 92px}.bar.lib{display:grid;align-content:center;row-gap:8px;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"mark . pc who" "search search search roam"}.bar.lib .wordmark{grid-area:mark}.bar.lib .spacer{display:none}.bar.lib .search{grid-area:search;max-width:none}.bar.lib .roam{grid-area:roam}.bar.lib .pc-pick{grid-area:pc;min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis}.bar.lib .who{grid-area:who}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}