.share{background:var(--ok-cream);min-height:100vh;color:var(--ok-ink);padding:18px 16px 40px}.share-head{flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:1280px;margin:0 auto 18px;display:flex}.share-head h1{font-family:var(--ok-font-serif);margin:0;font-size:26px;line-height:1.2}.share-head p{color:var(--ok-muted);margin:2px 0 0}.share-pdf{color:var(--ok-ink);border:1.5px solid var(--ok-ink);border-radius:var(--ok-radius-md);margin-left:auto;padding:10px 16px;font-weight:600;text-decoration:none}.share-pdf:hover,.share-pdf:focus-visible{background:var(--ok-ink);color:var(--ok-cream)}.share-flip{max-width:1280px;margin:0 auto}.share-loading{text-align:center;color:var(--ok-muted)}.share-endpaper{background:#fffdf8}.share-face{background:#fbf6ec;position:relative;overflow:hidden}.share-face .a-rd-pages{box-shadow:none}.share-print{margin:0}.share-sheet{background:var(--ok-cream);width:1632px;height:816px;display:flex;position:relative;overflow:hidden}.share-sheet.is-closed{background:var(--ok-cream-deep);justify-content:center}.share-sheet-page{flex:none;width:816px;height:816px;position:relative}.share-sheet.is-closed .share-sheet-page{box-shadow:var(--ok-shadow-book)}.share-sheet-page>.bookpage{width:100%;height:100%}.sb-phone{display:none}.sb.is-upright .sb-phone{display:flex}.share-cover-first{width:min(620px,100vh - 190px,50%);min-width:240px;margin:0 auto}.share-cover-first>.bookpage,.pr-cover>.bookpage{width:100%;box-shadow:var(--ok-shadow-book);border-radius:4px 10px 10px 4px}.share-open{text-align:center;margin:20px 0 0}.pr-start{border-radius:var(--ok-radius-md);background:var(--ok-brick);min-height:48px;color:var(--ok-cream);font:600 17px/1.2 var(--ok-font-sans);cursor:pointer;border:0;padding:12px 28px}.pr-start:hover{background:color-mix(in srgb, var(--ok-brick) 88%, var(--ok-ink))}.pr-start:focus-visible,.ps-chip:focus-visible,.pr-strip:focus-visible{outline:2px solid var(--ok-inkblue);outline-offset:2px}@media (max-width:599px),(pointer:coarse) and (max-width:600px){.sb:not(.is-desk):not(.is-side) .sb-phone{display:flex}.sb:not(.is-desk):not(.is-side) .sb-desk{display:none}.share{flex-direction:column;height:100dvh;min-height:0;padding:10px 0 0;display:flex;overflow:hidden}.share-head{flex-wrap:nowrap;flex:none;gap:10px;margin:0 16px 6px}.share-head>img{width:36px;height:auto}.share-head>div{flex:1;min-width:0}.share-head h1{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.share-head p{display:none}.share-pdf{flex:none;padding:7px 10px;font-size:14px}.sb{flex-direction:column;flex:1;min-height:0;display:flex}}.sb-phone{flex-direction:column;flex:1;min-height:0}.pr{flex-direction:column;flex:1;min-height:0;display:flex}.pr-strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.pr-strip::-webkit-scrollbar{display:none}.pr-open{overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;height:100%;overflow:hidden auto}.pr-in{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:6px 16px 18px;display:flex}.pr-open.is-story .pr-in{justify-content:flex-start}.pr-cover{flex:none;width:min(100%,300px,46dvh)}.pr-in>.pr-start{margin-top:22px}.pr-hint{max-width:30ch;color:var(--ok-muted);text-align:center;margin:12px 0 0;font-size:15px;line-height:1.4}.pr-whole{flex:none}.pr-whole>.bookpage{width:100%;box-shadow:var(--ok-shadow-card)}.pr-frame{aspect-ratio:1;background:var(--ok-cream-deep);width:100%;box-shadow:var(--ok-shadow-card);border-radius:3px;flex:none;position:relative;overflow:hidden}.pr-frame.is-wide{aspect-ratio:2}.pr-frame img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute}.pr-fit{flex-direction:column;align-self:stretch;align-items:center;display:flex}.pr-fit-pic{align-self:center}.pr-words{font-family:var(--ok-font-serif);color:var(--ok-ink);overflow-wrap:break-word;background:#fbf6ec;border-radius:3px;align-self:stretch;margin-top:14px;padding:14px 16px 16px;font-size:17px;line-height:1.55}.pr-foot{padding:8px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ok-line);flex:none;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;display:grid}.pr-count{text-align:center;margin:0;line-height:1.25;display:grid}.pr-where{color:var(--ok-ink);font-size:15px;font-weight:600}.pr-of{color:var(--ok-muted);font-size:14px}.share:has(.sb.is-side){height:100dvh;overflow:hidden}.ps{z-index:40;background:var(--ok-cream-deep);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.ps-main{flex:1;justify-content:center;align-items:center;gap:4px;min-height:0;display:flex}.ps-arrow{background:var(--ok-cream);flex:none}.ps-stage{flex:none;position:relative;overflow:hidden}.ps-sheet{background:var(--ok-cream-deep);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ps-sheet.is-in{z-index:1;animation:.3s cubic-bezier(.25,.75,.3,1) both ps-next;box-shadow:-14px 0 28px #1f1b1829}.ps-sheet.is-in.dir-prev{animation-name:ps-prev;box-shadow:14px 0 28px #1f1b1829}@keyframes ps-next{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ps-prev{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.ps-sheet.is-in{animation:none}}.ps-pair{box-shadow:var(--ok-shadow-book);display:flex;position:relative}.ps-page{flex:none;position:relative}.ps-page>.bookpage{width:100%;height:100%}.ps-page.is-alone{box-shadow:var(--ok-shadow-book);border-radius:4px 10px 10px 4px;overflow:hidden}.ps-bar{flex:none;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 16px;display:flex}.ps-count{white-space:nowrap;margin:0;font-size:15px;font-weight:600}.ps-count span{color:var(--ok-muted);margin-left:6px;font-weight:400}.ps-tools{align-items:center;gap:8px;display:flex}.ps-chip{border:1.5px solid var(--ok-ink);color:var(--ok-ink);font:600 14px/1 var(--ok-font-sans);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;text-decoration:none}.pr-start.is-small{min-height:34px;padding:7px 14px;font-size:15px}