*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:auto}body{margin:0;background:#061226;color:#f5f7fc;font:16px/1.6 system-ui,-apple-system,'Noto Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f6d59b;outline-offset:3px}img{max-width:100%}h1{font-size:clamp(27px,4vw,44px);line-height:1.2;margin:12px 0}h2{line-height:1.3}.site-header{max-width:1140px;margin:auto;padding:16px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #223454}.site-header nav{display:flex;gap:18px;font-size:14px}.brand{font-weight:750;color:#fff}.languages{max-width:1140px;margin:0 auto;padding:10px 22px;display:flex;gap:10px}.lang{font-size:13px;padding:4px 10px;border:1px solid #263b60;border-radius:8px;color:#a5b9d8}.lang.active{background:#214d96;color:#fff}.catalogue,.admin-shell{max-width:1140px;margin:auto;padding:12px 22px 32px}.hero{display:flex;align-items:center;min-height:150px;padding:10px 0 20px}.hero p{margin:8px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#dbba83}.muted,.source-note{color:#adbed6}.episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.episode-card{display:block;border:1px solid #2c4163;border-radius:16px;background:#14253e;overflow:hidden;transition:transform .15s,border-color .15s}.episode-card:hover{transform:translateY(-3px);border-color:#739feb}.episode-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:#0b1b32}.episode-card span{display:block;padding:12px}.episode-card b{display:block;font-size:11px;color:#b1c8f0;letter-spacing:1px}.episode-card strong{display:block;font-size:14px;line-height:1.4;margin-top:6px}.button,.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #4272b5;background:#214b87;color:#fff;min-height:42px;border-radius:11px;padding:8px 15px;font-weight:650;font-size:14px}.button.secondary,.chip{background:#122a4b;border-color:#314d78}.button:hover,.chip.selected{background:#2c60a6}.text-button{background:none;border:0;color:#a7c2e6;padding:8px;font-size:13px}.reading-shell{max-width:800px;margin:auto}.reader-toolbar{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;flex-wrap:wrap}.reader-title{font-size:20px;line-height:1.35;padding:0 14px;margin:4px 0}.source-note{font-size:12px;margin:4px 14px 12px}.read-mode{display:flex;gap:8px;padding:0 14px 12px}.panel-list{display:flex;flex-direction:column;gap:22px}.story-panel{margin:0}.panel-picture{display:block;width:100%;height:auto}.dialogue{background:#10243f;padding:15px 20px;border:1px solid #284366;border-top:0}.dialogue p{margin:0 0 10px;line-height:1.65;overflow-wrap:anywhere}.dialogue p:last-child{margin:0}.dialogue b{display:block;color:#d2b68a;font-size:12px;margin-bottom:2px}.panel-actions{padding:8px 14px;background:#0d1e35;display:flex;justify-content:flex-end}.full-art{display:block;width:100%;height:auto}.reading-actions{display:flex;gap:10px;justify-content:center;padding:20px}.reader-end{padding:12px 16px 30px;text-align:center}.episode-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.site-footer{padding:20px;text-align:center;color:#91a9cb;font-size:12px;border-top:1px solid #203653}.source-note,.site-footer{overflow-wrap:anywhere}#read-progress{position:fixed;top:0;left:0;width:100%;height:3px;border:0;background:transparent;z-index:2;pointer-events:none}#read-progress::-webkit-progress-bar{background:transparent}#read-progress::-webkit-progress-value{background:#d7b875}#read-progress::-moz-progress-bar{background:#d7b875}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:10px 18px;border-radius:12px;background:#315b91;color:white;z-index:100;display:none;box-shadow:0 8px 30px #0008}#toast.visible{display:block}#continue-reading,#resume-reading{margin:8px 14px}#continue-reading{margin:10px 0}#product-links{padding:0 16px;display:flex;gap:10px;flex-wrap:wrap}.sync-box{border:1px solid #345178;padding:18px;border-radius:16px;background:#102541;margin:16px 0 24px}.sync-box p{margin:0 0 12px;font-size:14px}.review-link{font-size:14px;color:#dbc08b}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.admin-card{border:1px solid #2b4368;border-radius:14px;overflow:hidden;background:#112540}.admin-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:#0b1b32}.admin-card div{padding:12px}.admin-card h2{font-size:16px;margin:0 0 8px}.admin-card p{font-size:12px;overflow-wrap:anywhere}.admin-card label{display:block;margin:0 0 8px}.admin-tools{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.summary{background:#122c4e;border:1px solid #375582;padding:16px;border-radius:14px;white-space:pre-line;font-size:14px}dialog{width:min(950px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #446594;border-radius:18px;background:#0b1b32;color:#fff;overflow:auto}dialog::backdrop{background:#000a}dialog .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #2a456e}dialog form,dialog .dialog-inner{padding:18px}dialog h2{font-size:20px;margin:0}dialog label{display:block;font-size:14px;margin:12px 0}dialog label input[type=checkbox]{margin-right:8px}input,textarea,select{color:#fff;background:#142b4c;border:1px solid #416493;border-radius:8px;padding:10px;max-width:100%}input:not([type=checkbox]),textarea,select{width:100%}textarea{min-height:90px;resize:vertical}.editor-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.bubble-editor{margin:16px 0;padding:12px;border:1px solid #28486f;border-radius:10px}.bubble-editor h3{font-size:15px}.editor-notes{background:#1b304a;border:1px solid #526789;padding:12px;margin:16px 0;font-size:13px;white-space:pre-line}.approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-options{display:flex;flex-wrap:wrap;gap:10px;padding:16px}.checkbox-row{display:flex;gap:8px;align-items:center}.selected-check{width:20px;height:20px}.likes-active{border-color:#ecc78f;background:#544125}.saved-active{border-color:#87b98d;background:#254d40}body.dialog-open{overflow:hidden}.warning{color:#f0ce9e}.error-box{padding:15px;border:1px solid #ba6565;border-radius:10px;background:#412635;margin:14px}.pending{color:#dbc48d}@media(max-width:900px){.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.site-header{padding:12px;gap:10px}.brand{font-size:14px}.site-header nav{font-size:12px;gap:10px}.languages{padding:8px 12px;gap:6px}.lang{padding:3px 8px}.catalogue,.admin-shell{padding:8px 12px 24px}.hero{min-height:0;padding:4px 0 16px}.hero h1{font-size:27px}.hero p{font-size:14px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.episode-card strong{font-size:13px}.episode-card span{padding:10px}.reader-title{font-size:16px}.reader-toolbar .button{font-size:12px;min-height:36px;padding:7px 10px}.dialogue{padding:14px 16px;font-size:15px}.panel-list{gap:16px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.approval-grid{grid-template-columns:1fr}dialog form,dialog .dialog-inner{padding:14px}.summary{font-size:13px}.reading-actions{padding:16px 12px}.site-footer{font-size:11px}}

.bbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bbox-grid label{min-width:0}.bbox-grid input{width:100%;min-width:0}

/* Image lettering remains the primary story; accessible larger dialogue is optional. */
.translated-transcript{background:#0d1e35;border-bottom:1px solid #263b60}.translated-transcript summary{font-size:13px;padding:10px 16px;color:#acc5e8;cursor:pointer}.translated-transcript .dialogue{border:0}
.artwork-zoom-dialog{width:min(98vw,1100px)}.artwork-zoom-dialog .dialog-inner{overflow:hidden;padding:8px}.artwork-zoom-viewport{max-height:72dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.artwork-zoom-image{display:block;max-width:none;width:auto;height:auto;min-width:100%}.artwork-zoom-dialog .dialog-top{flex-shrink:0}
.lettering-edit{margin:18px 0;padding:14px;border:1px solid #375b88;border-radius:12px}.lettering-edit summary{font-weight:700;cursor:pointer}.lettering-preview-image{display:block;width:100%;height:auto;margin:12px 0}.lettering-region-select{width:100%}.lettering-region-editor{margin:12px 0}.lettering-region-editor textarea{width:100%;min-height:100px}.lettering-region-editor .bbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lettering-region-editor input{width:100%;min-width:0}.lettering-edit .preview-error{overflow-wrap:anywhere;color:#ffd393}