.comic-home{--comic-bg:#fff7ee;--comic-ink:#2d1846;--comic-outline:#2d1846;--comic-panel:#fffaf4;--comic-shadow:#2d1846;--comic-lilac:#dcc7ff;--comic-peach:#ffc3a1;--comic-mint:#bde8ce;background:var(--comic-bg);color:var(--comic-ink);overflow-x:clip}.dark .comic-home{--comic-bg:#160d20;--comic-ink:#fff7ee;--comic-outline:#cbb0ed;--comic-panel:#291a39;--comic-shadow:#63417c}.comic-shell{width:min(96%,1510px);margin:0 auto;padding:30px 0 80px}.comic-cover{grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;gap:35px;display:grid}.comic-intro{min-width:0;padding:8px 0}.comic-sticker{background:var(--comic-peach);color:#2d1846;box-shadow:3px 4px 0 var(--comic-shadow);letter-spacing:.17em;border:1px solid #2d1846;border-radius:5px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex;transform:rotate(-1.7deg)}.comic-sticker span{font-size:19px;line-height:.8}.comic-title{letter-spacing:-.065em;margin:34px 0 22px;font-weight:900;line-height:.99}.comic-title>span{white-space:nowrap;display:block}.comic-title>span:first-child{font-size:clamp(2rem,4.1vw,4.15rem)}.comic-title>span:nth-child(2){font-size:clamp(2.55rem,5.4vw,5.45rem)}.comic-title>span:nth-child(3){color:var(--comic-lilac);text-shadow:4px 4px #75549a;font-size:clamp(3rem,6.2vw,6.25rem);font-style:italic}.comic-exclamation{color:var(--comic-peach)}.comic-description{max-width:490px;margin:0;font-size:clamp(1rem,1.25vw,1.17rem);font-weight:500;line-height:1.55}.comic-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.comic-button{border:1.5px solid var(--comic-outline);min-height:52px;color:var(--comic-ink);border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.comic-button:hover{box-shadow:4px 4px 0 var(--comic-shadow);transform:translate(-2px,-2px)}.comic-button:active{box-shadow:none;transform:translate(0)}.comic-button-primary{background:var(--comic-lilac);color:#2d1846;border-color:#2d1846}.comic-button-secondary{background:var(--comic-panel)}.comic-cover-frame{border:2px solid var(--comic-outline);min-width:0;box-shadow:7px 7px 0 var(--comic-shadow);background:var(--comic-panel);border-radius:10px;position:relative}.comic-cover-image{border-radius:8px;width:100%;height:auto;display:block}.comic-cover-placeholder{aspect-ratio:1.62;color:#2d1846;background-color:#dcc7ff;background-image:radial-gradient(#a883c9 1.2px,#0000 1.2px);background-size:13px 13px;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;display:flex;position:relative;overflow:hidden}.comic-cover-placeholder:before{content:"";background:#fff7ee;border:2px solid #2d1846;width:70%;height:50%;position:absolute;transform:rotate(-3deg);box-shadow:7px 7px #75549a}.comic-cover-placeholder>*{z-index:1;position:relative}.comic-cover-placeholder strong{letter-spacing:-.07em;text-shadow:3px 3px #b59bdb;font-size:clamp(2rem,5vw,5.4rem);font-style:italic;font-weight:900;line-height:.9}.comic-cover-placeholder strong span{color:#e48c70}.cover-placeholder-label,.cover-placeholder-note{letter-spacing:.16em;font-size:clamp(.55rem,.9vw,.75rem);font-weight:900}.cover-placeholder-note{letter-spacing:.06em;font-weight:700}.cover-spark{font-size:clamp(2rem,4vw,4rem);position:absolute}.cover-spark-one{top:13%;left:9%}.cover-spark-two{bottom:15%;right:10%}.comic-cover-number{z-index:2;background:var(--comic-peach);color:#2d1846;letter-spacing:.12em;border:1.5px solid #2d1846;padding:7px 12px;font-size:11px;font-weight:900;position:absolute;bottom:14px;right:15px;transform:rotate(-2deg);box-shadow:3px 3px #2d1846}.comic-strip{border:1px solid var(--comic-outline);background:var(--comic-panel);letter-spacing:.16em;text-align:center;border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,3vw,48px);min-height:48px;margin-top:52px;padding:10px 16px;font-size:12px;font-weight:900;display:flex}.comic-strip b{color:#a577ca;font-size:15px}.dark .comic-strip b{color:var(--comic-lilac)}.comic-chapters{margin-top:48px}.comic-chapters-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.comic-eyebrow{letter-spacing:.18em;font-size:12px;font-weight:900}.comic-chapters h2{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:900;line-height:1.08}.comic-carousel-buttons{flex-shrink:0;gap:9px;display:flex}.comic-carousel-buttons button{border:1.5px solid var(--comic-outline);background:var(--comic-panel);width:44px;height:44px;color:var(--comic-ink);cursor:pointer;border-radius:6px;place-items:center;transition:transform .18s,box-shadow .18s;display:grid}.comic-carousel-buttons button:not(:disabled):hover{box-shadow:3px 3px 0 var(--comic-shadow);transform:translate(-2px,-2px)}.comic-carousel-buttons button:disabled{opacity:.4;cursor:default}.comic-viewport{touch-action:pan-y pinch-zoom;padding:0 7px 8px 0;overflow:hidden}.comic-slides{gap:20px;display:flex}.comic-slide{flex:0 0 calc(33.3333% - 13.3333px);min-width:0}.comic-card{--card-accent:var(--comic-lilac);background:var(--comic-panel);border:2px solid var(--comic-outline);height:100%;box-shadow:5px 5px 0 var(--comic-shadow);border-radius:8px;position:relative}.comic-card-reacts{--card-accent:var(--comic-peach)}.comic-card-schedule{--card-accent:var(--comic-mint)}.comic-card-link{color:inherit;border-radius:6px;flex-direction:column;height:100%;text-decoration:none;display:flex}.comic-card-link:focus-visible,.comic-button:focus-visible,.comic-carousel-buttons button:focus-visible,.comic-upload:focus-within{outline-offset:3px;outline:3px solid #e48c70}.comic-card-link:hover .comic-card-arrow{transform:translate(4px)}.comic-card-art{aspect-ratio:16/9;background:var(--card-accent);border-bottom:2px solid var(--comic-outline);border-radius:6px 6px 0 0;position:relative;overflow:hidden}.comic-card-reacts .comic-card-art{border-bottom-style:dashed}.comic-card-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.comic-art-placeholder{color:#2d1846;background-image:radial-gradient(#2d184625 1px,#0000 1px);background-size:9px 9px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.comic-art-placeholder>span:not(.comic-placeholder-star){letter-spacing:.16em;font-size:10px;font-weight:900}.comic-placeholder-icon{background:#fff7ee;border:2px solid #2d1846;border-radius:50%;width:64px;height:64px;padding:9px;box-shadow:3px 3px #2d1846}.comic-placeholder-star{font-size:28px;position:absolute;top:21%;right:12%}.comic-chapter-tag{z-index:1;background:var(--card-accent);color:#2d1846;letter-spacing:.12em;border:1.5px solid #2d1846;padding:6px 8px;font-size:10px;font-weight:900;position:absolute;top:13px;left:13px;transform:rotate(-2deg);box-shadow:2px 2px #2d1846}.comic-card-copy{justify-content:space-between;align-items:end;gap:12px;min-height:112px;padding:16px;display:flex}.comic-card-copy h3{color:#2d1846;letter-spacing:-.045em;margin:0 0 6px;font-size:1.7rem;font-weight:900;line-height:1}.dark .comic-card-copy h3{color:var(--card-accent)}.comic-card-copy p{margin:0;font-size:.88rem;line-height:1.4}.comic-card-arrow{flex:none;transition:transform .18s}.comic-card-vods .comic-card-art{background-color:#cdb2f1}.comic-swipe-hint{opacity:.75;margin:12px 0 0;font-size:.75rem;font-weight:700;display:none}.comic-upload{z-index:4;color:#2d1846;cursor:pointer;background:#fff7ee;border:1px solid #2d1846;border-radius:5px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:2px 2px #2d1846}.comic-upload input{opacity:0;width:1px;height:1px;position:absolute}.comic-upload-disabled{opacity:.6;cursor:wait}.comic-editor-notice,.comic-editor-message{border:1px solid var(--comic-outline);background:var(--comic-panel);border-radius:5px;margin:0 0 14px;padding:10px 14px;font-size:.85rem}@media (width<=1100px){.comic-cover{grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:24px}.comic-title>span:first-child{font-size:clamp(2rem,4vw,3.1rem)}.comic-title>span:nth-child(2){font-size:clamp(2.4rem,5vw,3.9rem)}.comic-title>span:nth-child(3){font-size:clamp(2.8rem,5.8vw,4.5rem)}}@media (width<=900px){.comic-slide{flex-basis:calc(50% - 10px)}.comic-cover{grid-template-columns:1fr;gap:32px}.comic-title>span:first-child{font-size:clamp(2.3rem,7vw,4rem)}.comic-title>span:nth-child(2){font-size:clamp(2.8rem,9vw,5.1rem)}.comic-title>span:nth-child(3){font-size:clamp(3.3rem,10.3vw,5.8rem)}.comic-description{max-width:570px}}@media (width<=600px){.comic-shell{width:auto;margin:0 20px;padding:25px 0 58px}.comic-sticker{font-size:10px}.comic-title{margin:28px 0 20px}.comic-title>span:first-child{font-size:clamp(2rem,8.2vw,3.4rem)}.comic-title>span:nth-child(2){font-size:clamp(2.45rem,10.3vw,4.3rem)}.comic-title>span:nth-child(3){font-size:clamp(2.9rem,12vw,5rem)}.comic-description{font-size:1rem}.comic-actions{gap:10px;margin-top:22px}.comic-button{min-height:48px;padding:0 15px;font-size:.86rem}.comic-cover-placeholder{min-height:190px}.cover-placeholder-label{font-size:.52rem}.comic-cover-number{font-size:9px;bottom:10px;right:10px}.comic-strip{letter-spacing:.1em;gap:9px;margin-top:38px;font-size:10px}.comic-chapters{margin-top:38px}.comic-chapters-heading{align-items:end;gap:10px}.comic-chapters h2{font-size:clamp(1.85rem,8vw,2.6rem)}.comic-eyebrow{font-size:10px}.comic-carousel-buttons{gap:5px}.comic-carousel-buttons button{width:42px;height:42px}.comic-slides{gap:16px}.comic-slide{flex-basis:100%}.comic-swipe-hint{display:block}}@media (prefers-reduced-motion:reduce){.comic-home *{transition:none!important}}