.comic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:40px 20px;max-width:1400px;margin:0 auto}.comic-thumbnail{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.comic-thumbnail:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.comic-thumbnail img{width:100%;height:320px;object-fit:cover;display:block}.comic-thumbnail-info{padding:12px;background:#fff}.comic-thumbnail-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.comic-thumbnail-author{font-size:12px;color:#666}.comic-viewer-overlay{position:fixed;inset:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.comic-viewer-container{position:relative;background:#f5f5f5;border-radius:8px;overflow:hidden;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.comic-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(to bottom,#f9f9f9,#fff)}.comic-viewer-title{font-size:18px;font-weight:700;color:#333}.comic-viewer-page-info{font-size:12px;color:#666}.comic-viewer-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;transition:color .2s ease}.comic-viewer-close:hover{color:#333}.comic-spread-container{position:relative;display:flex;flex:1;background:#fff}.comic-page{position:relative;overflow-y:auto;overflow-x:hidden}.comic-page-left{border-right:2px solid #333}.comic-page .panels-grid{display:flex;flex-direction:column;gap:20px;margin:0}.panel{position:relative;background:#fff;border:3px solid #000;border-radius:2px;overflow:hidden;aspect-ratio:4 / 5;width:100%}.panel-circle{border-radius:50%;border:4px solid #000;aspect-ratio:1}.panel-skewed{transform:skew(-5deg);border-radius:8px}.panel-trapezoid{aspect-ratio:4 / 5;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%)}.panel-tilted{transform:rotate(-3deg);border-radius:4px}.panel-hexagon{clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);aspect-ratio:1}.panel-diagonal{clip-path:polygon(0% 0%,100% 10%,100% 100%,0% 90%);aspect-ratio:3 / 4;border-radius:0}.panel.stagger-reveal{opacity:1}.panel img{width:100%;height:100%;object-fit:cover;display:block}.panel img[data-has-video]{cursor:pointer;transition:filter .2s ease}.panel img[data-has-video]:hover{filter:brightness(.85)}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;opacity:0;transition:opacity .2s ease;pointer-events:none}.panel:hover .play-button-overlay{opacity:1}.play-button-overlay:after{content:"";width:0;height:0;border-left:15px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.speech-bubble{position:absolute;background:#fff;border:2px solid #000;border-radius:16px;padding:12px 16px;font-size:12px;font-weight:600;word-break:break-word;z-index:10;max-width:85%}.speech-bubble:after{content:"";position:absolute;width:0;height:0;border:8px solid transparent;border-top-color:#000;border-right-color:#000;border-bottom:none;bottom:-8px;left:16px}.speech-bubble:before{content:"";position:absolute;width:0;height:0;border:7px solid transparent;border-top-color:#fff;border-right-color:#fff;border-bottom:none;bottom:-6px;left:17px;z-index:1}.speech-bubble.top-left{top:8px;left:8px}.speech-bubble.top-right{top:8px;right:8px}.speech-bubble.bottom-left{bottom:8px;left:8px}.speech-bubble.bottom-right{bottom:8px;right:8px}@media (max-width: 768px){.comic-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px 12px}.panels-grid{grid-template-columns:1fr;gap:12px;padding:0}.panel{aspect-ratio:3 / 4}.comic-viewer-header{padding:12px 16px}.comic-viewer-title{font-size:16px}.comic-viewer-content{padding:16px 12px}.speech-bubble{font-size:11px;padding:8px 12px}}@media (max-width: 480px){.comic-grid{grid-template-columns:1fr;gap:16px;padding:16px 12px}.comic-thumbnail img{height:240px}.comic-viewer-overlay{padding:0}.comic-viewer-container{border-radius:0;max-height:100vh}.comic-viewer-content{padding:12px 8px}.panels-grid{gap:8px}.panel{border-width:2px}}.flip-container{position:fixed;top:0;left:0;z-index:90;background:#fff;border:3px solid #000}@keyframes panelFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.panel-stagger-animation{animation:panelFadeIn .5s ease-out forwards}@keyframes thumbnailFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.thumbnail-stagger{animation:thumbnailFadeIn .6s ease-out forwards;opacity:0}.viewer-enter{animation:viewerEnter .3s ease-out forwards}@keyframes viewerEnter{0%{opacity:0}to{opacity:1}}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}.text-fade-in{animation:textFadeIn .4s ease-out}[data-astro-cid-37fxchfa]{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;scroll-behavior:smooth}body{background:#fafafa;color:#333;line-height:1.6;overflow-x:hidden}body.no-scroll{overflow:hidden}.comic-thumbnail[data-astro-cid-nx2yfvfl]{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.comic-thumbnail[data-astro-cid-nx2yfvfl]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.comic-thumbnail[data-astro-cid-nx2yfvfl] img[data-astro-cid-nx2yfvfl]{width:100%;height:320px;object-fit:cover;display:block}.comic-thumbnail-info[data-astro-cid-nx2yfvfl]{padding:12px;background:#fff}.comic-thumbnail-title[data-astro-cid-nx2yfvfl]{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.comic-thumbnail-author[data-astro-cid-nx2yfvfl]{font-size:12px;color:#666}.comic-grid[data-astro-cid-gqa55iqe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:40px 20px;max-width:1400px;margin:0 auto}@media (max-width: 768px){.comic-grid[data-astro-cid-gqa55iqe]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px 12px}}@media (max-width: 480px){.comic-grid[data-astro-cid-gqa55iqe]{grid-template-columns:1fr;gap:16px;padding:16px 12px}}main[data-astro-cid-j7pv25f6]{min-height:100vh;background:#fafafa}