.db-root{--db-ink:#172333;--db-muted:#6b7785;--db-line:#e8ecf1;--db-line-strong:#d5dce6;--db-surface:#ffffff;--db-wash:#f7f9fc;--db-accent:#2f6db5;--db-accent-soft:rgba(47,109,181,0.1);--db-reading:#e8f6ee;--db-reading-text:#1f7a45;--db-danger:#b42318;--db-radius:0.45rem;--db-max:1120px;width:100%;max-width:var(--db-max);margin-inline:auto;padding:.85rem clamp(.75rem,2vw,1.15rem) 2.25rem;color:var(--db-ink)}.db-toolbar{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.75rem}.db-toolbar[data-pending=true]{opacity:.72;pointer-events:none}.db-toolbar__row{gap:.45rem;justify-content:space-between}.db-toolbar__group,.db-toolbar__row{display:flex;flex-wrap:wrap;align-items:center}.db-toolbar__group{gap:.4rem;min-width:0}.db-toolbar__group--end{margin-left:auto}.db-toolbar__meta{margin:.1rem 0 0;font-size:.75rem;color:var(--db-muted)}.db-view-toggle{display:inline-flex;align-items:center;gap:.25rem}.db-search{min-width:0}.db-more-filters{display:contents}.db-more-filters__summary{display:none}.db-more-filters__body{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.db-chip,.db-input,.db-select{appearance:none;border:1px solid var(--db-line-strong);background:var(--db-surface);color:var(--db-ink);border-radius:var(--db-radius);font-size:.8125rem;min-height:2.125rem;line-height:1.2}.db-select{padding:0 1.75rem 0 .65rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7785' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;max-width:100%}.db-input{padding:0 .7rem;width:min(100%,15rem)}.db-input::placeholder{color:#98a2b0}.db-chip{display:inline-flex;align-items:center;gap:.3rem;padding:0 .65rem;color:var(--db-muted);text-decoration:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.db-chip:hover,.db-chip[data-active=true]{border-color:var(--db-accent);color:var(--db-accent);background:var(--db-accent-soft)}.db-chip--check{cursor:pointer;user-select:none}.db-chip--check input{margin:0}.db-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border:1px solid var(--db-line-strong);border-radius:var(--db-radius);background:var(--db-surface);color:var(--db-muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.db-icon-btn:hover,.db-icon-btn[data-active=true]{color:var(--db-accent);border-color:var(--db-accent);background:var(--db-accent-soft)}.db-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.125rem;padding:0 .8rem;border-radius:var(--db-radius);font-size:.8125rem;font-weight:600;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.db-btn--ghost{border-color:var(--db-line-strong);background:var(--db-surface);color:var(--db-ink)}.db-btn--ghost:hover{border-color:var(--db-accent);color:var(--db-accent)}.db-btn--primary{background:var(--db-accent);color:#fff}.db-btn--primary:hover{background:#275d9a}.db-panel{border:1px solid var(--db-line);border-radius:.55rem;background:var(--db-surface);overflow:hidden}.db-rows{display:flex;flex-direction:column}.db-row{display:grid;grid-template-columns:44px minmax(0,1.75fr) 4.25rem 7.25rem minmax(7rem,10.5rem) auto;gap:.65rem .75rem;align-items:center;padding:.65rem .8rem;border-bottom:1px solid var(--db-line)}.db-row:last-child{border-bottom:0}.db-row:hover{background:rgba(247,249,252,.9)}.db-row__cover{display:block;width:40px;height:56px;border-radius:.28rem;overflow:hidden;background:var(--db-wash);flex-shrink:0}.db-row__cover .cover-placeholder,.db-row__cover img{width:100%;height:100%;object-fit:cover}.db-row__main{min-width:0}.db-row__title{display:block;font-size:.9rem;font-weight:650;color:var(--db-ink);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-row__title:hover{color:var(--db-accent)}.db-row__meta{margin-top:.15rem;font-size:.72rem;color:var(--db-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-row__score{position:relative;font-size:.8125rem;font-weight:600;color:var(--db-ink);white-space:nowrap}.db-row__score select{border:1px solid transparent;border-radius:.35rem;background:var(--db-wash);font-size:.75rem;font-weight:650;min-height:1.7rem;min-width:3.25rem;padding:0 .35rem;color:var(--db-ink)}.db-row__score select:focus-visible,.db-row__score select:hover{border-color:var(--db-line-strong);outline:none}.db-row__score select[data-error=true]{border-color:var(--db-danger)}.db-field-error{display:block;margin-top:.2rem;font-size:.65rem;font-weight:600;color:var(--db-danger);white-space:normal;max-width:8rem}.db-progress{min-width:0}.db-progress__label{font-size:.75rem;font-weight:550;color:var(--db-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-progress__track{position:relative;margin-top:.28rem;height:2px;border-radius:999px;background:var(--db-line);overflow:hidden}.db-progress__fill{height:100%;border-radius:inherit;background:var(--db-accent)}.db-progress__remain{margin-top:.12rem;font-size:.65rem;font-weight:650;color:var(--db-accent)}.db-row__actions{display:flex;align-items:center;gap:.3rem;justify-content:flex-end}.db-link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;padding:0 .45rem;border-radius:.35rem;font-size:.75rem;font-weight:600;color:var(--db-muted);border:1px solid transparent;background:transparent}.db-link-btn:hover{color:var(--db-accent);background:var(--db-wash)}.db-root .tk-track-form{display:inline-flex;align-items:center;gap:.25rem}.db-root .tk-track--inline{min-height:1.7rem;padding:0 .5rem;border-radius:.35rem;border:1px solid var(--db-line-strong);background:var(--db-surface);color:var(--db-ink);font-size:.72rem;font-weight:650;gap:.25rem}.db-root .tk-track--inline:hover:not(:disabled){border-color:var(--db-accent);color:var(--db-accent);background:var(--db-accent-soft)}.db-root .tk-track--inline.tk-track--done{border-color:transparent;background:var(--db-reading);color:var(--db-reading-text)}.db-root .tk-track__icon{width:.85rem;height:.85rem}.db-root .tk-track__error{font-size:.65rem;color:var(--db-danger)}.db-empty{padding:2.25rem 1.15rem;text-align:center}.db-empty h2{margin:0;font-size:1.05rem;font-weight:700}.db-empty p{margin:.45rem auto 0;max-width:26rem;color:var(--db-muted);font-size:.875rem;line-height:1.5}.db-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1rem}.db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .7rem;padding:.85rem}@media (min-width:640px){.db-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.db-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1200px){.db-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.db-card{display:flex;flex-direction:column;min-width:0}.db-card__cover{position:relative;display:block;aspect-ratio:2/3;border-radius:.45rem;overflow:hidden;background:var(--db-wash)}.db-card__cover img{width:100%;height:100%;object-fit:cover}.db-card__body{display:flex;flex-direction:column;gap:.3rem;padding-top:.5rem;min-width:0}.db-card__title{font-size:.85rem;font-weight:650;line-height:1.3;color:var(--db-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-card__title:hover{color:var(--db-accent)}.db-card__meta{margin:0;font-size:.7rem;color:var(--db-muted)}.db-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-top:.15rem}.db-pager{margin-top:.75rem}.db-card .tracking-status-root,.db-row .tracking-status-root{max-width:8.5rem}.db-row__status-mobile{display:none}@media (max-width:1023px){.db-row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"cover main score" "cover progress progress" "status status actions"}.db-row__cover{grid-area:cover}.db-row__main{grid-area:main}.db-row__score{grid-area:score;justify-self:end}.db-row__status{grid-area:status;display:block}.db-progress{grid-area:progress}.db-row__actions{grid-area:actions;justify-content:flex-end}.db-row__status-mobile{display:none}}@media (max-width:639px){.db-toolbar__row{align-items:stretch}.db-toolbar__group,.db-toolbar__group--end{width:100%;margin-left:0}.db-more-filters{display:block;width:100%}.db-more-filters__summary{display:flex;align-items:center;justify-content:space-between;min-height:2.125rem;padding:0 .7rem;border:1px solid var(--db-line-strong);border-radius:var(--db-radius);background:var(--db-surface);color:var(--db-muted);font-size:.8125rem;font-weight:600;cursor:pointer;list-style:none}.db-more-filters__summary::-webkit-details-marker{display:none}.db-more-filters__summary:after{content:"+";font-weight:700;color:var(--db-accent)}.db-more-filters[open] .db-more-filters__summary:after{content:"–"}.db-more-filters__body{margin-top:.4rem;width:100%}.db-btn,.db-chip,.db-input,.db-select{flex:1 1 auto}.db-input{width:100%}.db-view-toggle{flex:0 0 auto}.db-row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"cover main" "cover status" "progress progress" "score actions";gap:.45rem .65rem;padding:.7rem}.db-row__cover{width:48px;height:68px}.db-row__status{display:block}.db-row__score{justify-self:start}.db-row__actions{justify-content:flex-end;flex-wrap:wrap}.db-progress__label{white-space:normal}}@media (min-width:1440px){.db-root{--db-max:1200px}}@media (min-width:1920px){.db-root{--db-max:1280px}}