.viewer-error,.viewer-loading{justify-content:center;font-size:.9375rem;color:#b39ddb;letter-spacing:.1em}.story-top,.viewer-error,.viewer-loading{min-height:100vh;display:flex;align-items:center}.story-top{position:relative;flex-direction:column;z-index:1}.story-top__main{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:64px 20px 60px;width:100%;max-width:640px}.story-top__title{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:400;color:#2d1b4e;letter-spacing:.14em;text-align:center;margin:0 0 20px;text-shadow:0 2px 12px rgba(177,151,252,.22);line-height:1.6}.story-top__desc{max-width:480px;width:100%;text-align:center;font-size:.9375rem;line-height:1.9;color:#7c5cbf;letter-spacing:.06em;background:hsla(0,0%,100%,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:20px 28px;border:.5px solid rgba(212,175,55,.3);margin-bottom:28px}.story-top__count{font-size:.8125rem;color:#b39ddb;letter-spacing:.2em;margin-bottom:20px}.story-top__chapters{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px}.story-top__chapter-item{width:100%}.story-top__chapter-link{display:block;text-align:center;font-size:.9375rem;letter-spacing:.08em;color:#7c5cbf;padding:12px 24px;border-radius:20px;background:hsla(0,0%,100%,.6);border:.5px solid rgba(201,184,255,.55);text-decoration:none;transition:background .2s,border-color .2s,transform .15s}.story-top__chapter-link:hover{background:hsla(0,0%,100%,.88);border-color:#c9b8ff;transform:translateY(-1px);text-decoration:none}.viewer-wrap{position:relative;min-height:100vh;display:flex;flex-direction:column}.viewer-nav{width:100%;box-sizing:border-box;padding:8px 16px 6px}.viewer-nav--sticky{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:.5px solid rgba(201,184,255,.4);transition:transform .3s ease}.viewer-nav--hidden{transform:translateY(-100%)}.viewer-nav--bottom{padding:20px 16px 52px;border-top:.5px solid rgba(201,184,255,.25);margin-top:16px}.viewer-nav__back{display:block;font-size:.9375rem;color:#b39ddb;letter-spacing:.06em;text-decoration:none;transition:color .15s}.viewer-nav__back:hover{color:#7c5cbf;text-decoration:none}.viewer-nav__footer-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 0 16px}.viewer-nav__footer-bar,.viewer-nav__next-full{width:calc(100% - 16px);max-width:680px;margin:0 auto}.viewer-nav__next-full{display:block;box-sizing:border-box;padding:14px 24px;text-align:center;font-size:.8125rem;letter-spacing:.1em;color:#7c5cbf;border-radius:20px;background:hsla(0,0%,100%,.65);border:.5px solid rgba(201,184,255,.55);text-decoration:none;transition:background .2s,transform .15s}.viewer-nav__next-full:hover{background:hsla(0,0%,100%,.95);transform:translateY(-1px);text-decoration:none}.viewer-nav__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:8px;gap:8px;max-width:680px;margin:0 auto;padding:4px 0}.viewer-nav__btn{font-size:.8125rem;letter-spacing:.06em;color:#7c5cbf;padding:8px 18px;border-radius:20px;background:hsla(0,0%,100%,.65);border:.5px solid rgba(201,184,255,.55);text-decoration:none;transition:background .2s,transform .15s;white-space:nowrap}.viewer-nav__btn:hover{background:hsla(0,0%,100%,.95);transform:translateY(-1px);text-decoration:none}.viewer-nav__btn--prev{justify-self:start}.viewer-nav__btn--next{justify-self:end}.viewer-nav__center{display:flex;flex-direction:column;align-items:center;gap:4px}.viewer-nav__toc-row{display:flex;align-items:center;gap:6px}.viewer-nav__toc{font-size:.8125rem;letter-spacing:.1em;color:#7c5cbf;padding:8px 20px;border-radius:20px;background:hsla(0,0%,100%,.65);border:.5px solid rgba(201,184,255,.55);cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.viewer-nav__toc:hover{background:hsla(0,0%,100%,.95);border-color:#c9b8ff}.viewer-page-input{display:flex;align-items:center;gap:4px}.viewer-page-input input[type=number]{width:3.2em;text-align:center;padding:5px 4px;font-size:.8125rem;font-family:inherit;border:.5px solid rgba(201,184,255,.55);border-radius:6px;background:hsla(0,0%,100%,.7);color:#2d1b4e;outline:none;transition:border-color .2s}.viewer-page-input input[type=number]:focus{border-color:#c9b8ff}.viewer-page-input input[type=number]::-webkit-inner-spin-button,.viewer-page-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.viewer-page-input input[type=number]{-moz-appearance:textfield}.viewer-page-input__sep{font-size:.8125rem;color:#b39ddb;letter-spacing:.05em;white-space:nowrap}.viewer-like-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 8px;color:#b39ddb;transition:transform .15s,color .15s}.viewer-like-btn:hover{color:#e88;transform:scale(1.1)}.viewer-like-btn--liked{color:#e55;animation:like-pop .3s ease}.viewer-like-btn__label{font-size:.8125rem;letter-spacing:.06em}.viewer-like-btn__heart{font-size:1.25rem;line-height:1}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.45)}to{transform:scale(1)}}.viewer-chapter-title{text-align:center;font-size:.9375rem;letter-spacing:.14em;color:#2d1b4e;padding:28px 24px 0;margin:0 auto;max-width:680px;width:100%;box-sizing:border-box;line-height:1.7}.viewer-content{flex:1 1;padding:32px 24px 40px;display:flex;justify-content:center}.viewer-body{font-family:"Noto Serif JP",游明朝,YuMincho,Hiragino Mincho ProN,serif;font-size:clamp(1rem,2.2vw,1.125rem);line-height:2.1;letter-spacing:.03em;max-width:680px;width:100%;color:#4a4a4a;text-align:justify;word-break:break-all}.viewer-body ruby{ruby-align:center}.viewer-body ruby rt{font-size:.45em;font-family:inherit;color:#4a4a4a}.viewer-drawer-backdrop{position:fixed;inset:0;background:rgba(45,27,78,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:190}.viewer-drawer{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100dvh;background:#fefcff;box-shadow:-4px 0 32px rgba(177,151,252,.18);z-index:200;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.viewer-drawer--open{transform:translateX(0)}.viewer-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:.5px solid rgba(201,184,255,.4);font-size:.9375rem;color:#2d1b4e;letter-spacing:.12em}.viewer-drawer__header button{background:none;border:none;font-size:1.25rem;color:#b39ddb;cursor:pointer;padding:4px 6px;line-height:1;border-radius:6px}.viewer-drawer__header button:hover{color:#7c5cbf;background:rgba(201,184,255,.15)}.viewer-drawer__home{display:block;padding:10px 20px;font-size:.8125rem;letter-spacing:.08em;color:#b39ddb;text-decoration:none;border-bottom:.5px solid rgba(201,184,255,.25);transition:color .15s,background .15s}.viewer-drawer__home:hover{color:#7c5cbf;background:rgba(201,184,255,.08);text-decoration:none}.viewer-drawer__list{list-style:none;padding:12px 0;margin:0;overflow-y:auto;flex:1 1}.viewer-drawer__item--active .viewer-drawer__link{color:#b197fc;font-weight:600;background:rgba(201,184,255,.15)}.viewer-drawer__link{display:block;padding:10px 20px;font-size:.8125rem;color:#7c5cbf;letter-spacing:.06em;text-decoration:none;line-height:1.6;transition:background .15s,color .15s}.viewer-drawer__link:hover{background:rgba(201,184,255,.1);color:#2d1b4e;text-decoration:none}