@font-face{font-family:Neucha;src:url(/assets/Neucha-Regular-9fePpGJi.ttf) format("truetype")}@font-face{font-family:Balsamiq;src:url(/assets/BalsamiqSans-Regular-daEtTqHj.ttf) format("truetype")}@font-face{font-family:Balsamiq;src:url(/assets/BalsamiqSans-Bold-D5m_y4Kd.ttf) format("truetype");font-weight:700}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#26262b;overflow:hidden;font-family:Neucha,sans-serif}.app{height:100%;display:flex;flex-direction:column}.content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.status{color:#aaa;font-family:Balsamiq;font-size:18px;display:flex;flex:1;align-items:center;justify-content:center}.topbar{display:flex;align-items:center;gap:20px;padding:10px 18px;background:#1c1c20;border-bottom:1px solid #3a3a40;font-family:Balsamiq;flex:none}.topbar .brand{color:#eee;font-weight:700;font-size:17px;letter-spacing:.5px}.topbar nav{display:flex;gap:6px}.topbar nav a{color:#bbb;text-decoration:none;font-size:15px;padding:5px 12px;border-radius:6px}.topbar nav a:hover{color:#fff;background:#2e2e34}.topbar nav a.active{color:#fff;background:#3d3d46}.catalog{flex:1;overflow-y:auto;padding:22px 26px;color:#ddd}.catalog h2{font-family:Balsamiq;color:#eee;margin-bottom:16px;font-size:22px}.catalog .crumb{color:#8ab4ff;text-decoration:none}.catalog .crumb:hover{text-decoration:underline}.empty{color:#888;font-family:Balsamiq;padding:30px 0}.search-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-bar input,.search-bar select{font-family:Balsamiq;font-size:14px;color:#eee;background:#333338;border:1px solid #55555c;border-radius:8px;padding:8px 12px}.search-bar input{flex:1;min-width:220px;max-width:420px}.search-bar input::placeholder{color:#888}.comics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.comic-card{display:flex;flex-direction:column;background:#303036;border:1px solid #45454c;border-radius:10px;overflow:hidden;text-decoration:none;color:#ddd;transition:transform .12s,border-color .12s}.comic-card:hover{transform:translateY(-3px);border-color:#8ab4ff}.comic-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:#222}.comic-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:3px}.comic-card-title{font-family:Balsamiq;font-weight:700;color:#fff;font-size:16px}.comic-card-issue{font-family:Balsamiq;font-size:12.5px;color:#9a9aa2}.comic-card-author{font-family:Balsamiq;font-size:13px;color:#8ab4ff;margin-top:2px}.comic-card-desc{font-size:14px;line-height:1.35;color:#bbb;margin-top:6px}.authors-list{display:flex;flex-direction:column;gap:10px;max-width:480px}.author-card{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#303036;border:1px solid #45454c;border-radius:10px;text-decoration:none;color:#ddd;transition:border-color .12s}.author-card:hover{border-color:#8ab4ff}.author-avatar{width:44px;height:44px;border-radius:50%;background:#4a4a55;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Balsamiq;font-weight:700;font-size:20px;flex:none}.author-name{font-family:Balsamiq;font-size:16px;color:#fff}.author-count{font-family:Balsamiq;font-size:12.5px;color:#9a9aa2}.reader{flex:1;min-height:0;display:flex;flex-direction:column}.page-scroll{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;display:flex;justify-content:center;align-items:flex-start;padding:8px 16px}.page-stage{position:relative;overflow:hidden;box-shadow:0 4px 24px #0009;flex:none}.page-scaler{transform-origin:top left;cursor:pointer}.navbar{display:flex;align-items:center;justify-content:center;gap:14px;color:#ccc;font-family:Balsamiq;font-size:15px;-webkit-user-select:none;user-select:none;padding:8px 0;flex:none;background:#1c1c20;border-top:1px solid #3a3a40}.navbar button{min-width:34px;height:30px;border:1px solid #555;border-radius:6px;background:#333;color:#eee;font-size:18px;cursor:pointer}.navbar button:disabled{opacity:.35;cursor:default}.navbar .fit-toggle{font-family:Balsamiq;font-size:13px;padding:0 10px}.poll-error{color:#e6a23c;cursor:help}.page{width:210mm;height:297mm;padding:8mm;display:flex;flex-direction:column;gap:3mm;overflow:hidden;position:relative;background:#fff;font-family:Neucha,sans-serif}.pageno{position:absolute;bottom:2.5mm;left:0;right:0;text-align:center;font-family:Balsamiq;font-size:9pt;color:#000}.row{display:flex;gap:3mm;width:100%;min-height:0}.panel{position:relative;border:.8mm solid #000;background:#e8e8e8;overflow:hidden;flex:1}.panel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.caption{position:absolute;left:0;right:0;background:#fff;border:.5mm solid #000;font-family:Neucha;font-size:10.5pt;line-height:1.15;padding:1.2mm 2mm;margin:2mm;width:fit-content;max-width:80%}.caption.top{top:0}.caption.bottom{bottom:0}.caption.center{top:50%;left:50%;transform:translate(-50%,-50%)}.bubble{position:absolute;background:#fff;border:.5mm solid #000;border-radius:3.5mm;font-family:Neucha;font-size:10.5pt;line-height:1.12;padding:1.6mm 2.6mm;max-width:52%}.bubble.thought{border-style:dashed;border-radius:6mm}.bubble .tail{position:absolute;width:0;height:0;border:2.2mm solid transparent}.bubble .tail:after{content:"";position:absolute;width:0;height:0;border:2mm solid transparent}.bubble.b-tl{top:2mm;left:2mm}.bubble.b-tr{top:2mm;right:2mm}.bubble.b-bl{bottom:2mm;left:2mm}.bubble.b-br{bottom:2mm;right:2mm}.bubble.b-tc{top:2mm;left:50%;transform:translate(-50%)}.bubble.b-bc{bottom:2mm;left:50%;transform:translate(-50%)}.bubble.b-lc{top:50%;left:2mm;transform:translateY(-50%)}.bubble.b-rc{top:50%;right:2mm;transform:translateY(-50%)}.bubble.b-cc{top:50%;left:50%;transform:translate(-50%,-50%)}.bubble.b-tl .tail,.bubble.b-tc .tail,.bubble.b-tr .tail{border-top-color:#000;bottom:-4.3mm;left:var(--tail-x, 30%)}.bubble.b-bl .tail,.bubble.b-bc .tail,.bubble.b-br .tail{border-bottom-color:#000;top:-4.3mm;left:var(--tail-x, 30%)}.bubble.b-lc .tail,.bubble.b-rc .tail,.bubble.b-cc .tail{border-top-color:#000;bottom:-4.3mm;left:var(--tail-x, 30%)}.bubble.b-tl .tail:after,.bubble.b-tc .tail:after,.bubble.b-tr .tail:after,.bubble.b-lc .tail:after,.bubble.b-rc .tail:after,.bubble.b-cc .tail:after{border-top-color:#fff;left:-2mm;top:-2.7mm}.bubble.b-bl .tail:after,.bubble.b-bc .tail:after,.bubble.b-br .tail:after{border-bottom-color:#fff;left:-2mm;bottom:-2.7mm}.sfx{position:absolute;font-family:Balsamiq;font-weight:700;font-size:26pt;color:#000;-webkit-text-stroke:1.2mm #fff;paint-order:stroke fill;transform:rotate(-6deg);letter-spacing:1mm}.sfx.s-tc{top:4mm;left:50%;transform:translate(-50%) rotate(-6deg)}.sfx.s-tr{top:4mm;right:4mm}.sfx.s-tl{top:4mm;left:4mm}.sfx.s-cc{top:50%;left:50%;transform:translate(-50%,-50%)}.message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:.6mm solid #000;border-radius:3mm;padding:3mm 4mm;font-family:Balsamiq;font-size:12pt;max-width:70%;box-shadow:2mm 2mm #000}.titlepage{align-items:center;justify-content:center;text-align:center;gap:8mm}.titlepage h1,.titlepage h2{font-family:Balsamiq;font-size:18pt}.titlepage p{font-family:Neucha;font-size:14pt;max-width:150mm;line-height:1.5}.back-teaser{flex:none;width:160mm;height:120mm}.cover-page{padding:0}.cover-panel{border:none}.cover-title{position:absolute;top:10mm;left:0;right:0;text-align:center}.cover-title h1{font-family:Balsamiq;font-weight:700;font-size:38pt;color:#fff;-webkit-text-stroke:1.6mm #000;paint-order:stroke fill;letter-spacing:2mm}.cover-title h3{font-family:Balsamiq;font-size:15pt;color:#fff;-webkit-text-stroke:.9mm #000;paint-order:stroke fill;margin-top:2mm}