:root{--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,.button{border-radius:var(--radius);background:var(--red);color:var(--ink-5);cursor:pointer;min-height:38px;font:inherit;white-space:nowrap;border:0;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}button:hover,.button:hover{background:var(--red-dark)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{border:1px solid var(--line);background:var(--surface-4);width:100%;color:var(--text);min-height:38px;font:inherit;border-radius:6px;padding:9px 11px}textarea{resize:vertical}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px}th{color:var(--muted);font-weight:600}.public-shell{min-width:320px}.site-header{border-bottom:1px solid var(--surface-7);align-items:center;width:100%;display:grid}.brand,.admin-brand{font-size:25px;font-weight:800}.brand span{color:var(--ink-5)}.brand{color:var(--brand-accent)}.site-header nav{color:var(--muted);display:flex}.site-header nav a:hover{color:var(--ink-5)}.search-box,.filter-form,.status-form,.viewer-actions,.form-actions{align-items:center;gap:8px;display:flex}.search-box button{border-radius:0 6px 6px 0}.search-box input{border-radius:6px 0 0 6px}.public-band{max-width:1280px;margin:0 auto}.ad-slot{gap:6px;margin:10px 0;display:grid;overflow:hidden}.ad-slot a{border:1px solid var(--surface-8);background:var(--surface-5);min-height:42px;color:var(--amber);justify-content:center;align-items:center;display:flex}.ad-slot img{object-fit:cover;width:100%;height:auto;max-height:140px}.catalog-toolbar{margin-top:0}.tabs{background:var(--surface-4)}.tabs button,.filter-row button,.sort-row button{border:1px solid var(--raise-1);color:var(--ink-2);background:0 0}.tabs button{border-color:#0000;border-radius:0}.tabs button.active,.filter-row button.active,.sort-row button.active{background:var(--red);border-color:var(--red);color:var(--ink-5)}.filter-row,.sort-row{flex-wrap:wrap;margin-top:12px;display:flex}.genre-row{border-radius:var(--radius);background:var(--surface-5)}#catalog-count{color:var(--muted);align-self:center;margin-left:auto}.toon-grid{display:grid}.toon-card{border:1px solid var(--surface-9)}.toon-card a{display:block}.toon-card img{aspect-ratio:16/10;object-fit:cover;background:var(--surface-4);width:100%}.toon-card p{color:var(--muted);margin:0;line-height:1.4}.tag-list,.meta-line{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tag-list span,.meta-line span{border:1px solid var(--blue-2);min-height:22px;color:var(--ink-2);border-radius:4px;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.bookmark-button.active{background:var(--teal)}.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-5);color:var(--muted);text-align:center;grid-column:1/-1;padding:40px 16px}.loading-state{justify-items:center;gap:6px;padding:32px 16px 28px;display:grid}.loading-state img{width:126px;height:148px}.loading-state span{font-size:13px}.page-loading{z-index:1000001;opacity:0;pointer-events:none;background:#0a0e149e;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}.page-loading.is-active{opacity:1;pointer-events:auto}.page-loading img{width:126px;height:148px}.work-detail{display:grid}.section-header,.viewer-top,.viewer-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.section-header h2,.viewer-footer h2{margin:0;font-size:17px}.episode-row{border-bottom:1px solid var(--surface-10);gap:12px}.episode-row:last-child{border-bottom:0}.episode-row span,.episode-row.read strong{color:var(--muted)}.feedback-box[data-state=sent]{border-color:var(--teal)}.feedback-box[data-state=failed]{border-color:var(--red)}.admin-shell{background:var(--surface-4);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:var(--surface-5);flex-direction:column;gap:20px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.admin-sidebar nav{gap:8px;display:grid}.admin-sidebar nav a,.link-button{color:var(--ink-2);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:flex-start;min-height:38px;padding:8px 10px}.admin-sidebar nav a:hover,.link-button:hover{border-color:var(--line);background:var(--surface-7)}.admin-main{min-width:0;padding:28px}.admin-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-header h1{margin:0}.admin-header p{color:var(--muted);margin:6px 0 0}.notice,.form-error{border-radius:var(--radius);margin-bottom:14px;padding:12px 14px}.notice{background:#4fc3ad1f;border:1px solid #4fc3ad80}.form-error{color:var(--red-14);background:#ef3d4b1f;border:1px solid #ef3d4b80}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-card,.admin-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-5)}.stat-card{padding:16px}.stat-card span{color:var(--muted);display:block}.stat-card strong{margin-top:8px;font-size:28px;display:block}.admin-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-panel{margin-bottom:16px;padding:16px;overflow-x:auto}.admin-panel h2{margin:0 0 14px;font-size:18px}.admin-title-cell{align-items:center;gap:10px;display:flex}.admin-title-cell img{object-fit:cover;border-radius:6px;width:52px;height:42px}.admin-title-cell span{color:var(--muted);margin-top:4px;display:block}.admin-actions{align-items:center;gap:8px;display:flex}.admin-actions a,.secondary{border:1px solid var(--line);background:var(--surface-7);border-radius:6px;min-height:34px;padding:8px 12px}.danger{background:var(--red-3)}.admin-form,.login-panel form{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:var(--ink-2);gap:7px;display:grid}.check-line{flex-direction:row;grid-template-columns:none;align-items:center;gap:8px;display:inline-flex}.check-line input,.checkbox-grid input{width:auto;min-height:0}.checkbox-grid{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:10px;padding:14px;display:flex}.checkbox-grid legend{color:var(--muted)}.cover-preview img{border-radius:var(--radius);width:180px}.image-strip{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.image-strip img{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:100%}.inline-ad-form,.ad-edit-row{grid-template-columns:1fr 1.4fr 90px 170px auto auto;align-items:center;gap:8px;margin-bottom:12px;display:grid}.ad-edit-row{grid-template-columns:90px 1fr 1.3fr 90px 170px auto auto}.ad-edit-row img{object-fit:cover;border-radius:6px;width:82px;height:48px}.build-summary{gap:8px;display:grid}.build-summary div{grid-template-columns:120px 1fr;gap:10px;display:grid}.build-summary dt{color:var(--muted)}.admin-login-shell{background:var(--surface-5);place-items:center;min-height:100vh;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-6);width:min(420px,100vw - 32px);padding:28px}.login-panel h1{margin:0 0 20px}@media (width<=900px){.site-header{grid-template-columns:1fr;gap:12px;padding:14px 16px;position:static}.site-header nav,.search-box{width:100%}.work-detail,.admin-shell,.admin-grid.two,.form-grid,.stat-grid,.inline-ad-form,.ad-edit-row{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-main{padding:18px}.admin-header,.section-header,.viewer-footer{flex-direction:column;align-items:stretch}.episode-row{grid-template-columns:1fr}}