:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;--panel:#101522;--panel-strong:#151d2e;--panel-soft:#0c111d;--border:#243044;--border-soft:#1a2435;--muted:#94a3b8;--text:#f8fafc;--amber:#f59e0b;--blue:#38bdf8;--green:#34d399;--red:#fb7185;--purple:#a78bfa;background:#080a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#080a12;min-width:320px;margin:0}button,select,a{font:inherit}button{cursor:pointer}.library-app{background:#080a12;min-height:100vh;padding:12px}.app-header,.control-bar,.source-row,.workspace,.series-row,.detail-panel{width:100%;margin:0 auto}.app-header{grid-template-columns:minmax(0,1fr) minmax(520px,.9fr);align-items:end;gap:16px;margin-bottom:14px;display:grid}.brand-block{gap:8px;display:grid}.eyebrow,.series-row header span,.source-row span,.detail-platforms span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:850}h1,h2,p{margin:0}h1{color:var(--text);font-size:clamp(34px,6vw,82px);font-weight:950;line-height:.92}.brand-block p,.series-row header p,.detail-copy p{color:#cbd5e1;max-width:760px;font-size:14px;font-weight:650;line-height:1.45}.summary-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.summary-strip article{border:1px solid var(--border);background:#101522e0;border-radius:8px;min-width:0;padding:12px}.summary-strip strong,.summary-strip span{display:block}.summary-strip strong{color:var(--text);font-size:24px;font-weight:950;line-height:1}.summary-strip span{color:var(--muted);text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:850}.control-bar{border:1px solid var(--border);background:#0c111de6;border-radius:8px;grid-template-columns:minmax(0,1fr) 180px 180px 128px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:grid}.segmented-control{gap:6px;min-width:0;display:flex;overflow-x:auto}.segmented-control button,.control-bar select,.control-bar a{border:1px solid var(--border);background:var(--panel);min-height:38px;color:var(--text);border-radius:6px;font-size:12px;font-weight:850}.segmented-control button{flex:none;padding:0 13px}.segmented-control button.active,.control-bar a:hover{border-color:var(--blue);background:#102338}.control-bar select{width:100%;padding:0 10px}.control-bar a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.source-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.source-row span{border:1px solid var(--border-soft);background:#101522e0;border-radius:999px;padding:7px 9px}.workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.series-stack{gap:14px;min-width:0;display:grid}.series-row{--series-state-color:var(--muted);border:1px solid var(--border);min-width:0;box-shadow:inset 7px 0 0 var(--series-state-color), inset 10px 0 0 color-mix(in srgb, var(--series-accent), transparent 25%);background:#101522e0;border-radius:8px;gap:12px;padding:14px;display:grid;overflow:hidden}.series-row--read{--series-state-color:var(--green)}.series-row--collected{--series-state-color:var(--blue)}.series-row--gap{--series-state-color:var(--amber)}.series-row--missing{--series-state-color:var(--red)}.series-row--partial{--series-state-color:var(--purple)}.series-row header{grid-template-columns:minmax(0,1fr) 120px;align-items:start;gap:12px;display:grid}.series-row h2{color:var(--text);margin:2px 0 5px;font-size:24px;font-weight:950;line-height:1.05}.series-meter{text-align:right;gap:5px;display:grid}.series-meter b,.series-meter em,.series-meter strong{color:var(--text);font-style:normal}.series-meter b{border:1px solid color-mix(in srgb, var(--series-state-color), white 12%);background:color-mix(in srgb, var(--series-state-color), transparent 78%);text-transform:uppercase;border-radius:999px;justify-self:end;padding:5px 8px;font-size:11px;font-weight:950}.series-meter em{color:var(--muted);font-size:11px;font-weight:800}.series-meter strong{font-size:16px;font-weight:950}.series-meter span{background:#1f2937;border-radius:999px;height:8px;display:block;overflow:hidden}.series-meter i{border-radius:inherit;background:var(--series-state-color);height:100%;display:block}.book-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(148px,164px);grid-auto-flow:column;gap:12px;max-width:100%;padding:1px 2px 4px;scroll-padding-inline:2px;display:grid;overflow-x:auto}.book-rail::-webkit-scrollbar{display:none}.book-card{border:2px solid var(--platform-color);background:var(--panel-soft);min-width:0;color:var(--text);text-align:left;scroll-snap-align:start;border-radius:8px;gap:8px;padding:8px;display:grid;position:relative}.book-card.active{outline-offset:2px;outline:2px solid #fff}.book-card--queued,.book-card--unowned{opacity:.76}.book-card:hover{transition:transform .16s;transform:translateY(-2px)}.cover-frame,.detail-cover-frame{aspect-ratio:2/3;background:#111827;border:1px solid #334155;border-radius:5px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.cover-frame img,.detail-cover-frame img{object-fit:contain;background:#111827;width:100%;height:100%;position:absolute;inset:0}.cover-title{color:#f8fafc;text-align:center;text-wrap:balance;padding:14px 10px;font-size:13px;font-weight:950;line-height:1.12}.book-order{min-width:30px;height:24px;color:var(--text);background:#080a12db;border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:950;display:inline-flex;position:absolute;top:8px;right:8px}.status-pill{z-index:1;min-height:24px;color:var(--text);text-transform:uppercase;background:#1f2937;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:950;display:inline-flex;position:absolute;top:8px;left:8px}.status-pill--green{background:#064e3b}.status-pill--blue{background:#075985}.status-pill--amber{background:#78350f}.status-pill--red{background:#7f1d1d}.book-title{min-height:36px;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:850;line-height:1.25;display:-webkit-box;overflow:hidden}.platform-dots{gap:5px;min-height:12px;display:flex}.platform-dots i{border-radius:999px;width:12px;height:12px}.platform-dots .empty{background:0 0;border:1px solid #64748b}.detail-panel{z-index:5;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151d2ef7;border-radius:8px;grid-template-columns:82px minmax(0,1fr) minmax(220px,320px);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:grid;position:sticky;top:0}.detail-cover-frame{border-radius:7px}.detail-cover{aspect-ratio:2/3;object-fit:contain;background:#111827;width:100%}.detail-copy{gap:6px;min-width:0;display:grid}.detail-copy .status-pill{justify-self:start;position:static}.detail-copy h2{color:var(--text);font-size:20px;font-weight:950;line-height:1.05}.detail-platforms{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));align-items:center;gap:7px;display:grid}.detail-platforms span{grid-column:1/-1}.detail-platforms b{border:1px solid var(--border);background:var(--panel);color:var(--text);border-left-width:4px;border-radius:6px;padding:8px 9px;font-size:12px;font-weight:850}.empty-detail,.empty-row{border:1px solid var(--border-soft);background:var(--panel-soft);color:var(--muted);border-radius:8px;padding:18px;font-size:13px;font-weight:750}@media (width<=1080px){.app-header{grid-template-columns:1fr}.summary-strip{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto}.detail-panel{grid-template-columns:112px minmax(0,1fr);align-items:start;position:static}.detail-platforms{grid-column:1/-1}}@media (width<=640px){.library-app{padding:10px}h1{font-size:42px}.control-bar{grid-template-columns:1fr}.series-row{padding:12px}.series-row header{grid-template-columns:1fr}.series-meter{text-align:left}.book-rail{grid-auto-columns:minmax(132px,148px)}.detail-panel{grid-template-columns:92px minmax(0,1fr)}.detail-copy h2{font-size:20px}}