*{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--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}}.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}}