.storybook-reader{--book-font-scale:1;color:#eee6d7;font-family:var(--font-sans);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(at 50% 35%,#2b2636 0%,#15131c 65%,#111017 100%)}.storybook-reader ::selection{color:#251e18;background:#e4d2b1}.book-reader-fullscreen{z-index:100;overscroll-behavior:contain;height:100dvh;position:fixed;inset:0;overflow-y:auto}.book-reader-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(16px,4vw,64px);display:flex}.book-reading-stage{padding:28px clamp(12px,5vw,80px) 105px}.book-reading-toolbar{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto 20px;display:flex}.book-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#85714f;font-size:9px;line-height:1.7}.book-reader-button{color:#e5ddcf;cursor:pointer;background:#ffffff04;border:1px solid #ffffff20;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:11px;line-height:1.5;transition:border-color .15s,background .15s;display:inline-flex}.book-reader-button:hover:not(:disabled){background:#ffffff0c;border-color:#c2ad83}.book-reader-button:disabled{opacity:.3;cursor:default}.book-reader-button-primary{color:#251e18;background:#d4bc8e;border-color:#d4bc8e;min-width:105px}.book-reader-button-primary:hover:not(:disabled){background:#e4cea6}.book-binding{max-width:1120px}.book-hardcover{background:linear-gradient(90deg,#534739,#2a2522 48%,#332b25);border:1px solid #69594a;border-radius:8px 14px 14px 8px;padding:8px;position:relative;box-shadow:0 32px 75px #00000060,0 4px #91816a,0 6px #4c4036}.book-paper-spread{color:#35291f;isolation:isolate;background:#faf6ed;border-radius:3px 7px 7px 3px;grid-template-columns:1fr 1fr;display:grid;position:relative}.book-paper-page{flex-direction:column;justify-content:space-between;min-width:0;min-height:730px;padding:clamp(24px,3vw,44px);position:relative}.book-page-left{background:linear-gradient(90deg,#faf6ed 80%,#e6dfd0);border-right:1px solid #d0c5b1}.book-page-right{background:linear-gradient(90deg,#ded5c2,#faf6ed 10%)}.book-gutter{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#291b1717,#0000);width:22px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%);z-index:3;pointer-events:none;background:#887057;width:17px;height:42px;position:absolute;top:-5px;left:49%;box-shadow:2px 2px 4px #0003}.book-page-content{flex-direction:column;flex:1;gap:20px;padding:24px 0;display:flex}.book-page-heading{font-family:var(--font-display);letter-spacing:-.025em;color:#2d241c;text-wrap:balance;font-size:clamp(26px,2.8vw,36px);font-weight:600;line-height:1.15}.storybook-reader .book-page-content p:not(.font-mono),.storybook-reader .book-page-content .font-serif{font-size:calc(15px * var(--book-font-scale));line-height:1.85}.storybook-reader .book-page-content [class*=space-y-]>p+p{margin-top:14px}.storybook-reader .book-page-content .no-scrollbar{scrollbar-width:auto}.storybook-reader .book-page-content input[type=range]{accent-color:#6a3d68;min-height:32px}.book-cover-page{background:#211e31;padding:0}.book-cover-art{color:#f4e9d3;background:radial-gradient(at 70% 40%,#474059,#221e32 65%);flex-direction:column;height:100%;min-height:100%;padding:46px 38px 26px;display:flex;position:relative;overflow:hidden}.book-cover-landscape{width:100%;position:absolute;bottom:70px;left:0}.book-cover-contents{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.book-cover-chapter{color:#44362a;text-align:left;cursor:pointer;border-bottom:1px solid #ded5c5;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:11px 0;font-size:13px;display:flex}.book-cover-chapter:hover{color:#704174}.book-outer-arrow{color:#d7c9ae;cursor:pointer;background:#ffffff05;border:1px solid #ffffff25;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book-outer-arrow:hover{background:#ffffff10}.book-outer-arrow:disabled{opacity:.2;cursor:default}.book-outer-arrow-left{left:-62px}.book-outer-arrow-right{right:-62px}.book-bottom-navigation{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#211e28ef;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:min(700px,100% - 32px);padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0005}.book-reading-note{text-align:center;color:#a89d8b;max-width:680px;margin:20px auto 0;font-size:10px;line-height:1.8}.storybook-reader :is(button,a,input,summary):focus-visible{outline-offset:4px;outline:2px solid #ae82c4}.book-page-heading:focus-visible{outline-offset:6px;outline:2px solid #9a779c}.book-turning{animation:.18s ease-out book-turn}@keyframes book-turn{0%{opacity:.7;transform:translate(3px)}to{opacity:1;transform:none}}.book-contents-dialog{color:#33291f;background:#faf6ed;border:1px solid #cbbda4;border-radius:18px;width:min(760px,100vw - 28px);max-height:85dvh;padding:0;box-shadow:0 30px 120px #0008}.book-contents-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080611ba}.book-contents-inner{padding:28px}.book-control{color:#564938;border:1px solid #d9d1c3;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.book-chapter-entry{text-align:left;background:#fffaf2;border:1px solid #e2d9c8;border-radius:12px;padding:16px;transition:border-color .15s,background .15s}.book-chapter-entry:hover,.book-chapter-entry.is-current{background:#f2e6d3;border-color:#af916c}.book-contents-dialog :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #7c578d}.book-comic-paper{background:#f8f0df;padding:20px}.comic-page{color:#2b2037;flex-direction:column;flex:1;min-width:0;display:flex}.comic-running-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#776653;border-bottom:1px solid #d4c7af;justify-content:space-between;gap:12px;padding-bottom:9px;font-size:9px;display:flex}.comic-page-title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:16px 0;font-size:clamp(25px,2.8vw,34px);font-weight:750;line-height:1.12}.comic-panels{gap:14px;display:grid}.comic-panel{background:#c29da5;border:2px solid #2b2037;position:relative;overflow:hidden;box-shadow:3px 4px #2b203721}.comic-panel-1{border-radius:3px 3px 18px}.comic-scene-art{width:100%;height:auto;display:block}.comic-caption{z-index:2;color:#2b2037;max-width:85%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:#f3d391;border:1.5px solid #2b2037;padding:5px 8px;font-size:8px;font-weight:600;line-height:1.5;position:absolute;top:9px;left:9px}.comic-speech{z-index:2;background:#fffbed;border:2px solid #2b2037;border-radius:20px 20px 20px 3px;width:76%;padding:11px 14px;position:absolute;top:43px;left:15px;box-shadow:2px 3px #2b203725}.comic-speech p{font-size:calc(14px * var(--book-font-scale));font-weight:550;line-height:1.55}.comic-speech>span{clip-path:polygon(0 0,100% 0,0 100%);background:#fffbed;width:20px;height:14px;position:absolute;bottom:-13px;left:35px}.comic-page-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.comic-page-links :is(a,button){color:#70496e;align-items:center;gap:8px;min-height:40px;font-size:10px;display:inline-flex}.comic-page-links :is(a,button):hover{text-decoration:underline}.comic-page-footer{font-family:var(--font-mono);color:#776653;justify-content:space-between;gap:16px;margin-top:auto;padding-top:12px;font-size:8px;display:flex}@media (max-width:1280px){.book-outer-arrow{display:none}}@media (max-width:767px){.book-reader-header{gap:8px;padding:16px}.book-reader-header>a{gap:8px}.book-reader-header .book-reader-button{padding:8px 10px}.book-reading-stage{padding:18px 10px 100px}.book-reading-toolbar{flex-direction:column;align-items:flex-start;padding-inline:6px}.book-reading-toolbar h1{max-width:20ch;font-size:12px}.book-reading-toolbar .book-reader-button{padding:8px 10px}.book-hardcover{padding:5px}.book-paper-spread{grid-template-columns:1fr}.book-paper-page{min-height:630px;padding:26px 24px}.book-cover-page{padding:0}.book-cover-art{min-height:630px;padding:32px 28px 24px}.book-gutter,.book-ribbon{display:none}.book-page-left{background:#faf6ed;border-right:none}.book-page-right{background:#faf6ed}.book-page-content{padding:24px 0}.book-page-heading{font-size:30px}.book-contents-inner{padding:20px}.book-comic-paper{padding:16px}.comic-speech{width:84%;padding:9px 11px;top:37px;left:11px}.comic-speech p{font-size:calc(13px * var(--book-font-scale))}.comic-caption{padding:4px 6px;font-size:7px;top:7px;left:7px}.book-bottom-navigation{bottom:calc(10px + env(safe-area-inset-bottom));gap:12px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.book-turning{animation:none}.storybook-reader *{scroll-behavior:auto!important}}