.lines,.col{flex-direction:column;display:flex}.spacer{flex:1}.toolbar{align-items:center;gap:var(--gap-1) var(--gap-4);flex-wrap:wrap;display:flex}.toolbar .group{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.toolbar .group>.dim{margin-right:6px}.main{gap:var(--gap-4) 36px;flex:1;min-height:0;display:flex}.list{flex-direction:column;flex:999 560px;min-width:0;min-height:0;display:flex}.table{scrollbar-width:thin;scrollbar-color:var(--dim) transparent;flex:1;min-height:0;overflow-y:auto}.grid{grid-template-columns:minmax(20ch,1fr) 5ch minmax(16ch,1fr) 11ch 13ch;align-items:center;column-gap:2ch;display:grid}.thead{padding:0 var(--gap-2) var(--gap-1);color:var(--dim);text-shadow:0 0 1px var(--glow-dim), 0 0 8px var(--glow-halo-dim)}.row{width:100%;padding:2px var(--gap-2);cursor:pointer;text-align:left;background:0 0;border:0}.row:hover{background:var(--hover)}.row.on{background:var(--fg);color:var(--bg);text-shadow:none}.row.on .dim,.row.on .faint,.row.on .warn{color:var(--bg);text-shadow:none}.row:focus-visible{outline:1px dashed var(--fg);outline-offset:-1px}.topics{gap:1ch;min-width:0;display:flex}.topics .more{flex:none}.ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{padding:var(--gap-3) var(--gap-2)}.detail{border:1px solid var(--dim);align-self:flex-start;gap:var(--gap-2);flex-direction:column;flex:360px;max-width:420px;padding:14px 16px;display:flex}.detail h2{font:inherit;margin:0}.kv{grid-template-columns:80px 1fr;align-items:start;gap:6px 10px;display:grid}.ladder{flex-wrap:wrap;gap:3px;display:flex}.ladder span{border:1px solid var(--dim);color:var(--dim);text-shadow:0 0 1px var(--glow-dim), 0 0 8px var(--glow-halo-dim);padding:0 3px}.ladder .done{background:var(--dim);color:var(--bg);text-shadow:none}.ladder .cur{background:var(--fg);border-color:var(--fg);color:var(--bg);text-shadow:none}.spark{align-items:flex-end;gap:3px;height:36px;display:flex}.spark i{background:var(--fg);width:10px;box-shadow:0 0 6px var(--glow);display:block}.spark .reset-mark{border-left:2px solid var(--dim);align-self:stretch;width:0;margin:0 6px}.dialog{background:var(--mid);border:3px double var(--fg);min-width:420px;max-width:560px;padding:var(--gap-3) var(--gap-4);gap:var(--gap-2);flex-direction:column;display:flex}.dialog.wide{width:min(720px,100%);max-width:none}.dialog p{margin:0}.dialog-hint{text-align:center}.dialog-title{color:var(--dim);text-shadow:0 0 1px var(--glow-dim), 0 0 8px var(--glow-halo-dim);text-align:center}.dialog-buttons{justify-content:center;gap:var(--gap-2);margin-top:var(--gap-1);display:flex}.rating{padding:0 var(--gap-1)}.prompt{flex-direction:column;gap:2px;display:flex}.field{align-items:center;gap:var(--gap-2);display:flex}.field input{min-width:0;caret-color:var(--fg);background:0 0;border:0;outline:none;flex:1}.field input::placeholder{color:var(--faint)}.suggestions{min-height:calc(var(--line) * 8);flex-direction:column;display:flex}.suggestion{grid-template-columns:64px minmax(0,1fr) 52px 80px;gap:12px;display:grid}.hints{margin-top:var(--gap-1)}.hint{padding:0 2px}@media (width<=1280px){.grid{grid-template-columns:minmax(20ch,1fr) 5ch 11ch 13ch}.c-topics{display:none}}@media (width<=1100px){.main{flex-wrap:wrap;flex:none}.list,.detail{flex-basis:100%;max-width:none}.table{overflow:visible}}
