@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Patrick+Hand&family=Kalam:wght@400;700&display=swap";
@keyframes book-tilt{0%,to{transform:rotate(6deg)translateY(0)}50%{transform:rotate(4deg)translateY(-7px)}}@keyframes reader-pop{0%{opacity:0;transform:scale(.7)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.reading-page{--ink:#2f2a26;--ink-soft:#6f665c;--pencil:#b3a795;--paper:#fbf6ec;--mark:#c9553d;color:var(--ink);background:radial-gradient(circle at 12% 8%,#fffdf8,#0000 40%),radial-gradient(circle at 88% 78%,#f4ede0,#0000 45%),linear-gradient(160deg,#fdf9f1 0%,#f7f0e3 100%);min-height:100%;padding:34px 18px 60px;font-family:Patrick Hand,Kalam,cursive;line-height:1.45}.reading-page *{box-sizing:border-box}.reading-page .sheet{background:var(--paper);border-radius:4px;max-width:880px;margin:0 auto;padding:clamp(22px,5vw,46px) clamp(18px,5vw,52px) 40px;box-shadow:0 10px 34px #3c2d191a}.reading-page .wavy{width:100%;height:20px;margin:18px 0;display:block}.reading-page .wavy path{fill:none;stroke:var(--pencil);stroke-width:2px;stroke-linecap:round}.reading-page .club-title{letter-spacing:.06em;text-transform:uppercase;text-align:center;border-bottom:3px solid var(--ink);width:fit-content;margin:0 auto 22px;padding-bottom:4px;font-family:Caveat,cursive;font-size:clamp(40px,9vw,78px);font-weight:700;line-height:1.1}.reading-page .title-star{vertical-align:.15em;margin-left:6px;font-size:.7em}.reading-page .intro-row{align-items:flex-start;gap:clamp(16px,4vw,40px);display:flex}.reading-page .intro-text{flex:auto;min-width:0}.reading-page .intro{margin:0 0 14px;font-size:clamp(20px,3.2vw,27px)}.reading-page .smiley{border:2px solid var(--ink);text-align:center;border-radius:50%;width:1.15em;height:1.15em;font-size:.8em;line-height:1;display:inline-block}.reading-page .facts{margin:0}.reading-page .fact{gap:8px;margin-bottom:4px;font-size:clamp(19px,3vw,25px);display:flex}.reading-page .fact dt{color:var(--ink);white-space:nowrap;font-weight:700}.reading-page .fact dd{color:var(--ink-soft);margin:0}.reading-page .doodle-book{aspect-ratio:1/1.05;text-align:center;border:2.5px solid var(--ink);width:clamp(96px,17vw,150px);box-shadow:4px 4px 0 #fffdf7, 6px 6px 0 var(--ink);background:#fffdf7;border-radius:3px;flex:none;place-items:center;padding:10px;animation:6s ease-in-out infinite book-tilt;display:grid}.reading-page .doodle-text{font-family:Caveat,cursive;font-size:clamp(15px,2.6vw,21px);font-weight:700;line-height:1.15}.reading-page .heart{color:var(--mark)}.reading-page .icons-label{letter-spacing:5px;text-transform:uppercase;color:var(--ink-soft);margin:4px 0 10px;font-family:Caveat,cursive;font-size:clamp(24px,4vw,32px);font-weight:700}.reading-page .icon-row{flex-wrap:wrap;justify-content:center;gap:clamp(16px,5vw,52px);margin:6px auto 14px;display:flex}.reading-page .icon-card{color:inherit;flex-direction:column;align-items:center;gap:6px;text-decoration:none;animation:.5s ease-out both reader-pop;display:flex}.reading-page .icon-card:first-child{animation-delay:50ms}.reading-page .icon-card:nth-child(2){animation-delay:.15s}.reading-page .icon-card:nth-child(3){animation-delay:.25s}.reading-page .icon-card:nth-child(4){animation-delay:.35s}.reading-page .reader-icon{background:radial-gradient(circle,#fffdf8 60%,#fffdf800 72%);border-radius:50%;place-items:center;width:clamp(96px,21vw,132px);height:clamp(96px,21vw,132px);transition:transform .2s,filter .2s;display:grid}.reading-page .reader-icon-img{object-fit:contain;width:100%;height:100%}.reading-page .icon-card:hover .reader-icon,.reading-page .icon-card:focus-visible .reader-icon{filter:drop-shadow(0 10px 14px #3c2d1938);transform:translateY(-6px)rotate(-3deg)scale(1.06)}.reading-page .icon-card:focus-visible{outline:none}.reading-page .reader-name{letter-spacing:2px;text-transform:uppercase;font-family:Caveat,cursive;font-size:clamp(22px,4vw,30px);font-weight:700}.reading-page .club-caption{text-align:center;margin:6px 0;font-size:clamp(20px,3.2vw,27px)}.reading-page .banner{margin-top:10px}.reading-page .banner-img{width:100%;height:auto}.reader-page{--member-ink:color-mix(in srgb, var(--member-color,#2f2a26) 62%, #2f2a26)}.reader-page .reader-title{letter-spacing:.05em;text-transform:uppercase;text-align:center;margin:0 0 4px;font-family:Caveat,cursive;font-size:clamp(36px,8vw,66px);font-weight:700}.reader-page .reader-head-icon{place-items:center;margin-bottom:2px;display:grid}.reader-page .reader-head-icon img{width:clamp(84px,18vw,120px);height:auto;animation:.5s ease-out both reader-pop}.reader-page .post-btn{letter-spacing:3px;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:none;margin:0 auto;padding:4px 18px 6px;font-family:Caveat,cursive;font-size:clamp(26px,5vw,38px);font-weight:700;transition:transform .15s,color .15s;display:block}.reader-page .post-btn:hover{color:var(--mark);transform:scale(1.06)}.reader-page .post-arrow{margin-left:4px;display:inline-block;transform:rotate(-14deg)}.reader-page .post-form{border:2px dashed var(--pencil);text-align:left;background:#fffdf7;border-radius:6px;max-width:480px;margin:6px auto 4px;padding:16px 18px}.reader-page .post-field{color:var(--ink-soft);margin-bottom:10px;font-size:19px;display:block}.reader-page .post-field input,.reader-page .post-field textarea{width:100%;color:var(--ink);background:var(--paper);border:2px solid var(--pencil);resize:none;border-radius:5px;margin-top:4px;padding:8px 10px;font-family:inherit;font-size:20px;display:block}.reader-page .post-field input:focus,.reader-page .post-field textarea:focus{border-color:var(--member-color,var(--ink));outline:none}.reader-page .star-picker{gap:4px;margin-bottom:10px;display:flex}.reader-page .star-opt{cursor:pointer;color:var(--pencil);background:0 0;border:none;padding:0 2px;font-size:30px;line-height:1;transition:transform .12s}.reader-page .star-opt.on{color:#e8a723}.reader-page .star-opt:hover{transform:scale(1.2)}.reader-page .post-actions{flex-wrap:wrap;gap:10px;display:flex}.reader-page .save-btn,.reader-page .cancel-btn{letter-spacing:1px;cursor:pointer;border-radius:999px;padding:5px 20px;font-family:Caveat,cursive;font-size:24px;font-weight:700;transition:transform .15s}.reader-page .save-btn{color:var(--ink);background:var(--member-color,var(--ink));border:2px solid var(--member-ink)}.reader-page .cancel-btn{color:var(--ink-soft);border:2px solid var(--pencil);background:0 0}.reader-page .save-btn:hover:not(:disabled),.reader-page .cancel-btn:hover{transform:scale(1.05)}.reader-page .save-btn:disabled{opacity:.55;cursor:default}.reader-page .post-flash{text-align:center;margin:8px 0 0;font-size:20px}.reader-page .post-flash.ok{color:#2b8a5b}.reader-page .post-flash.err{color:var(--mark)}.reader-page .week-line{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:16px 0 0;font-size:clamp(17px,2.6vw,21px);display:flex}.reader-page .week-count{color:var(--member-ink);font-family:Caveat,cursive;font-size:1.25em;font-weight:700}.reader-page .slot{min-height:118px}.reader-page .slot-label{letter-spacing:2px;text-transform:uppercase;margin:0 0 6px;font-family:Caveat,cursive;font-size:clamp(24px,4.5vw,34px);font-weight:700}.reader-page .slot-label.bonus{color:var(--member-ink)}.reader-page .slot-empty{color:var(--ink-soft);border:2px dashed var(--pencil);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:19px;transition:border-color .15s,color .15s}.reader-page .slot-empty:hover{color:var(--member-ink);border-color:var(--member-ink)}.reader-page .book-card{border-left:4px solid var(--member-color,var(--ink));background:#fffdf7;border-radius:3px;margin-bottom:10px;padding:10px 14px;position:relative;box-shadow:0 3px 10px #3c2d1912}.reader-page .book-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.reader-page .book-title{font-size:clamp(21px,3.4vw,28px);line-height:1.2}.reader-page .book-delete{width:26px;height:26px;color:var(--ink-soft);border:2px solid var(--pencil);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:19px;line-height:1}.reader-page .book-delete:hover{color:var(--mark);border-color:var(--mark)}.reader-page .book-note{color:var(--ink-soft);margin:4px 0 0;font-size:19px}.reader-page .book-date{color:var(--pencil);margin:4px 0 0;font-size:16px}.reader-page .stars{letter-spacing:2px;color:#e8a723;font-size:19px;display:inline-block}.reader-page .stars-empty{color:var(--pencil)}.reader-page .past-title{letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px;font-family:Caveat,cursive;font-size:clamp(24px,4.5vw,34px);font-weight:700}.reader-page .past-week{margin-bottom:14px}.reader-page .past-head{color:var(--ink-soft);border-bottom:1px dashed var(--pencil);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 4px;padding-bottom:2px;font-size:19px;display:flex}.reader-page .past-count{color:var(--member-ink)}.reader-page .past-list{margin:0;padding:0;list-style:none}.reader-page .past-item{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0;font-size:20px;display:flex}.reader-page .empty-note{text-align:center;color:var(--ink-soft);margin:18px 0 0;font-size:20px}.reader-page .back-link{text-align:center;margin:26px 0 0;font-size:20px}.reader-page .back-link a{color:var(--ink-soft);border-bottom:1px dashed var(--pencil);text-decoration:none}.reader-page .back-link a:hover{color:var(--mark)}