:root{--paper:#efe7d6;--paper2:#e7ddc8;--ink:#1f2b3a;--ink2:#33404f;--line:#141821;--accent:#c65b6b;--note:#e9cf6a}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(120% 90% at 50% 0%,#f4eddf 0%,var(--paper) 42%,var(--paper2) 100%) fixed,var(--paper);color:var(--ink);min-height:100vh;font-family:Patrick Hand,ui-rounded,Comic Sans MS,cursive}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;box-shadow:inset 0 0 220px #3c2d1947;background:radial-gradient(140% 120% at 50% 40%,transparent 60%,rgba(70,52,28,.1) 100%)}.cx{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:16px 18px 60px}.cx-back{display:inline-block;font-family:Patrick Hand,cursive;font-size:16px;color:var(--ink2);text-decoration:none;opacity:.75;padding:6px 2px}.cx-back:hover{opacity:1;color:var(--accent)}.cx-mast{text-align:center;padding:4px 0 12px}.cx-kicker{font-family:Caveat,cursive;font-weight:700;font-size:22px;color:var(--accent);display:block;transform:rotate(-2deg)}.cx-title{font-family:Bangers,system-ui,cursive;font-weight:400;font-size:clamp(42px,9vw,96px);line-height:.9;letter-spacing:2px;color:var(--ink);margin:2px 0 4px;text-shadow:3px 3px 0 rgba(20,24,33,.12)}.cx-sub{font-family:Patrick Hand,cursive;font-size:clamp(15px,2.4vw,22px);color:var(--ink2);margin:0}.cx-heart{color:var(--accent)}.cx-toc-head{font-family:Bangers,cursive;font-size:22px;letter-spacing:1px;color:var(--ink2);text-align:center;margin:6px 0 14px}.cx-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.cx-ch-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fbf7ee;border:3px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:5px 7px #1418212e;transition:transform .1s ease,box-shadow .1s ease}.cx-ch-card:hover{transform:translateY(-3px);box-shadow:7px 10px #14182138}.cx-ch-cover{border-bottom:3px solid var(--line);background:#efe7d6;aspect-ratio:4/3;overflow:hidden}.cx-ch-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block}.cx-ch-meta{display:flex;flex-direction:column;gap:1px;padding:10px 14px 2px}.cx-ch-name{font-family:Bangers,cursive;font-size:26px;letter-spacing:.5px;color:var(--ink);line-height:1}.cx-ch-count{font-family:Patrick Hand,cursive;font-size:15px;color:var(--ink2)}.cx-ch-go{font-family:Caveat,cursive;font-weight:700;font-size:20px;color:var(--accent);padding:0 14px 12px;align-self:flex-end}.cx-chbar{display:flex;align-items:center;gap:14px;margin:2px 0 12px}.cx-tocback{font-family:Patrick Hand,cursive;font-size:16px;color:var(--ink2);text-decoration:none;border:2px solid var(--line);border-radius:999px;padding:4px 12px;background:#fbf7ee;box-shadow:2px 3px #14182129}.cx-tocback:hover{color:var(--accent)}.cx-chtitle{font-family:Bangers,cursive;font-size:26px;letter-spacing:.5px;color:var(--ink)}.cx-stage{display:flex;align-items:center;justify-content:center;gap:14px}.cx-frame{position:relative;margin:0;background:#fbf7ee;padding:10px;border:3px solid var(--line);border-radius:16px;box-shadow:6px 8px #1418212e,0 2px #141821e6;max-width:900px;width:100%}.cx-page{display:block;width:100%;height:auto;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;transition:opacity .18s ease;background:#fbf7ee;cursor:zoom-in}.cx-page.swap{opacity:0}.cx-zoomhint{position:absolute;right:16px;bottom:16px;font-family:Patrick Hand,cursive;font-size:13px;color:#fbf7ee;background:#141821b8;border-radius:999px;padding:3px 10px;pointer-events:none;opacity:.9}.cx-arrow{flex:none;width:52px;height:52px;border-radius:999px;cursor:pointer;border:3px solid var(--line);background:var(--ink);color:#fbf7ee;font-family:Bangers,cursive;font-size:26px;line-height:1;box-shadow:3px 4px #14182140;transition:transform .08s ease,background .15s ease}.cx-arrow:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.cx-arrow:active:not(:disabled){transform:translateY(1px);box-shadow:1px 2px #14182140}.cx-arrow:disabled{opacity:.28;cursor:default}.cx-meta{text-align:center;margin:16px 0 6px}.cx-day{font-family:Bangers,cursive;font-size:26px;letter-spacing:1px;color:var(--ink)}.cx-dot-sep{color:var(--accent);margin:0 8px}.cx-date{font-family:Patrick Hand,cursive;font-size:19px;color:var(--ink2)}.cx-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:10px 0 4px}.cx-pdot{width:12px;height:12px;border-radius:999px;padding:0;cursor:pointer;border:2px solid var(--line);background:transparent;transition:background .15s ease,transform .1s ease}.cx-pdot:hover{transform:scale(1.15)}.cx-pdot.on{background:var(--ink)}.cx-strip{display:flex;gap:10px;overflow-x:auto;padding:18px 4px 8px;margin-top:10px;scrollbar-width:thin}.cx-thumb{flex:none;width:96px;cursor:pointer;background:#fbf7ee;padding:5px 5px 3px;border:2.5px solid var(--line);border-radius:10px;box-shadow:2px 3px #14182129;transition:transform .1s ease;display:flex;flex-direction:column;gap:3px;align-items:center}.cx-thumb:hover{transform:translateY(-2px)}.cx-thumb.on{border-color:var(--accent);box-shadow:2px 3px 0 var(--accent)}.cx-thumb img{width:100%;height:58px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:5px;display:block}.cx-thumb span{font-family:Bangers,cursive;font-size:13px;letter-spacing:.5px;color:var(--ink2);white-space:nowrap}.cx-empty{display:flex;justify-content:center;padding:40px 0}.cx-empty-box{font-family:Patrick Hand,cursive;font-size:20px;color:var(--ink2);background:#fbf7ee;border:3px solid var(--line);border-radius:14px;padding:22px 28px;box-shadow:5px 6px #14182129}.cx-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:34px;padding-top:20px;border-top:2px dashed rgba(20,24,33,.28);color:var(--ink2)}.cx-skate{color:var(--ink2)}.cx-foot-txt{font-family:Patrick Hand,cursive;font-size:16px}.cx-foot-txt a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}.cx-foot-txt a:hover{color:var(--accent)}.cx-lb{position:fixed;inset:0;z-index:50;background:#120f0aeb;display:flex;align-items:center;justify-content:center}.cx-lb[hidden]{display:none}.cx-lb-scroll{max-width:100vw;max-height:100vh;width:100%;height:100%;overflow:auto;display:flex;align-items:flex-start;justify-content:center;-webkit-overflow-scrolling:touch}.cx-lb-scroll img{display:block;max-width:100%;max-height:100vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin:auto;cursor:zoom-in}.cx-lb-scroll img.zoomed{max-width:none;max-height:none;width:auto;cursor:zoom-out}.cx-lb-close{position:fixed;top:14px;right:16px;z-index:52;width:44px;height:44px;border-radius:999px;border:2px solid #fbf7ee;background:#141821b3;color:#fbf7ee;font-size:20px;cursor:pointer;font-family:Bangers,cursive}.cx-lb-close:hover{background:var(--accent)}.cx-lb-hint{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:52;font-family:Patrick Hand,cursive;font-size:14px;color:#fbf7ee;background:#14182199;border-radius:999px;padding:4px 12px}@media (max-width:640px){.cx{padding:12px 12px 54px}.cx-toc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cx-ch-name{font-size:22px}.cx-arrow{width:44px;height:44px;font-size:22px}.cx-stage{gap:8px}.cx-frame{padding:7px}.cx-page{max-height:74vh}.cx-zoomhint{right:10px;bottom:10px;font-size:12px}}