.reading-lottery{border-top:1px dashed var(--line);grid-template-columns:minmax(0,1fr) minmax(0,390px);align-items:center;gap:clamp(30px,7vw,100px);margin-top:30px;padding:75px 20px 25px;scroll-margin-top:100px;display:grid}.reading-lottery__intro{min-width:0;padding-bottom:35px}.reading-lottery__intro h2{margin-block:18px 20px;font-size:clamp(27px,3vw,38px);font-weight:400}.reading-lottery__intro>p{max-width:300px;color:var(--muted);font-size:13px;line-height:2}.reading-lottery__draw{border:0;border-bottom:1px solid var(--ink);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:28px;margin-top:24px;padding:7px 2px;font-size:13px;display:inline-flex}.reading-lottery__draw svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:22px;transition:transform .16s var(--ease-out)}.reading-lottery__intro>.reading-lottery__aside{transform-origin:0;margin-top:19px;font-family:KaiTi,STKaiti,Georgia,serif;font-size:12px;transform:rotate(-3deg)}.reading-lottery__scene{isolation:isolate;clip-path:inset(-60px -30px 0);min-width:0;padding:0 23px 90px;position:relative}.reading-lottery__bookmark{z-index:1;border:1px solid var(--line);background:var(--card);min-height:300px;box-shadow:3px 4px 0 color-mix(in srgb, var(--line) 25%, transparent);border-radius:3px 7px 2px 3px;padding:27px 28px 60px;position:relative;transform:rotate(-3deg)}.reading-lottery__ribbon{background:var(--ink);opacity:.65;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:12px;height:38px;position:absolute;top:-1px;right:28px}.reading-lottery__handwritten{color:var(--muted);padding-right:22px;font:25px Caveat,cursive;display:block}.reading-lottery__meta{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:22px;font-size:10px;line-height:1.8;display:flex}.reading-lottery__result h3{overflow-wrap:anywhere;margin-block:10px 12px;font-size:21px;font-weight:400;line-height:1.55}.reading-lottery__result>p,.reading-lottery__blank{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.9}.reading-lottery__result>a{min-height:44px;color:var(--ink);text-underline-offset:5px;align-items:center;gap:17px;margin-top:8px;font-size:12px;text-decoration:underline;display:inline-flex}.reading-lottery__pocket{z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, var(--ink) 10%);height:139px;box-shadow:2px 4px 0 color-mix(in srgb, var(--line) 20%, transparent);clip-path:polygon(0 0,8% 1%,17% 6%,29% 23%,42% 36%,50% 38%,58% 36%,71% 23%,83% 6%,92% 1%,100% 0,100% 100%,0 100%);pointer-events:none;border-radius:3px 2px 8px 4px;position:absolute;inset:auto 0 0;transform:rotate(2deg)}.reading-lottery__seam{width:100%;height:61px;stroke:var(--muted);stroke-width:.65px;opacity:.65;position:absolute;inset:0 0 auto}.reading-lottery__pocket-label{color:var(--ink);font-family:KaiTi,STKaiti,Georgia,serif;font-size:14px;position:absolute;bottom:38px;left:25px}.reading-lottery__pocket-note{color:var(--muted);font:16px Caveat,cursive;position:absolute;bottom:15px;left:25px}.reading-lottery__leaf{width:38px;height:51px;stroke:var(--muted);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;position:absolute;bottom:18px;right:22px}.reading-lottery__spark{z-index:3;width:64px;height:64px;stroke:var(--muted);stroke-width:1px;stroke-linecap:round;opacity:.6;pointer-events:none;position:absolute;top:-34px;right:-17px}.reading-lottery[data-reading-ready]:not([data-reading-picked]) .reading-lottery__bookmark{transform:translateY(calc(100% - 60px))rotate(-3deg)}.reading-lottery[data-reading-ready]:not([data-reading-picked]) .reading-lottery__result{visibility:hidden}.reading-lottery [hidden]{display:none}.reading-lottery :is(button,a):focus-visible{outline:2px solid var(--ink);outline-offset:5px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.reading-lottery__draw:hover svg{transform:translate(3px,-2px)}.reading-lottery__draw:active svg{transform:translate(2px,-1px)scale(.95)}}@media (width<=700px){.reading-lottery{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:15px;padding:42px 8px 12px}.reading-lottery__intro{padding-bottom:0}.reading-lottery__scene{width:min(100%,355px);margin-inline:auto;padding:0 19px 90px}.reading-lottery__bookmark{padding:23px 20px 60px}.reading-lottery__spark{width:48px;height:48px;top:-22px;right:-7px}}@media (prefers-reduced-motion:reduce){.reading-lottery__draw svg{transition:none}}.notebook-archive .page-heading{padding-bottom:36px}.notebook-dividers{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:14px 3px 30px;display:grid}.notebook-divider{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);text-align:left;transform-origin:50% 100%;transition:transform .2s var(--ease-out);isolation:isolate;border-radius:3px 8px 3px 5px;padding:18px 23px 25px;position:relative}.notebook-divider:before,.notebook-divider:after{content:"";z-index:-1;border:1px solid var(--line);border-radius:inherit;background:var(--paper);pointer-events:none;position:absolute}.notebook-divider:before{inset:4px -3px -5px 3px;transform:rotate(.6deg)}.notebook-divider:after{opacity:0;box-shadow:inset 0 -2px 0 var(--ink);border-color:#0000;transition:opacity .16s;inset:0}.notebook-divider:nth-child(2):before{transform:rotate(-.7deg)}.notebook-divider[aria-pressed=true]:after{opacity:1}.notebook-divider-top,.notebook-divider-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.notebook-divider-top{color:var(--muted);font-size:10px}.notebook-number{font-family:Caveat,cursive;font-size:23px}.notebook-divider-title{margin-block:16px 13px}.notebook-divider-title strong{letter-spacing:.07em;font-family:Georgia,Songti SC,SimSun,serif;font-size:29px;font-weight:400}.notebook-divider-title svg{opacity:.75;width:42px;height:42px;transform:rotate(-5deg)}.notebook-description{color:var(--muted);font-size:11px;line-height:1.9;display:block}.notebook-bookmark{background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 73%,0 100%);transform-origin:top;opacity:0;width:12px;height:20px;transition:transform .2s var(--ease-out), opacity .16s ease;position:absolute;top:-1px;right:53px;transform:scaleY(.5)}.notebook-divider[aria-pressed=true] .notebook-bookmark{opacity:.75;transform:scaleY(1)}.notebook-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-block:17px;display:flex}.notebook-all{color:var(--muted);background:0 0;border:0;border-radius:0;padding:8px 0;font-size:12px}.notebook-all[aria-pressed=true]{color:var(--ink);text-underline-offset:6px;text-decoration:underline 1px}.notebook-all>span{margin-left:12px}.notebook-status{color:var(--muted);letter-spacing:.05em;font-size:10px}.notebook-empty{min-height:200px;color:var(--muted);padding-block:42px;font-family:Georgia,Songti SC,SimSun,serif}.notebook-empty[hidden]{display:none}.notebook-archive .archive-grid:not(:has(>.post-card:not([hidden]))){padding-bottom:0}.notebook-divider:focus-visible,.notebook-all:focus-visible{outline:2px solid var(--ink);outline-offset:7px}.notebook-archive[data-notebook-instant] .notebook-bookmark,.notebook-archive[data-notebook-instant] .notebook-divider:after{transition:none}@media (hover:hover) and (pointer:fine){.notebook-divider:hover{transform:translateY(-3px)rotate(-.3deg)}.notebook-divider:nth-child(2):hover{transform:translateY(-3px)rotate(.3deg)}.notebook-divider:active{transform:translateY(0)}}@media (width<=760px){.notebook-dividers{gap:10px}.notebook-divider{padding:12px 10px 16px}.notebook-divider-title{align-items:start;gap:6px;margin-block:13px 8px}.notebook-divider-title strong{font-size:23px}.notebook-divider-title svg{width:24px;height:24px;margin-top:3px}.notebook-description{font-size:10px;line-height:1.85}.notebook-count{font-size:9px}.notebook-bookmark{width:8px;height:14px;right:37px}.notebook-toolbar{padding-block:11px}}@media (width<=380px){.notebook-divider-title svg{display:none}}@media (prefers-reduced-motion:reduce){.notebook-divider,.notebook-bookmark{transition:opacity .1s}.notebook-divider:hover,.notebook-divider:nth-child(2):hover{transform:none}}