.comic-drawer{position:fixed;z-index:45;left:82px;top:72px;bottom:0;width:410px;background:#fff;border-right:1px solid var(--line);box-shadow:16px 0 45px rgba(20,30,50,.13);padding:22px;transform:translateX(-110%);transition:transform .25s ease;overflow:auto}.comic-drawer.open{transform:translateX(0)}.comic-head{display:flex;align-items:flex-start;justify-content:space-between}.comic-head h2{font:700 27px 'Fraunces';margin:5px 0 18px}.comic-head button{border:1px solid var(--line);background:#fff;border-radius:9px;width:34px;height:34px;font-size:20px}.comic-search{height:42px;background:#f6f5f2;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px}.comic-search input{border:0;background:transparent;outline:0;width:100%}.comic-tabs{display:flex;gap:6px;overflow:auto;padding:14px 0}.comic-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:18px;background:#fff;padding:7px 10px;font-size:10px}.comic-tabs button.active{background:var(--ink);color:#fff}.comic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.comic-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:5px;min-width:0}.comic-card:hover{border-color:var(--coral);transform:translateY(-2px)}.comic-card i{display:block;width:100%;aspect-ratio:1;background-size:500% 500%;background-repeat:no-repeat}.comic-card span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;margin-top:3px}@media(max-width:760px){.comic-drawer{left:65px;width:calc(100vw - 65px)}.comic-grid{grid-template-columns:repeat(4,1fr)}}