.io-list-control{position:relative;display:inline-block}.io-list-control summary{list-style:none;cursor:pointer;background:#ffffff18;border:1px solid #ffffff20;border-radius:7px;padding:12px 20px;font-weight:650}.io-list-options{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;padding:7px;background:#21192e;border:1px solid #ffffff22;border-radius:9px;z-index:60;box-shadow:0 15px 35px #0008}.io-list-options button{display:block;width:100%;padding:12px;background:none;color:#ddd;border:0;text-align:left;border-radius:6px}.io-list-options button:hover,.io-list-options button[aria-pressed=true]{background:#9f71e632;color:#fff}.io-list-group{margin:28px 0 40px}.io-list-group h3{font-size:22px}.io-list-group h3 small{font-size:14px;color:var(--text-dim)}.io-list-inline{display:grid;gap:6px;margin-top:12px;font-size:12px;color:var(--text-dim)}.io-list-inline select,.io-report-dialog select,.io-queue-item select,.io-reader select{padding:10px;background:#17121e;color:#eee;border:1px solid #ffffff22;border-radius:7px;max-width:100%;font:inherit}.io-queue-heading,.io-queue-item header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.io-queue-item{border-top:1px solid #ffffff1c;padding:24px 0}.io-queue-item h3{margin:0;font-size:19px}.io-status-pill{font-size:12px;color:#d9bcff;background:#9a67d722;padding:6px 11px;border-radius:20px;text-transform:capitalize}.io-queue-item small{display:block;color:var(--text-dim);margin-top:10px;overflow-wrap:anywhere}.io-pre-line,.io-admin-reply{white-space:pre-wrap;overflow-wrap:anywhere}.io-admin-reply{padding:14px;border-left:3px solid var(--accent);background:#ffffff06}.io-queue-item form{display:grid;gap:14px;margin-top:18px}.io-queue-item form label{display:grid;gap:8px}.io-settings-card textarea,.io-queue-item textarea,.io-report-dialog textarea{width:100%;min-height:100px;background:#110d18;color:#eee;border:1px solid #ffffff22;border-radius:8px;padding:12px;font:inherit;resize:vertical}.io-report-dialog .field{display:grid;gap:10px;margin:18px 0}.io-reader{background:#09080d;min-height:100vh}.io-reader-header{padding:18px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#141019;border-bottom:1px solid #ffffff18}.io-reader-header>div{flex:1;min-width:120px}.io-reader-header h1{font-size:18px;margin:0;overflow-wrap:anywhere}.io-reader-header p{font-size:13px;color:var(--text-dim);margin:6px 0 0}.io-reader-preferences{padding:20px 24px;display:flex;align-items:end;gap:20px;flex-wrap:wrap;background:#1e1728}.io-reader-preferences label{display:grid;gap:8px;font-size:13px}.io-reader-preferences p{font-size:12px;flex-basis:100%;margin:0;color:var(--text-dim)}.io-reader-stage{height:calc(100dvh - 230px);min-height:260px;overflow:auto;overscroll-behavior:contain;background:#070609;padding:12px}.io-reader-pages{display:flex;justify-content:safe center;align-items:flex-start;gap:8px;min-height:100%;width:100%}.io-reader-stage[data-direction=rtl] .io-reader-pages{flex-direction:row-reverse}.io-reader-image{flex:0 0 auto;max-width:none;object-fit:contain;background:#1d1824}.io-reader-stage[data-fit=screen] .io-reader-image{height:calc((100dvh - 260px)*var(--reader-zoom));width:auto;max-width:calc((100% - 8px)/var(--reader-columns)*var(--reader-zoom))}.io-reader-stage[data-fit=width] .io-reader-image{width:calc((100% - 8px)/var(--reader-columns)*var(--reader-zoom));height:auto}.io-reader-stage[data-layout=webtoon] .io-reader-pages{display:block}.io-reader-stage[data-layout=webtoon] .io-reader-image{display:block;width:calc(min(100%,1000px)*var(--reader-zoom));height:auto;max-width:none;margin:0 auto 5px;min-height:200px}.io-reader-paging{padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.io-reader-paging input{flex:1;min-width:80px;accent-color:var(--accent)}.io-reader-paging label{font-size:13px;font-variant-numeric:tabular-nums}.io-reader-chapters{display:flex;justify-content:center;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 20px 28px}.io-reader-chapters label{display:grid;gap:8px;font-size:12px}.io-reader .io-watch-info{padding-top:10px}.io-reader :focus-visible,.io-list-control :focus-visible,.io-queue-item :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.io-reader-header{padding:12px;gap:10px}.io-reader-header h1{font-size:15px}.io-reader-header .btn{font-size:12px;padding:9px 12px}.io-reader-preferences{padding:15px;gap:12px}.io-reader-preferences label{max-width:100%}.io-reader-paging{padding:12px;gap:10px}.io-reader-paging input{flex-basis:100%;order:3}.io-reader-paging label{flex:1;text-align:center}.io-list-options{min-width:180px;max-width:calc(100vw - 40px)}.io-reader-stage{height:calc(100dvh - 260px)}.io-reader-stage[data-fit=screen] .io-reader-image{height:calc((100dvh - 290px)*var(--reader-zoom))}}
.io-reader-pages{position:relative}
.io-reader-stage[data-fit=screen] .io-reader-image{height:auto;max-height:calc((100dvh - 260px)*var(--reader-zoom))}@media(max-width:700px){.io-reader-stage[data-fit=screen] .io-reader-image{height:auto;max-height:calc((100dvh - 290px)*var(--reader-zoom))}}.io-reader-stage[data-layout=webtoon] .io-reader-image{max-height:none}