*{box-sizing:border-box}html,body,#app{color:#ddd;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:radial-gradient(circle at 50% 30%,#2a2f3a 0%,#0e1116 80%);width:100%;height:100dvh;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#book canvas{outline:none;display:block}.book-stage{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}#book{width:100vw;height:100dvh}.chip{color:#e8ecf3;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#12161e9e;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font:500 12.5px/1 ui-sans-serif,system-ui;transition:background .16s,transform .16s,border-color .16s;display:inline-flex;box-shadow:0 6px 24px #00000047,inset 0 1px #ffffff0a}.chip:hover{background:#282e3ac7;border-color:#ffffff24}.chip:active{transform:scale(.97)}.chip svg{opacity:.85}.hint{bottom:calc(max(22px, env(safe-area-inset-bottom,0)) + 64px);letter-spacing:.04em;color:#b9c1cf;-webkit-backdrop-filter:blur(10px);pointer-events:none;z-index:10;opacity:0;background:#12161e8c;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font:500 11.5px/1 ui-sans-serif,system-ui;transition:opacity .4s ease-out,transform .4s ease-out;animation:.32s ease-out .6s forwards hint-fade-in;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.hint svg{opacity:.7}.hint--gone{transform:translate(-50%,6px);opacity:0!important}@keyframes hint-fade-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:.95;transform:translate(-50%)}}.chip-bar{z-index:10;gap:8px;display:flex;position:absolute;top:22px;right:22px}.chip-bar--left{left:22px;right:auto}.chip--active{color:#fffaf0;background:#b8860be0;border-color:#ffd76438;box-shadow:0 6px 22px #b8860b59,inset 0 1px #ffffff14}.chip--active:hover{background:#ca9410f0}@media (width<=380px){.chip-bar{gap:6px;top:14px;right:14px}.chip-bar--left{left:14px;right:auto}}.modal{z-index:50;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal__backdrop{-webkit-backdrop-filter:blur(10px)saturate(125%);opacity:0;background:radial-gradient(120% 80% at 50% 30%,#281c0e59 0%,#06080cb8 70%);transition:opacity .22s ease-out;position:absolute;inset:0}.modal__panel{color:#ebe5d6;opacity:0;background:radial-gradient(140% 60% at 50% 0,#b8860b1a 0%,#0000 55%),linear-gradient(#1f2330 0%,#14171f 100%);border:1px solid #d4b47824;border-radius:18px;flex-direction:column;width:min(480px,100%);max-height:min(80dvh,760px);transition:opacity .2s ease-out,transform .24s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(10px)scale(.985);box-shadow:0 30px 80px #0000008c,inset 0 2px #d4b4780d,inset 0 -1px #0006}.modal--open .modal__backdrop{opacity:1}.modal--open .modal__panel{opacity:1;transform:translateY(0)scale(1)}.modal__head{justify-content:space-between;align-items:center;padding:22px 22px 18px;display:flex;position:relative}.modal__head:after{content:"";background:linear-gradient(90deg,#0000 0%,#d4b47838 30% 70%,#0000 100%);height:1px;position:absolute;bottom:0;left:22px;right:22px}.modal__title{letter-spacing:.08em;text-transform:uppercase;color:#f3ecdb;text-shadow:0 1px #0000004d;margin:0;font:600 19px/1 Georgia,Iowan Old Style,Times New Roman,serif}.modal__close{appearance:none;color:#b6ad97;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.modal__close:hover{color:#f3ecdb;background:#d4b4781a;border-color:#d4b47829}.toc-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d4b4782e transparent;flex-direction:column;gap:6px;margin:0;padding:12px 14px 18px;list-style:none;display:flex;overflow-y:auto}.toc-list::-webkit-scrollbar{width:8px}.toc-list::-webkit-scrollbar-thumb{background:#d4b4782e;border-radius:999px}.toc-list li{margin:0}.toc-item{color:#d9d2bf;cursor:pointer;text-align:left;background:linear-gradient(#fffaeb09,#fffaeb03);border:1px solid #d4b4781a;border-radius:12px;align-items:baseline;gap:8px;width:100%;padding:12px 38px 12px 18px;font:500 14.5px/1.25 Georgia,Iowan Old Style,Times New Roman,serif;transition:background .18s,color .18s,transform .16s,border-color .18s,box-shadow .18s;display:flex;position:relative}.toc-item:after{content:"";opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>");background-repeat:no-repeat;background-size:contain;width:14px;height:14px;transition:transform .18s,opacity .18s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toc-item:hover{color:#fbf5e3;background:linear-gradient(#d4b47829,#d4b4780a);border-color:#d4b47852;box-shadow:0 4px 18px #00000059,inset 0 1px #fff0c80f}.toc-item:hover:after{opacity:1;transform:translate(3px,-50%)}.toc-item:active{background:linear-gradient(#d4b47838,#d4b4780f);transform:scale(.992)}.toc-item:focus-visible{color:#fbf5e3;border-color:#d4b4788c;outline:none;box-shadow:0 0 0 3px #d4b4782e}.toc-item__title{flex-shrink:0}.toc-item__dots{opacity:.6;background-image:radial-gradient(circle,#d4b4786b 1px,#0000 1.4px);background-position:0 calc(100% - .3em);background-repeat:repeat-x;background-size:7px 100%;flex:1;align-self:flex-end;height:1em;margin:0 8px;transition:opacity .18s;position:relative}.toc-item:hover .toc-item__dots{opacity:1}.toc-item__page{color:#c9a155;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:right;flex-shrink:0;min-width:1.6em;font:600 13px/1 Georgia,Iowan Old Style,Times New Roman,serif}.toc-item:hover .toc-item__page{color:#f0d28a}@media (width<=380px){.modal{padding:16px}.modal__head{padding:18px 18px 14px}.modal__title{font-size:17px}.toc-item{padding:11px 34px 11px 14px;font-size:14px}.toc-item:after{width:13px;height:13px;right:12px}}.toolbar{bottom:max(22px, env(safe-area-inset-bottom,0));pointer-events:none;z-index:10;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chip--top{z-index:10}.pill{pointer-events:auto;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#12161e9e;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:0 6px 24px #00000047,inset 0 1px #ffffff0a}.pill-btn{appearance:none;color:#e8ecf3;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font:500 12.5px/1 ui-sans-serif,system-ui;transition:background .14s,transform .12s,color .14s;display:inline-flex}.pill-btn:hover{background:#ffffff1a}.pill-btn:active{transform:scale(.92)}.pill-btn svg{opacity:.9}.pill-btn--text{letter-spacing:.02em;color:#b9c1cf;width:auto;min-width:48px;padding:0 10px}.pill-btn--text:hover{color:#e8ecf3}@media (aspect-ratio<=3/2){.zoom-pill{display:none}}@media (width<=380px){.toolbar{gap:8px}.pill-btn{width:34px;height:34px}.chip--top{top:14px;right:14px}}