.adult-gate-notice{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;color:var(--color-text1);border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1.25rem;font-size:.9rem;font-weight:600;display:flex}.adult-gate-notice__hint{color:var(--color-text3);font-size:.8rem;font-weight:400}.comic-page-wrap{position:relative}.comic-hero-bg{z-index:0;pointer-events:none;height:600px;position:absolute;top:0;left:0;right:0;overflow:hidden}.comic-hero-bg-img{object-fit:cover;object-position:center top;filter:blur(8px)brightness(.35)saturate(1.2);width:100%;height:100%;display:block;transform:scale(1.05)}.comic-hero-bg-img--blurred{filter:blur(28px)brightness(.35)saturate(1.2)}.comic-hero-bg-fade-t{background:linear-gradient(to bottom, var(--color-bg) 0%, transparent 100%);height:40%;position:absolute;top:0;left:0;right:0}.comic-hero-bg-fade-b{background:linear-gradient(to top, var(--color-bg) 30%, transparent 100%);height:60%;position:absolute;bottom:0;left:0;right:0}.comic-hero{grid-template-columns:124px minmax(0,1fr);align-items:end;gap:1.25rem 1rem;display:grid}.comic-hero__cover{border-radius:.75rem;grid-area:1/1;overflow:hidden;box-shadow:0 20px 40px #00000080}.comic-hero__head{flex-direction:column;grid-area:1/2;gap:.6rem;min-width:0;display:flex}.comic-hero__body{flex-direction:column;grid-area:2/1/auto/-1;gap:1rem;min-width:0;display:flex}@media (width>=768px){.comic-hero{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:1rem 2.5rem}.comic-hero__cover{grid-row:1/span 2}.comic-hero__head{grid-column:2;gap:.7rem}.comic-hero__body{grid-area:2/2;gap:1.1rem}}.comic-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text2);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;display:flex}.comic-meta__sep{color:var(--color-border2)}.comic-meta__status{align-items:center;gap:.4rem;display:inline-flex}.comic-meta__dot{background:currentColor;border-radius:999px;width:7px;height:7px}.comic-meta__status--ongoing{color:var(--color-green)}.comic-meta__status--completed{color:var(--color-accent2)}.comic-meta__status--other{color:var(--color-text2)}.comic-link-btn{color:var(--color-accent2);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;font-weight:600}.comic-link-btn:hover{opacity:.8}.comic-chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.comic-chip{border:1px solid var(--color-border);color:var(--color-text2);border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:500}@media (width<=767px){.comic-chips{flex-wrap:nowrap;margin:0 -1rem;padding:0 1rem;overflow-x:auto}.comic-chip{flex:none}}.comic-actions{flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:.25rem;display:flex}.comic-actions__read{gap:.625rem;width:100%;display:flex}.comic-actions__tools{align-items:center;gap:.5rem;width:100%;display:flex}@media (width>=768px){.comic-actions__read{width:auto}.comic-actions__tools{border-left:1px solid var(--color-border);width:auto;margin-left:.25rem;padding-left:.875rem}}.comic-cta{border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;height:2.75rem;padding:0 1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .12s,transform .12s;display:inline-flex}.comic-cta:hover{transform:scale(.98)}.comic-cta--primary{background:var(--color-accent);color:#fff;flex:1}.comic-cta--primary:hover{background:var(--color-accent2)}.comic-cta--ghost{background:var(--color-surface);color:var(--color-text1);padding:0 1.1rem;font-weight:600}.comic-cta--ghost:hover{background:var(--color-surface2)}@media (width>=768px){.comic-cta--primary{flex:none}}.comic-icon-btn{border:1px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-text2);cursor:pointer;background:0 0;border-radius:.6rem;flex:none;justify-content:center;align-items:center;font-family:inherit;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.comic-icon-btn:hover{background:var(--color-surface2);color:var(--color-text1);border-color:var(--color-border2)}.comic-icon-btn--accent{color:var(--color-accent2)}.sidebar-action-btn--active{color:var(--color-accent2);background:color-mix(in srgb, var(--color-accent2) 10%, transparent);border-color:color-mix(in srgb, var(--color-accent2) 40%, var(--color-border))}.sidebar-action-btn--active:hover{background:color-mix(in srgb, var(--color-accent2) 18%, transparent)}.comic-lib{flex:1;align-items:stretch;min-width:0;display:flex}@media (width>=768px){.comic-lib{flex:none}}.comic-lib .lib-dropdown{flex:1;min-width:0}.comic-lib .lib-dropdown-trigger{width:100%;height:2.75rem;color:var(--color-text2);background:0 0;border-right:none;border-radius:.6rem 0 0 .6rem;justify-content:space-between;padding:0 .85rem;font-size:.85rem}.comic-lib .lib-dropdown-trigger:hover{background:var(--color-surface2);color:var(--color-text1);border-color:var(--color-border2)}.comic-lib__btn{white-space:nowrap;cursor:pointer;color:#fff;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:0 .6rem .6rem 0;align-items:center;gap:.4rem;height:2.75rem;padding:0 .95rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .12s;display:inline-flex}.comic-lib__btn:hover{background:var(--color-accent2);border-color:var(--color-accent2)}.comic-lib__btn.lib-btn--danger{background:var(--color-red);border-color:var(--color-red)}.comic-facts{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;margin:2.25rem 0 0;padding:1.1rem 0;display:grid}.comic-facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text2);font-size:.7rem;font-weight:600}.comic-facts dd{color:var(--color-text1);margin:.3rem 0 0;font-size:.95rem;font-weight:600}.lib-dropdown{position:relative}.lib-dropdown-trigger{color:var(--color-text1);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:.6rem;align-items:center;gap:.5rem;padding:.5rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:border-color .12s;display:inline-flex}.lib-dropdown-trigger:hover{border-color:var(--color-accent)}.lib-dropdown-trigger svg{flex-shrink:0;transition:transform .15s}.lib-dropdown-panel{background:var(--color-bg2,#1a1a1a);border:1px solid var(--color-border);z-index:50;border-radius:.6rem;min-width:100%;margin:0;padding:.25rem 0;list-style:none;display:none;position:absolute;top:calc(100% + .4rem);left:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.lib-dropdown-panel--open{display:block}.lib-dropdown-option{color:var(--color-text2);cursor:pointer;white-space:nowrap;padding:.55rem 1rem;font-size:.82rem;font-weight:500;transition:background 80ms,color 80ms}.lib-dropdown-option:hover{background:var(--color-surface2);color:var(--color-text1)}.lib-dropdown-option[data-selected=true]{color:var(--color-accent2);font-weight:700}.lib-dropdown-option--danger{color:var(--color-red);border-top:1px solid var(--color-border);margin-top:.25rem;padding-top:.6rem}.lib-dropdown-option--danger:hover{color:#f87171;background:#ef444414}
