.cl-overlay{position:fixed;inset:0;z-index:8100;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.08),transparent 58%),linear-gradient(180deg,#6b6f84,#545869 48%,#464a5b);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s;font-family:Noto Sans SC,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}.cl-overlay.show{opacity:1;visibility:visible}.cl-top{position:absolute;top:calc(46px + env(safe-area-inset-top));left:0;right:0;text-align:center;z-index:8;pointer-events:none}.cl-top-name{font-size:1.05rem;font-weight:600;letter-spacing:.3em;color:#ffffffeb;text-shadow:0 1px 8px rgba(20,24,40,.4)}.cl-top-sub{margin-top:7px;display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:#ffffff80;letter-spacing:.12em}.cl-top-sub svg{width:13px;height:13px;opacity:.7}.cl-cover-view{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;perspective:1500px;transition:opacity .35s ease}.cl-overlay.pages .cl-cover-view{opacity:0;pointer-events:none}.cl-book{position:relative;width:min(56vw,236px);aspect-ratio:3 / 4.1;border:none;padding:0;cursor:pointer;background:transparent;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.6,.02,.3,1),filter .4s ease;filter:drop-shadow(18px 26px 30px rgba(20,24,40,.45));-webkit-tap-highlight-color:transparent}.cl-book:hover{transform:rotateY(-8deg) translateY(-6px)}.cl-overlay.pages .cl-book,.cl-overlay.opening .cl-book{transform:rotateY(-90deg);pointer-events:none}.cl-book-face{position:absolute;inset:0;border-radius:4px 8px 8px 4px;overflow:hidden;background:radial-gradient(circle at 22% 18%,rgba(74,110,192,.16) 0 7px,transparent 8px),radial-gradient(circle at 68% 12%,rgba(224,96,120,.14) 0 6px,transparent 7px),radial-gradient(circle at 40% 34%,rgba(74,168,154,.15) 0 5px,transparent 6px),radial-gradient(circle at 82% 30%,rgba(216,164,55,.16) 0 6px,transparent 7px),radial-gradient(circle at 14% 52%,rgba(224,96,120,.12) 0 5px,transparent 6px),radial-gradient(circle at 58% 58%,rgba(74,110,192,.14) 0 7px,transparent 8px),radial-gradient(circle at 88% 64%,rgba(74,168,154,.13) 0 5px,transparent 6px),radial-gradient(circle at 30% 74%,rgba(216,164,55,.14) 0 6px,transparent 7px),radial-gradient(circle at 72% 84%,rgba(74,110,192,.12) 0 5px,transparent 6px),linear-gradient(160deg,#fdfcf8,#f6f3ea 55%,#ece8db);box-shadow:inset -6px 0 12px -8px #3c321e59,inset 2px 2px #fff9;text-align:left}.cl-book-face:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9%;background:linear-gradient(90deg,#8a1f1a,#b03028 55%,#7c1a15);box-shadow:2px 0 5px #3c140f59}.cl-book-face:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 13px,rgba(74,110,192,.1) 13px,rgba(74,110,192,.1) 14px);pointer-events:none}.cl-book-title{position:absolute;left:16%;right:6%;bottom:9%;z-index:2}.cl-book-title b{display:block;font-size:clamp(1.3rem,6vw,1.85rem);font-weight:900;letter-spacing:.04em;color:#b03028;text-shadow:0 1px 0 rgba(255,255,255,.7);font-family:Georgia,Times New Roman,serif}.cl-book-title span{display:block;margin-top:4px;font-size:.6rem;letter-spacing:.28em;color:#8a8276}.cl-book-badge{position:absolute;top:6%;right:7%;z-index:2;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#4a4a4a,#262626);box-shadow:0 2px 6px #14182866,inset 0 1px #fff3;display:flex;align-items:center;justify-content:center;font-size:.95rem}.cl-cover-hint{position:absolute;left:0;right:0;bottom:calc(14% + env(safe-area-inset-bottom));text-align:center;z-index:6;font-size:.74rem;color:#ffffff80;letter-spacing:.24em;pointer-events:none;transition:opacity .3s ease;animation:cl-breathe 2.4s ease-in-out infinite}@keyframes cl-breathe{0%,to{opacity:.4}50%{opacity:.9}}.cl-overlay.pages .cl-cover-hint{opacity:0}.cl-book-view{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:90px 4vw 128px;opacity:0;pointer-events:none;transition:opacity .3s ease;perspective:1700px}.cl-overlay.pages .cl-book-view{opacity:1;pointer-events:auto}.cl-strip3d{position:relative;width:min(90vw,860px);aspect-ratio:16 / 9.6;max-height:min(66vh,600px);transform-style:preserve-3d;touch-action:pan-y;cursor:grab}.cl-strip3d.dragging{cursor:grabbing}.cl-spread{position:absolute;left:50%;top:0;width:100%;height:100%;margin-left:-50%;display:flex;transform-style:preserve-3d;will-change:transform,opacity;transition:none}.cl-strip3d.animating .cl-spread{transition:transform .6s cubic-bezier(.3,.9,.32,1),opacity .5s ease}.cl-half{position:relative;width:50%;height:100%;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#fcf8ee,#f7f1e0 60%,#efe7d0)}.cl-half.pl{border-radius:8px 0 0 8px;background:linear-gradient(270deg,#5a46281f,#5a462800 13%),linear-gradient(180deg,#fcf8ee,#f7f1e0 60%,#efe7d0);box-shadow:inset -8px 0 14px -10px #5a462873}.cl-half.pr{border-radius:0 8px 8px 0;background:linear-gradient(90deg,#5a46281f,#5a462800 13%),linear-gradient(180deg,#fcf8ee,#f7f1e0 60%,#efe7d0);box-shadow:inset 8px 0 14px -10px #5a462873}.cl-half.pr.backcover{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-family:var(--font-hand, "Kaiti SC","KaiTi",cursive);color:#b0a48a;letter-spacing:.3em;font-size:.9rem}.cl-half.pr.backcover svg{width:42px;height:42px;opacity:.5}.cl-pg{flex:1;display:flex;flex-direction:column;padding:clamp(14px,3vh,24px) clamp(10px,1.8vw,20px) clamp(12px,2vh,20px);min-height:0}.cl-pg-head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;padding-bottom:6px;border-bottom:2px solid rgba(140,110,60,.22);flex-shrink:0}.cl-pg-ver{font-family:SF Mono,Consolas,monospace;font-size:clamp(1rem,2.4vw,1.4rem);font-weight:800;color:#2f2418}.cl-pg-date{font-size:clamp(.6rem,1.3vw,.72rem);color:#8a7a58;font-variant-numeric:tabular-nums}.cl-pg-tag{font-family:var(--font-hand, "Kaiti SC","KaiTi",cursive);font-size:clamp(.58rem,1.2vw,.68rem);font-weight:700;letter-spacing:.08em;padding:1px 8px 2px;border-radius:6px 10px 7px 11px;color:#fff;transform:rotate(-2deg);background:radial-gradient(circle at 35% 30%,#ef6b4a,#c0331b)}.cl-pg-title{padding-top:clamp(6px,1.3vh,11px);font-family:var(--font-hand, "LXGW WenKai","Kaiti SC","KaiTi",cursive);font-size:clamp(.9rem,1.9vw,1.08rem);font-weight:700;color:#4a4030;letter-spacing:.08em;flex-shrink:0}.cl-pg-title:after{content:"";display:block;margin-top:3px;height:5px;width:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='5' viewBox='0 0 120 5'%3E%3Cpath d='M0 2.6 Q10 0.8 20 2.8 T40 2.4 T60 3 T80 2.3 T100 2.9 T120 2.5' fill='none' stroke='%235d7ba8' stroke-width='1.4' opacity='.7'/%3E%3C/svg%3E") repeat-x left center / 120px 5px}.cl-pg-body{flex:1;min-height:0;overflow-y:auto;padding-top:clamp(5px,1.1vh,9px);scrollbar-width:thin;scrollbar-color:rgba(140,110,60,.3) transparent;font-family:var(--font-hand, "LXGW WenKai","Kaiti SC","KaiTi",cursive);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cl-pg-body::-webkit-scrollbar{width:4px}.cl-pg-body::-webkit-scrollbar-thumb{background:#8c6e3c4d;border-radius:4px}.cl-item{position:relative;display:flex;gap:8px;align-items:flex-start;padding:5px 2px 9px}.cl-item:after{content:"";position:absolute;left:1px;right:1px;bottom:2px;height:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='4' viewBox='0 0 120 4'%3E%3Cpath d='M0 2.4 Q7.5 0.6 15 2.4 T30 2.4 T45 2.4 T60 2.4 T75 2.4 T90 2.4 T105 2.4 T120 2.4' fill='none' stroke='%23a3865a' stroke-width='1.1' opacity='.5'/%3E%3C/svg%3E") repeat-x left center / 120px 4px;pointer-events:none}.cl-kind{flex-shrink:0;margin-top:2px;font-size:.58rem;font-weight:700;letter-spacing:.08em;padding:1px 6px 2px;border-radius:5px 8px 6px 9px;transform:rotate(-1.5deg);color:#fff;font-family:Noto Sans SC,sans-serif}.cl-kind.feat{background:#2e9e5b}.cl-kind.fix{background:#d9573f}.cl-kind.perf{background:#3d7bd9}.cl-kind.ui{background:#b8860b}.cl-item-text{font-size:clamp(.78rem,1.7vw,.92rem);line-height:1.6;color:#3a3226}.cl-pg-foot{margin-top:auto;padding-top:5px;text-align:center;font-family:var(--font-hand, "Kaiti SC","KaiTi",cursive);font-size:.68rem;color:#a08c62;letter-spacing:.1em;flex-shrink:0}.cl-strip3d.folded{transform:rotate(7deg);transition:transform .5s ease}.cl-dock{position:absolute;left:0;right:0;z-index:7;bottom:calc(46px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:18px}.cl-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;background:#fafafcf0;color:#3a3d4a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #1418284d,inset 0 1px #ffffffe6;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s ease}.cl-btn:hover{background:#fff;transform:translateY(-3px)}.cl-btn:active{transform:scale(.92)}.cl-btn svg{width:19px;height:19px}.cl-btn[hidden]{display:none}.cl-grid{position:absolute;inset:0;z-index:9;background:#282c3cd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.cl-grid.show{opacity:1;visibility:visible}.cl-grid-inner{width:min(92vw,560px);max-height:74vh;overflow-y:auto;padding:22px 20px calc(22px + env(safe-area-inset-bottom));scrollbar-width:thin}.cl-grid-title{text-align:center;margin-bottom:16px;font-size:.95rem;font-weight:700;letter-spacing:.3em;color:#ffffffd9}.cl-grid-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border:none;cursor:pointer;text-align:left;border-radius:10px;background:#ffffff14;color:#fff;transition:background .2s ease,transform .2s ease}.cl-grid-item:hover{background:#ffffff29;transform:translate(3px)}.cl-grid-item.on{background:#fff3;box-shadow:inset 3px 0 #e8e4d8}.cl-grid-ver{font-family:SF Mono,Consolas,monospace;font-size:.88rem;font-weight:800;min-width:64px}.cl-grid-meta{font-size:.74rem;color:#ffffff8c;flex-shrink:0}.cl-grid-title2{font-family:var(--font-hand, "Kaiti SC","KaiTi",cursive);font-size:.86rem;color:#fffc;margin-left:auto;text-align:right}.cl-back-shelf{position:absolute;top:calc(44px + env(safe-area-inset-top));left:18px;z-index:8;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#ffffff24;color:#ffffffd9;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease,background .2s ease}.cl-overlay.pages .cl-back-shelf{opacity:1;pointer-events:auto}.cl-back-shelf:hover{background:#ffffff42}.cl-back-shelf svg{width:17px;height:17px}@media(max-width:640px){.cl-strip3d{width:96vw;aspect-ratio:16 / 10.6;max-height:60vh}.cl-pg{padding:11px 8px 12px}.cl-btn{width:46px;height:46px}.cl-dock{gap:13px;bottom:calc(38px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.cl-book,.cl-strip3d{transition:none}.cl-cover-hint{animation:none}}.cl-entry-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--text-link, #a78bfa);letter-spacing:.04em}.cl-entry-btn:hover{text-decoration:underline}