:root{--bg:#070c13;--bg2:#0b1420;--panel:#0f1a29;--panel2:#142235;--line:#293b55;--text:#f5f7fb;--muted:#94a5bb;--accent:#e3342f;--accent2:#ff625a;--danger:#ff6b6b;--ok:#55d68b;--r:18px;--shadow:0 18px 60px rgba(0,0,0,.38)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 0%,rgba(227,52,47,.08),transparent 28rem),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.86rem}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:850;color:var(--accent2);margin:0 0 .55rem}.button,.icon-button,.reader-button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:.78rem 1rem;font-weight:800;cursor:pointer;transition:.18s ease}.button:hover,.icon-button:hover,.reader-button:hover{transform:translateY(-1px);border-color:#465269}.button.primary{background:linear-gradient(135deg,var(--accent),#9f1f25);border-color:transparent}.button.accent{background:rgba(227,52,47,.14);border-color:rgba(227,52,47,.35);color:#ffd3d0}.button.secondary{background:#202632}.button.ghost{background:transparent}.button.big{display:inline-flex;justify-content:center;padding:1rem 1.25rem;width:100%}.icon-button{width:42px;height:42px;padding:0;display:grid;place-items:center;font-size:1.25rem}.brand-row{display:flex;align-items:center;gap:.6rem}.brand-mark{display:inline-grid;place-items:center;min-width:46px;height:32px;padding:0 .55rem;border-radius:8px;background:var(--accent);color:#130b06;font-size:.78rem;font-weight:1000;letter-spacing:.08em}.brand-product{font-weight:950;letter-spacing:.16em}.version{font-size:.7rem;color:var(--muted);border:1px solid var(--line);padding:.2rem .42rem;border-radius:999px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(520px,100%);padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,rgba(26,31,42,.96),rgba(13,16,23,.98));box-shadow:var(--shadow)}.auth-card h1{font-size:clamp(2rem,7vw,3.5rem);line-height:.98;margin:.6rem 0 1rem;letter-spacing:-.045em}.lead{font-size:1.05rem;line-height:1.6;color:#c4cad5;margin-bottom:1.5rem}.login-cover-stack{position:relative;height:132px;margin:30px 0 20px}.login-cover-stack i{position:absolute;width:86px;height:126px;left:50%;top:0;border-radius:8px;border:1px solid #363e4f;box-shadow:0 16px 28px #0008;background:linear-gradient(145deg,#2d3545,#11151e)}.login-cover-stack i:nth-child(1){transform:translateX(-90%) rotate(-10deg)}.login-cover-stack i:nth-child(2){transform:translateX(-50%);background:linear-gradient(145deg,#e3342f,#5e1519)}.login-cover-stack i:nth-child(3){transform:translateX(-10%) rotate(10deg)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;padding:0 clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(55,64,82,.55);background:rgba(9,11,16,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 7px;border:1px solid var(--line);border-radius:13px;background:#11151d}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:.7rem;margin-top:1px}.avatar-dot{width:31px;height:31px;border-radius:9px;background:#2a3240;display:grid;place-items:center;font-weight:900}.main-content{width:min(1500px,100%);margin:0 auto;padding:clamp(24px,4vw,54px)}.library-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.library-head h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:.94;letter-spacing:-.05em;margin:.2rem 0}.library-tools{display:flex;gap:10px;min-width:min(620px,50vw)}.search-box{flex:1;display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 12px}.search-box input,.library-tools select,.form-grid input{width:100%;border:0;outline:0;color:var(--text);background:transparent;padding:.83rem 0}.library-tools select{width:auto;min-width:160px;border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:.8rem}.shelf-section{margin:0 0 46px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-title h2,.editor-strip h2,.modal-card h2{margin:0;font-size:1.45rem;letter-spacing:-.025em}.count-pill{min-width:36px;text-align:center;border:1px solid var(--line);border-radius:999px;padding:.35rem .6rem;color:var(--muted)}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 18px}.continue-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(310px,390px);overflow-x:auto;gap:16px;padding-bottom:12px;scroll-snap-type:x proximity}.comic-card{min-width:0;scroll-snap-align:start}.cover-frame{position:relative;aspect-ratio:2/3;border-radius:13px;overflow:hidden;background:#141822;border:1px solid #252c39;box-shadow:0 15px 34px rgba(0,0,0,.28);transition:.22s ease}.cover-frame img{width:100%;height:100%;display:block;object-fit:cover}.comic-card:hover .cover-frame{transform:translateY(-5px);box-shadow:0 22px 42px rgba(0,0,0,.42);border-color:#454e60}.format-badge,.read-badge{position:absolute;top:9px;padding:.3rem .47rem;border-radius:7px;background:rgba(5,7,10,.82);backdrop-filter:blur(8px);font-size:.64rem;font-weight:900;letter-spacing:.08em}.format-badge{left:9px}.read-badge{right:9px;color:var(--ok)}.comic-info{padding:11px 3px 0}.comic-title{font-weight:850;line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-info p{color:var(--muted);font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.34rem 0 .48rem}.comic-info small{color:#858fa0;font-size:.69rem}.card-progress{height:3px;background:#242a35;border-radius:99px;overflow:hidden;margin:.55rem 0 .35rem}.card-progress i{display:block;height:100%;background:var(--accent)}.comic-card.compact{display:grid;grid-template-columns:92px 1fr;gap:13px;background:var(--panel);border:1px solid var(--line);padding:9px;border-radius:15px}.comic-card.compact .cover-frame{border-radius:8px}.comic-card.compact .comic-info{align-self:center;padding:0;min-width:0}.comic-card.unavailable .cover-frame{filter:saturate(.5);opacity:.72}.status-warning{color:#ff9c95!important}.empty-state,.loading-card{grid-column:1/-1;padding:44px;border:1px dashed #303847;border-radius:18px;color:var(--muted);display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center}.editor-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(227,52,47,.23);background:rgba(227,52,47,.055);padding:22px;border-radius:18px;margin-top:40px}.editor-strip p:not(.eyebrow){color:var(--muted);margin:.5rem 0 0}.editor-actions{display:flex;align-items:center;gap:12px}.app-footer{margin-top:auto;padding:22px clamp(16px,4vw,48px);border-top:1px solid #1f2530;display:flex;justify-content:space-between;color:#727c8d;font-size:.72rem}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(780px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#11151d;border:1px solid #353d4d;border-radius:22px;box-shadow:var(--shadow);padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.file-drop{display:grid;place-items:center;text-align:center;border:1px dashed #465063;border-radius:16px;padding:25px;background:#0c0f15;cursor:pointer}.file-drop input{display:none}.file-drop strong{margin:.3rem 0}.file-drop small{color:var(--muted)}.file-drop em{font-style:normal;color:#ffb5af;font-size:.78rem;margin-top:9px}.drop-icon{font-size:2rem;color:var(--accent2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.form-grid label{background:#0c0f15;border:1px solid var(--line);border-radius:12px;padding:9px 12px}.form-grid label>span{display:block;color:var(--muted);font-size:.72rem;font-weight:800}.form-grid label small{font-weight:500}.span-2{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.upload-progress{margin-top:16px}.progress-track{height:7px;background:#272e3a;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:var(--accent);transition:.15s}.upload-progress>div:last-child{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:6px}.notice{padding:11px 13px;margin-top:14px;border-radius:10px;background:#1a202a}.notice.success{border:1px solid rgba(85,214,139,.28);color:#9df0bc}.notice.error{border:1px solid rgba(255,107,107,.3);color:#ffaaaa}.reader-body{height:100vh;overflow:hidden;background:#050607}.reader-bar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;border-bottom:1px solid #242932;background:#090b0f;position:relative;z-index:5}.reader-back{font-weight:800;color:#c5cbd5}.reader-title{text-align:center;max-width:50vw}.reader-title strong,.reader-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-title small{font-size:.68rem;color:#7f8998;margin-top:2px}.reader-actions{justify-self:end;display:flex;gap:7px}.reader-button{padding:.55rem .7rem;font-size:.75rem;border-radius:9px}.archive-reader{height:calc(100vh - 116px);display:grid;grid-template-columns:56px 1fr 56px;overflow:auto;background:#030405}.page-wrap{min-width:0;display:flex;justify-content:center;align-items:flex-start;height:100%;overflow:auto}.page-wrap img{display:block;box-shadow:0 0 34px #000;user-select:none}.page-wrap.fit-width img{width:min(100%,1100px);height:auto}.page-wrap.fit-screen{align-items:center}.page-wrap.fit-screen img{max-width:100%;max-height:100%;width:auto;height:auto}.page-zone{border:0;background:transparent;color:#666;font-size:2.3rem;cursor:pointer}.page-zone:hover{background:#ffffff08;color:#ddd}.reader-controls{height:58px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid #242932;background:#090b0f}.page-status{display:flex;align-items:center;gap:12px;flex:1;margin-left:8px}.page-status input{width:100%;accent-color:var(--accent)}.page-status span{white-space:nowrap;color:#9aa3b0;font-size:.75rem}.pdf-reader{height:calc(100vh - 116px)}.pdf-reader iframe{width:100%;height:100%;border:0;background:#222}.pdf-note{justify-content:center;color:var(--muted);font-size:.76rem}.reader-unavailable{height:calc(100vh - 58px);display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.reader-unavailable h1{margin:.6rem 0}.reader-unavailable p{max-width:650px;color:var(--muted)}.format-monogram{font-size:2rem;font-weight:1000;color:var(--accent);border:1px solid #542126;background:#1a0b0e;border-radius:15px;padding:18px}.reader-body:fullscreen .reader-bar{display:none}.reader-body:fullscreen .archive-reader,.reader-body:fullscreen .pdf-reader{height:calc(100vh - 58px)}@media(max-width:860px){.topbar{height:auto;min-height:66px;padding:10px 14px}.top-actions .user-chip{display:none}.library-head{align-items:stretch;flex-direction:column;margin-bottom:28px}.library-tools{min-width:0;width:100%}.editor-strip{align-items:flex-start;flex-direction:column}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:18px 13px}.reader-bar{grid-template-columns:auto 1fr auto}.reader-title{max-width:45vw}.reader-actions #markRead{display:none}.archive-reader{grid-template-columns:0 1fr 0}.page-zone{opacity:0;width:0;padding:0}.reader-controls #fitWidth,.reader-controls #fitScreen{display:none}}@media(max-width:560px){.main-content{padding:24px 14px}.library-tools{flex-direction:column}.library-tools select{width:100%}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-grid{grid-auto-columns:minmax(280px,84vw)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.app-footer{flex-direction:column;gap:5px}.topbar .button.accent{padding:.68rem;font-size:.77rem}.home-brand .version{display:none}}

/* Comic 0.5 */
.library-subtitle{margin:.65rem 0 0;color:var(--muted);max-width:700px}.library-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:-14px 0 18px}.metric-card{appearance:none;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,#121720,#0d1017);color:var(--text);border-radius:14px;padding:14px 15px;cursor:pointer;transition:.18s ease}.metric-card:hover{border-color:#465269;transform:translateY(-1px)}.metric-card.active{border-color:rgba(227,52,47,.55);box-shadow:inset 0 0 0 1px rgba(227,52,47,.12);background:linear-gradient(145deg,rgba(227,52,47,.14),#10131a)}.metric-card span{display:block;color:var(--muted);font-size:.72rem;font-weight:800}.metric-card strong{display:block;font-size:1.55rem;margin-top:.22rem;letter-spacing:-.03em}.metric-card.favorite strong{color:#ffb4c1}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 30px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{white-space:nowrap;border:1px solid var(--line);background:#11151d;color:#b6bfcd;border-radius:999px;padding:.58rem .85rem;font-weight:800;font-size:.76rem;cursor:pointer}.category-tab:hover{border-color:#465269}.category-tab.active{background:var(--text);border-color:var(--text);color:#10131a}.cover-frame-wrap{position:relative}.favorite-button{position:absolute;right:9px;bottom:9px;z-index:4;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(5,7,10,.82);backdrop-filter:blur(8px);color:#d8dee8;font-size:1.2rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.24)}.favorite-button:hover{transform:translateY(-1px);border-color:rgba(255,180,193,.5)}.favorite-button.active{color:#ff8fa4}.favorite-button:disabled{opacity:.5;cursor:wait}.category-badge{position:absolute;left:9px;bottom:9px;max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.3rem .47rem;border-radius:7px;background:rgba(5,7,10,.82);backdrop-filter:blur(8px);font-size:.61rem;font-weight:900;color:#d9e0ea}.card-status-row{min-height:20px;display:flex;align-items:center;margin-bottom:.25rem}.reading-state{display:inline-flex;align-items:center;border:1px solid #323a49;background:#151a22;border-radius:999px;padding:.2rem .45rem;color:#a8b1bf;font-size:.61rem;font-weight:900;letter-spacing:.03em}.reading-state.in_progress{border-color:rgba(227,52,47,.38);color:#ff9f98;background:rgba(227,52,47,.08)}.reading-state.completed{border-color:rgba(85,214,139,.28);color:#9ce8b8;background:rgba(85,214,139,.07)}.source-path{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#697486!important;margin:.18rem 0 .1rem}.user-menu-wrap{position:relative}.user-menu-toggle{display:flex;align-items:center;gap:9px;min-height:46px;border:1px solid var(--line);border-radius:14px;background:#11151d;color:var(--text);padding:5px 8px 5px 6px;cursor:pointer}.user-menu-toggle:hover,.user-menu-toggle[aria-expanded="true"]{border-color:#465269;background:#161b24}.avatar-shell{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#2a3240;border:1px solid #353d4d;flex:0 0 auto}.avatar-shell.large{width:52px;height:52px;border-radius:14px}.avatar-shell img{width:100%;height:100%;display:block;object-fit:cover}.avatar-fallback{font-weight:950}.user-menu-copy{text-align:left;min-width:80px;max-width:150px}.user-menu-copy strong,.user-menu-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-copy strong{font-size:.8rem}.user-menu-copy small{font-size:.68rem;color:var(--muted);margin-top:1px}.user-menu-chevron{color:#7f8998;font-size:.85rem;padding:0 2px}.user-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 28px));padding:10px;background:#11151d;border:1px solid #353d4d;border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.46);z-index:80}.user-menu-profile{display:flex;align-items:center;gap:12px;padding:7px 8px 12px}.user-menu-profile strong,.user-menu-profile span{display:block}.user-menu-profile span{font-size:.72rem;color:var(--muted);margin-top:2px}.user-menu-role{display:flex;justify-content:space-between;align-items:center;margin:0 4px 8px;padding:9px 10px;border-radius:10px;background:#0c0f15;color:var(--muted);font-size:.72rem}.user-menu-role b{color:#ffb7b2}.user-menu>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #242b37;padding:11px 10px;font-size:.78rem;font-weight:800}.user-menu>a:hover{background:#181d26;border-radius:9px}.user-menu .danger-link{color:#ffaaaa}.inbox-path{display:inline-block;margin-top:10px;max-width:100%;overflow:auto;padding:.5rem .62rem;border-radius:8px;background:#0b0e13;color:#aeb8c7;border:1px solid #252c38;font-size:.72rem}.form-grid select{width:100%;border:0;outline:0;color:var(--text);background:#0c0f15;padding:.83rem 0}.form-grid select option{background:#11151d;color:var(--text)}
@media(max-width:980px){.library-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.user-menu-copy{display:none}.user-menu-toggle{padding-right:6px}.user-menu-chevron{display:none}}
@media(max-width:640px){.library-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card:first-child{grid-column:1/-1}.metric-card{padding:12px}.metric-card strong{font-size:1.3rem}.category-tabs{padding-bottom:22px}.user-menu-toggle{border:0;background:transparent;padding:0}.avatar-shell{width:38px;height:38px}.top-actions{gap:7px}.topbar .button.accent{font-size:0;width:42px;height:42px;padding:0;display:grid;place-items:center}.topbar .button.accent::after{content:'＋';font-size:1.25rem}.comic-info .source-path{display:none}}

/* Comic 1.0 · importador masivo reanudable */
.import-manager{display:block}.import-manager-head{display:flex;justify-content:space-between;gap:26px;align-items:flex-start}.import-manager-head>div:first-child{max-width:780px}.editor-button-row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.inbox-import-progress{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0b0e13}.import-progress-copy{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:10px}.import-progress-copy strong{font-size:.78rem;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-progress-copy span{font-size:.72rem;color:var(--muted);white-space:nowrap}.import-progress-copy b{color:#ffb7b2}.import-progress-track{height:8px;margin-bottom:14px}.import-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.import-stat-grid>div{padding:10px 12px;border:1px solid #242b37;border-radius:10px;background:#10141b}.import-stat-grid span,.import-stat-grid strong{display:block}.import-stat-grid span{font-size:.64rem;color:var(--muted);font-weight:800}.import-stat-grid strong{margin-top:3px;font-size:1rem}.import-log{margin-top:12px;max-height:220px;overflow:auto;border-top:1px solid #242b37;padding-top:8px}.import-log:empty{display:none}.import-log-row{font-size:.69rem;padding:5px 7px;border-radius:7px;color:#b9c3d0;word-break:break-word}.import-log-row+.import-log-row{margin-top:3px}.import-log-row.ok{background:rgba(85,214,139,.06);color:#a6e9be}.import-log-row.warning{background:rgba(255,177,94,.07);color:#ffd0a4}.import-log-row.error{background:rgba(255,106,106,.07);color:#ffb1b1}.import-log-row.duplicate{background:rgba(130,152,190,.07);color:#b6c6e4}
@media(max-width:860px){.import-manager-head{display:block}.editor-actions{margin-top:16px;align-items:flex-start}.editor-button-row{justify-content:flex-start}.import-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.import-progress-copy{display:block}.import-progress-copy strong{display:block;max-width:100%;margin-bottom:5px}.editor-button-row .button{flex:1 1 auto}.import-stat-grid{grid-template-columns:1fr 1fr}}

/* Comic 1.1 · colecciones jerárquicas y edición */
.breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-14px 0 28px;color:#7f8998;font-size:.76rem}.breadcrumbs button{border:0;background:transparent;color:#aeb8c7;padding:0;cursor:pointer;font-weight:800}.breadcrumbs button:hover{color:#fff}.breadcrumbs span{color:#4e5869}.category-tab.subtle{margin-left:auto}.category-tab.subtle.active{background:#dbe2ee;color:#11151d}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.collection-card{position:relative;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,#141923,#0e1118);border-radius:17px;overflow:hidden;transition:.2s ease}.collection-card:hover{transform:translateY(-3px);border-color:#465269;box-shadow:0 18px 36px rgba(0,0,0,.28)}.collection-open{display:grid;grid-template-columns:94px 1fr;gap:13px;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:10px;cursor:pointer}.collection-cover{position:relative;aspect-ratio:2/3;border-radius:11px;overflow:hidden;background:#0b0e13;border:1px solid #282f3c}.collection-cover img{width:100%;height:100%;object-fit:cover;display:block}.collection-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:1.9rem;color:#e14a42;background:radial-gradient(circle at 70% 20%,rgba(227,52,47,.2),transparent 45%),#11151d}.collection-count-badge{position:absolute;right:6px;bottom:6px;min-width:28px;text-align:center;border-radius:999px;padding:.24rem .4rem;background:rgba(5,7,10,.82);font-size:.62rem;font-weight:900}.collection-info{min-width:0;align-self:center}.collection-info strong,.collection-info small,.collection-info>span{display:block}.collection-kind{color:var(--accent2);font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.collection-info strong{margin:.28rem 0 .36rem;font-size:1rem;line-height:1.13}.collection-info small{color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-info>span:last-child{color:#737e8f;font-size:.62rem;margin-top:.3rem}.collection-progress{height:4px;background:#252c37;border-radius:999px;overflow:hidden;margin-top:.8rem}.collection-progress i{display:block;height:100%;background:var(--accent)}.collection-editor-button,.card-editor-button{position:absolute;z-index:7;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(5,7,10,.85);color:#e5e9f0;cursor:pointer;font-weight:900}.collection-editor-button{right:8px;top:8px}.card-editor-button{right:9px;top:48px}.collection-editor-button:hover,.card-editor-button:hover{border-color:#67758b}.user-menu-action{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-top:1px solid #242b37;padding:11px 10px;background:transparent;color:var(--text);font-size:.78rem;font-weight:800;cursor:pointer;text-align:left}.user-menu-action:hover{background:#181d26;border-radius:9px}.danger-button{border-color:rgba(255,107,107,.34)!important;background:rgba(255,107,107,.08)!important;color:#ffaaaa!important}.modal-actions.split{align-items:center}.grow{flex:1}.compact-modal{width:min(560px,100%)}.form-grid.single{grid-template-columns:1fr}.small-button{padding:.5rem .65rem;font-size:.69rem}.trash-list{display:grid;gap:8px}.trash-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0c0f15}.trash-row strong,.trash-row span{display:block}.trash-row span{margin-top:3px;color:var(--muted);font-size:.68rem}.trash-row>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.collection-preview{margin-top:14px;border-top:1px solid rgba(227,52,47,.18);padding-top:12px}.collection-preview>strong{font-size:.71rem;color:#ffb7b2}.collection-preview>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px;max-height:170px;overflow:auto}.collection-preview span{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:8px;background:#0d1016;font-size:.66rem;min-width:0}.collection-preview span b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-preview span i{font-style:normal;color:var(--accent2);font-weight:900}.collection-preview em{font-size:.66rem;color:var(--muted);padding:6px 2px}.desktop-editor-action{white-space:nowrap}
@media(max-width:900px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.collection-preview>div{grid-template-columns:1fr}.desktop-editor-action{display:none}.category-tab.subtle{margin-left:0}}
@media(max-width:600px){.collection-grid{grid-template-columns:1fr}.collection-open{grid-template-columns:76px 1fr}.trash-row{align-items:flex-start;flex-direction:column}.trash-row>div:last-child{justify-content:flex-start}.breadcrumbs{margin-top:-4px}.collection-editor-button{width:36px;height:36px}.modal-actions.split{flex-wrap:wrap}.modal-actions.split .grow{display:none}.modal-actions.split .danger-button{margin-right:auto}}
/* === MDH Comic 1.2 brand + Continue shelf controls === */
.home-brand{display:flex;align-items:center;gap:.7rem;min-width:0}.brand-logo{display:block;width:88px;height:62px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.32))}.topbar{min-height:78px;height:78px}.login-brand{display:flex;justify-content:center;align-items:center;margin:-10px auto 14px}.login-brand img{display:block;width:min(350px,92%);height:auto;filter:drop-shadow(0 16px 28px rgba(0,0,0,.34))}.comic-login{overflow:hidden}.section-help{margin:.35rem 0 0;color:#788496;font-size:.72rem;line-height:1.45}.comic-card.compact{position:relative;padding-right:42px}.continue-dismiss-button{position:absolute;right:8px;top:8px;z-index:8;width:28px;height:28px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(5,7,10,.88);color:#aeb8c7;font-size:1.05rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}.continue-dismiss-button:hover{color:#fff;border-color:#5d697d;background:#171c25}.continue-dismiss-button:disabled{opacity:.45;cursor:wait}.comic-card.compact .favorite-button{right:9px;bottom:9px}.comic-card.compact .category-badge{max-width:calc(100% - 52px)}
@media(max-width:860px){.topbar{min-height:70px;height:auto}.brand-logo{width:72px;height:50px}.login-brand img{width:min(300px,92%)}}
@media(max-width:560px){.brand-logo{width:64px;height:46px}.home-brand{gap:.35rem}.login-brand img{width:min(280px,94%)}.comic-card.compact{padding-right:38px}.continue-dismiss-button{right:6px;top:6px}}


/* === MDH Comic 1.3 · identidad MDH navy + rojo Comic === */
body{
  background:
    radial-gradient(circle at 84% -8%,rgba(227,52,47,.12),transparent 32rem),
    radial-gradient(circle at 10% 14%,rgba(31,73,120,.10),transparent 38rem),
    var(--bg);
}
.topbar{
  min-height:82px;height:82px;
  background:rgba(7,12,19,.92);
  border-bottom:1px solid rgba(227,52,47,.26);
  box-shadow:0 10px 36px rgba(0,0,0,.22);
}
.home-brand{gap:.8rem}
.brand-logo{
  width:102px;height:74px;object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.48)) drop-shadow(0 0 10px rgba(227,52,47,.08));
}
.version{
  color:#ff7972;
  border-color:rgba(227,52,47,.48);
  background:rgba(227,52,47,.10);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  font-weight:900;letter-spacing:.03em;
}
.auth-card{
  border-color:#263a54;
  background:linear-gradient(155deg,rgba(16,29,45,.98),rgba(7,13,21,.99));
  box-shadow:0 28px 90px rgba(0,0,0,.46),0 0 0 1px rgba(227,52,47,.035);
}
.login-brand img{
  width:min(400px,94%);
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.48));
}
.eyebrow{color:#ff625a}
.button.primary{
  background:linear-gradient(135deg,#e3342f,#a91e25);
  box-shadow:0 8px 24px rgba(227,52,47,.16);
}
.button.primary:hover{border-color:#ff665e;box-shadow:0 10px 28px rgba(227,52,47,.24)}
.button.accent{
  background:rgba(227,52,47,.13);
  border-color:rgba(227,52,47,.42);
  color:#ffd5d2;
}
.button.accent:hover{background:rgba(227,52,47,.20);border-color:rgba(255,98,90,.62)}
.button.ghost:hover,.button.secondary:hover,.icon-button:hover,.reader-button:hover{border-color:#4b607d}
.search-box,.library-tools select{background:#101b2b;border-color:#293b55}
.search-box:focus-within{border-color:rgba(227,52,47,.65);box-shadow:0 0 0 3px rgba(227,52,47,.08)}
.metric-card{
  background:linear-gradient(145deg,#101b2b,#0a111c);
  border-color:#26384f;
}
.metric-card:hover{border-color:#415a7a}
.metric-card.active{
  border-color:rgba(227,52,47,.64);
  box-shadow:inset 0 0 0 1px rgba(227,52,47,.12),0 8px 26px rgba(0,0,0,.10);
  background:linear-gradient(145deg,rgba(227,52,47,.14),#0d1724);
}
.metric-card.favorite strong,.favorite-button.active{color:#ff716a}
.category-tab{
  background:#0f1927;border-color:#293b55;color:#b9c7d8;
}
.category-tab:hover{border-color:#4a607e;color:#eef3f9}
.category-tab.active,.category-tab.subtle.active{
  background:linear-gradient(135deg,#e3342f,#b42127);
  border-color:#e3342f;color:#fff;
  box-shadow:0 6px 18px rgba(227,52,47,.16);
}
.count-pill{background:#0d1724;border-color:#293b55}
.collection-card{
  background:linear-gradient(145deg,#101c2c,#0a111b);
  border-color:#26394f;
}
.collection-card:hover{border-color:rgba(227,52,47,.52);box-shadow:0 18px 38px rgba(0,0,0,.34)}
.collection-placeholder{
  color:#ff625a;
  background:radial-gradient(circle at 70% 20%,rgba(227,52,47,.20),transparent 45%),#0d1724;
}
.collection-kind{color:#ff625a}
.collection-progress i,.card-progress i,.progress-track i{background:linear-gradient(90deg,#d8282d,#ff625a)}
.reading-state.in_progress{border-color:rgba(227,52,47,.42);color:#ff9d97;background:rgba(227,52,47,.09)}
.user-menu-toggle,.user-menu{background:#0f1927;border-color:#293b55}
.user-menu-toggle:hover,.user-menu-toggle[aria-expanded="true"]{border-color:#445b79;background:#142235}
.user-menu-role{background:#09111c}.user-menu-role b{color:#ff8e88}
.user-menu>a:hover,.user-menu-action:hover{background:#17253a}
.avatar-shell{background:#17263a;border-color:#324964}
.editor-strip{border-color:rgba(227,52,47,.25);background:rgba(227,52,47,.055)}
.collection-preview{border-top-color:rgba(227,52,47,.20)}
.collection-preview>strong,.import-progress-copy b{color:#ff9d97}
.collection-preview span i{color:#ff625a}
.modal-card{background:#0f1927;border-color:#324863}
.file-drop,.form-grid label,.trash-row{background:#09111c;border-color:#293b55}
.inbox-import-progress{background:#09111c;border-color:#293b55}
.import-stat-grid>div{background:#0d1724;border-color:#26394f}
.continue-dismiss-button:hover{border-color:rgba(227,52,47,.58);background:#241116;color:#fff}
.format-monogram{border-color:#5b252a;background:#1a0b0e}
.app-footer{border-top-color:#1d2d43;color:#71849b}
@media(max-width:860px){.brand-logo{width:88px;height:64px}.topbar{min-height:74px;height:auto}}
@media(max-width:560px){.brand-logo{width:76px;height:56px}.login-brand img{width:min(320px,94%)}}

/* === MDH Comic 1.3.1 · alineación visual con MDH ID / Accounts === */
:root{
  --bg:#0c1c30;
  --bg2:#0e2238;
  --panel:#0f2136;
  --panel2:#142b46;
  --line:#294866;
  --text:#f4f8ff;
  --muted:#8eadd2;
  --accent:#e63b38;
  --accent2:#ff6b65;
  --shadow:0 18px 56px rgba(2,10,20,.28);
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 88% -12%,rgba(230,59,56,.08),transparent 30rem),
    linear-gradient(180deg,#10243a 0,#0c1c30 260px,#0b1a2c 100%);
}
.topbar{
  min-height:82px;height:82px;
  background:rgba(12,28,48,.96);
  border-bottom:1px solid #23415e;
  box-shadow:0 8px 28px rgba(2,9,18,.20);
}
.version{
  background:var(--accent);
  color:#fff;
  border-color:#f65f59;
  padding:.24rem .56rem;
  box-shadow:0 5px 16px rgba(230,59,56,.22);
  font-weight:950;
}
.main-content{padding-top:clamp(26px,3.5vw,46px)}
.library-head{
  align-items:center;
  margin-bottom:18px;
  padding:clamp(24px,3vw,34px);
  border:1px solid #284866;
  border-radius:24px;
  background:linear-gradient(145deg,#10253d,#0e2137);
  box-shadow:0 14px 42px rgba(2,10,20,.16);
}
.library-head h1{font-size:clamp(2.35rem,4.2vw,3.7rem);line-height:.98}
.library-head p:not(.eyebrow){color:#9bb8dc}
.search-box,.library-tools select{
  background:#0a192a;
  border-color:#2b4b69;
}
.search-box:focus-within,.library-tools select:focus{
  border-color:rgba(230,59,56,.72);
  box-shadow:0 0 0 3px rgba(230,59,56,.10);
}
.button,.icon-button,.reader-button{background:#142b46;border-color:#315271}
.button:hover,.icon-button:hover,.reader-button:hover{border-color:#527596}
.button.primary,.button.accent{
  background:linear-gradient(135deg,#e63b38,#c82c31);
  border-color:#ef5752;
  color:#fff;
  box-shadow:0 8px 22px rgba(230,59,56,.18);
}
.button.primary:hover,.button.accent:hover{
  background:linear-gradient(135deg,#f14844,#d93236);
  border-color:#ff706a;
  box-shadow:0 10px 26px rgba(230,59,56,.24);
}
.button.ghost,.button.secondary{background:#10243a;border-color:#2b4a67}
.metric-card{
  background:#0d1f34;
  border-color:#284764;
  box-shadow:none;
}
.metric-card:hover{border-color:#3f6387;background:#10253d}
.metric-card.active{
  background:linear-gradient(145deg,rgba(230,59,56,.13),#10243a);
  border-color:rgba(230,59,56,.66);
  box-shadow:inset 0 0 0 1px rgba(230,59,56,.08);
}
.category-tab{
  background:#10243a;
  border-color:#294866;
  color:#bdd0e8;
}
.category-tab:hover{background:#142b46;border-color:#456987;color:#fff}
.category-tab.active,.category-tab.subtle.active{
  background:var(--accent);
  border-color:#f65f59;
  color:#fff;
  box-shadow:0 6px 18px rgba(230,59,56,.18);
}
.count-pill{background:#10243a;border-color:#294866;color:#b7c9df}
.collection-card,.comic-card.compact{
  background:#0f2136;
  border-color:#294866;
}
.collection-card:hover{border-color:rgba(230,59,56,.56);box-shadow:0 16px 34px rgba(2,10,20,.24)}
.collection-placeholder{
  background:radial-gradient(circle at 70% 20%,rgba(230,59,56,.16),transparent 45%),#10243a;
}
.cover-frame{background:#0a1728;border-color:#28425d}
.comic-card:hover .cover-frame{border-color:#4a6988;box-shadow:0 18px 34px rgba(2,10,20,.28)}
.format-badge,.read-badge,.collection-count-badge{background:rgba(7,18,31,.90)}
.empty-state,.loading-card{border-color:#355371;background:rgba(15,33,54,.38)}
.user-menu-toggle,.user-menu{
  background:#0f2136;
  border-color:#2b4a67;
}
.user-menu-toggle:hover,.user-menu-toggle[aria-expanded="true"]{background:#142b46;border-color:#456987}
.user-menu-role{background:#0a192a}
.user-menu>a:hover,.user-menu-action:hover{background:#16304c}
.avatar-shell{background:#17304b;border-color:#3a5b7b}
.editor-strip{
  background:#0f2136;
  border-color:rgba(230,59,56,.34);
}
.modal-card{
  background:#0f2136;
  border-color:#335472;
  box-shadow:0 28px 80px rgba(2,9,18,.42);
}
.file-drop,.form-grid label,.trash-row,.inbox-import-progress{
  background:#0a192a;
  border-color:#2b4a67;
}
.import-stat-grid>div{background:#10243a;border-color:#294866}
.collection-preview span{background:#0b1b2d}
.progress-track,.card-progress,.collection-progress{background:#203a55}
.app-footer{border-top-color:#24425f;color:#7f9cbe}
.auth-page{
  background:
    radial-gradient(circle at 82% 8%,rgba(230,59,56,.09),transparent 28rem),
    linear-gradient(180deg,#10243a,#0c1c30);
}
.auth-card{
  border-color:#2d4e6d;
  background:linear-gradient(150deg,#10253d,#0c1c30);
  box-shadow:0 26px 76px rgba(2,9,18,.36);
}
.lead{color:#a7c0df}
.notice{background:#10243a}
/* El lector mantiene un canvas oscuro para no perjudicar la lectura, pero su chrome usa navy MDH. */
.reader-body{background:#030608}
.reader-bar,.reader-controls{background:#091829;border-color:#25435f}
.reader-button{background:#10243a;border-color:#315271}
.reader-back{color:#d3e1f1}
.reader-title small{color:#8da9c9}
@media(max-width:900px){
  .library-head{align-items:stretch;padding:24px}
}
@media(max-width:760px){
  .library-head{display:block}
  .library-tools{margin-top:18px;min-width:0;width:100%}
}