.dt{--accent:#9FB0B8}.dt-loomwrap{padding:0;overflow:hidden}.dt-loomwrap:before,.dt-loomwrap:after{display:none}.dt-beam{height:9px;background:linear-gradient(180deg,#6d4c38,#3b2419 58%,#241410);border-bottom:1px solid rgba(226,210,182,.2)}.dt-loom{display:block;margin:0 auto;cursor:crosshair;touch-action:manipulation}.dt-loomcap{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;padding:9px 15px 11px;border-top:1px solid rgba(214,170,92,.16);background:rgba(18,10,8,.45)}#loomName{font:800 14px/1.35 var(--font-sans);color:#ede3d2}#loomSub{font:600 12px/1.45 var(--font-sans);color:var(--faint)}.dt .tool-bar{gap:12px;row-gap:10px}.dt .tool-bar+.tool-bar{margin-top:12px}.dt #heSeg{gap:9px}#vungSel{max-width:230px}#sortSel{max-width:160px}.dt-search{max-width:200px}.dt-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;margin-left:auto}.dt-count{font:700 11.5px/1.3 var(--font-mono);color:var(--faint);white-space:nowrap}.dt-chip{--hc:#9FB0B8;--hi:color-mix(in srgb,var(--hc) 76%,#EDE3D2);gap:7px}.dt-thread{flex:0 0 auto;width:8px;height:14px;border-radius:1px;background:var(--hc)}.dt-chip em{font:700 10.5px/1 var(--font-mono);font-style:normal;color:var(--faint)}.dt-chip.on{color:var(--hi);border-color:var(--hc);box-shadow:none;background:color-mix(in srgb,var(--hc) 16%,transparent)}.dt-chip.on em{color:var(--hi)}#cards{margin-top:20px}.dt-fam{--hi:color-mix(in srgb,var(--hc) 76%,#EDE3D2)}.dt-fam+.dt-fam{margin-top:26px}.dt-famhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px}.dt-famname{font:800 12.5px/1.35 var(--font-sans);color:var(--hi);letter-spacing:.14em;text-transform:uppercase}.dt-famstat{font:600 11.5px/1.35 var(--font-mono);color:var(--faint)}.dt-band{height:9px;margin:7px 0 2px;border-top:1px solid var(--hc);border-bottom:1px solid color-mix(in srgb,var(--hc) 45%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--hc) 46%,transparent) 0 2px,transparent 2px 5px)}.dt-list{display:grid}@media (min-width:760px){.dt-list{grid-template-columns:1fr 1fr;column-gap:24px}}.dt-row{display:flex;align-items:flex-start;gap:12px;padding:11px 3px 12px;border-bottom:1px solid rgba(214,170,92,.13);border-radius:5px}.dt-sw{flex:0 0 auto;border-radius:2px 2px 0 0;background:#170D0A}.dt-txt{flex:1;min-width:0}.dt-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0}.dt-name b{font:800 15px/1.3 var(--font-sans);color:var(--ink)}.dt-pop{font:700 12px/1.2 var(--font-mono);color:var(--hi);white-space:nowrap}.dt-meta{margin:3px 0 0;font:600 11px/1.45 var(--font-sans);color:var(--faint)}.dt-note{margin:5px 0 0;font:500 12.5px/1.55 var(--font-sans);color:var(--dim)}.dt-motif{margin:4px 0 0;font:500 11.5px/1.5 var(--font-sans);color:var(--hi)}.dt-motif i{font-style:normal;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:9.5px;color:var(--faint);margin-right:5px}.dt-row.lit{animation:dtLit 1.6s ease-out}@keyframes dtLit{0%{background:color-mix(in srgb,var(--hc) 24%,transparent)}to{background:transparent}}.dt-empty{margin:20px 4px;color:var(--faint)}@media (max-width:400px){.dt-row{gap:10px}.dt-name b{font-size:14.5px}.dt-note{font-size:12px}}.dt-qhead{display:flex;align-items:center;gap:14px;margin-bottom:14px;color:var(--dim);font:600 12.5px/1 var(--font-sans)}.dt-qx{margin-left:auto}.dt-qname{margin:6px 0 2px;font:800 clamp(24px,7vw,30px)/1.2 var(--font-sans);color:var(--ink);text-align:center}.dt-qask{margin:0 0 16px;text-align:center;color:var(--dim);font:600 13px/1.4 var(--font-sans)}.dt-qopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:9px;max-width:720px;margin:0 auto}.dt-qopt{--hi:color-mix(in srgb,var(--hc) 76%,#EDE3D2);padding:12px 10px;border-radius:10px;cursor:pointer;font:700 13px/1.3 var(--font-sans);color:var(--hi);border:1.5px solid color-mix(in srgb,var(--hc) 50%,transparent);background:color-mix(in srgb,var(--hc) 9%,transparent);transition:transform .12s}.dt-qopt:hover:not(:disabled){transform:translateY(-2px)}.dt-qopt.right{border-color:#6bc86b;background:rgba(107,200,107,.16);color:#bfe4bb}.dt-qopt.wrong{border-color:#e07a5f;background:rgba(224,122,95,.14);color:#f0b6a4}.dt-qmean{margin:14px auto 0;max-width:720px;padding:10px 13px;border-radius:10px;font:500 12.5px/1.55 var(--font-sans);color:var(--dim)}.dt-qmean.ok{border:1px solid rgba(107,200,107,.5)}.dt-qmean.no{border:1px solid rgba(224,122,95,.5)}.dt-qdone{text-align:center;padding:26px 10px}.dt-qdone b{font:800 24px/1.3 var(--font-sans);color:var(--ink)}.dt-qdone p{color:var(--dim);margin:10px 0 18px}.dt-qbtns{display:flex;gap:10px;justify-content:center}