:root{font:14px system-ui,sans-serif;color:#27313b;background:#fafbfc;--line:#d9dfe4;--accent:#416b8a}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}button,input,select{font:inherit}button{cursor:pointer;background:#f4f6f8;border:1px solid var(--line);border-radius:5px;padding:7px 10px;color:inherit}button:hover{background:#e3edf5}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:default}header{height:58px;display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:linear-gradient(#fff,#edf1f4)}header strong{font-size:18px;white-space:nowrap}header #search{margin-left:auto;width:min(36vw,460px);padding:8px 12px;border:1px solid #c7cfd7;border-radius:7px}#menu{display:none}main{flex:1;min-height:0;display:grid;grid-template-columns:240px minmax(0,1fr) 230px}aside{background:#f0f3f6;overflow:auto;padding:14px;border-right:1px solid var(--line)}#sidebar button{display:block;text-align:left;border:0;background:none;width:100%;border-radius:5px}#sidebar button.selected{background:#d5e5f2;color:#224966}#tree{margin-top:14px}details{margin:4px 0}details details,details button{margin-left:12px}summary{padding:7px 0;cursor:pointer;overflow-wrap:anywhere}#collection{min-width:0;display:flex;flex-direction:column}.collection-title{display:flex;align-items:center;gap:20px;padding:12px 18px}.collection-title h1{margin:0;font-size:20px}.collection-title span,#freshness{color:#65727e;font-size:12px}#freshness{margin:0 18px 12px}#table-scroll{flex:1;overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{position:sticky;top:0;background:#e9edf1;z-index:1;border-bottom:1px solid #ccd4dc;text-align:left}th button{border:0;background:none;padding:8px}td{padding:5px 10px;max-width:350px;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #edf0f3}tbody tr:nth-child(even){background:#f3f6f9}tbody tr:hover,tbody tr.selected{background:#dceaf5}tbody tr.unavailable{color:#87929c}td:first-child button{padding:3px 8px}#pages{display:flex;gap:20px;align-items:center;justify-content:center;padding:8px;border-top:1px solid var(--line)}#details{border-right:0;border-left:1px solid var(--line)}#cover{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px}#details h2{font-size:17px;overflow-wrap:anywhere}#details p{overflow-wrap:anywhere;color:#64707b}footer{display:flex;gap:20px;align-items:center;padding:12px 20px;border-top:1px solid var(--line);background:#edf2f6;min-height:94px}.transport{display:flex;gap:6px}.now{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.now strong,.now>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now>span{font-size:12px;color:#6a7682}.timeline{display:flex;align-items:center;gap:12px;font-size:12px}.timeline input{flex:1;min-width:0;accent-color:var(--accent)}.volume{display:flex;flex-direction:column;font-size:12px}.volume input{width:100px}#notice{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#253c4c;color:#fff;padding:10px 16px;border-radius:6px;display:none;max-width:85vw}dialog{border:1px solid #d4dce4;border-radius:12px;padding:28px;max-width:min(440px,92vw);box-shadow:0 12px 60px #1b304a44}dialog::backdrop{background:#263d5380;backdrop-filter:blur(4px)}dialog h2{margin-top:0}dialog label{display:flex;flex-direction:column;gap:6px;margin:15px 0}dialog input{padding:10px;border:1px solid #bdc9d2;border-radius:5px}dialog p[role=alert]{color:#a33232}#history-data{white-space:pre-wrap;max-height:50vh;overflow:auto}
@media(max-width:1100px){main{grid-template-columns:200px minmax(0,1fr)}#details{display:none}header #user{display:none}}
@media(max-width:700px){header{padding:8px;gap:6px}header strong{font-size:14px}header #search{width:100%;min-width:0}header #logout{font-size:11px;padding:7px}#analytics{display:none}#menu{display:block}main{display:block;position:relative}#sidebar{display:none;position:absolute;inset:0 auto 0 0;width:260px;z-index:4;box-shadow:5px 0 20px #182d4540}#sidebar.open{display:block}#collection{height:100%}.collection-title{padding:12px}.collection-title h1{font-size:17px}#freshness{margin:0 12px 8px}td{max-width:190px}footer{padding:10px;gap:10px}.transport{gap:2px}.transport button{padding:7px}.volume{display:none}.timeline{gap:5px}#pages{gap:12px}}

@media(min-width:701px){table{table-layout:fixed}th:nth-child(1){width:48px}th:nth-child(2){width:23%}th:nth-child(3){width:17%}th:nth-child(4){width:23%}th:nth-child(5){width:65px}th:nth-child(6){width:65px}th:nth-child(7){width:12%}th:nth-child(8){width:55px}}
@media(max-width:700px){table{table-layout:fixed}th:first-child{width:40px}th:nth-child(2){width:53%}th:nth-child(3){width:auto}th:nth-child(n+4),td:nth-child(n+4){display:none}td{padding:7px 6px;max-width:none}th button{padding:8px 6px}}

#close-details{display:none}
@media(max-width:1100px){main{position:relative}#details.visible{display:block;position:absolute;right:0;top:0;bottom:0;width:min(300px,85vw);z-index:5;box-shadow:-5px 0 20px #182d4540}#close-details{display:block;margin-bottom:12px}#cover{max-height:300px}}