:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,system-ui,sans-serif;font-synthesis:none;background:#050505;color:#f2efe8}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:#050505;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.97)}.watch-shell{--accent: #ff7454;position:relative;width:100vw;height:100vh;height:100svh;max-width:270px;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 70% -20%,rgba(255,116,84,.13),transparent 43%),#090909}.entrance{animation:materialize .36s cubic-bezier(.2,.8,.2,1) both}.center-state,.pair-view,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center}.center-state{height:100%;gap:.65rem;color:#aaa59c;font-size:.72rem}.brand-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:36%;background:var(--accent);color:#160b08;font-family:Songti SC,STSong,serif;font-size:1.45rem;font-weight:800;box-shadow:0 0 1.8rem #ff74542e}.brand-mark.small{width:2rem;height:2rem;border-radius:.65rem;font-size:1rem}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.14);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.corner{position:absolute;right:.85rem;bottom:.85rem}.pair-view{min-height:100%;padding:.75rem .7rem .65rem;justify-content:flex-start;text-align:center}.compact-header{width:100%;display:flex;align-items:center;gap:.55rem;text-align:left;margin-bottom:.7rem}.compact-header div{display:flex;flex-direction:column;min-width:0}.compact-header strong{font-size:.9rem;letter-spacing:-.02em}.compact-header small{color:#89857e;font-size:.58rem;margin-top:.08rem}.qr-frame{position:relative;display:grid;place-items:center;width:8.9rem;height:8.9rem;padding:.35rem;border-radius:1.25rem;background:#fff;box-shadow:0 0 0 1px #ffffff14,0 1rem 2.5rem #00000073}.qr-frame canvas{display:block;width:100%!important;height:100%!important;border-radius:.8rem}.qr-placeholder{color:#111;letter-spacing:.18rem}.pair-status{display:flex;align-items:center;gap:.38rem;margin:.7rem 0 .24rem;font-size:.72rem;font-weight:650}.status-pulse{width:.42rem;height:.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .28rem #ff74541f;animation:pulse 1.5s ease-in-out infinite}.pair-hint{max-width:11rem;margin:0;color:#85817a;font-size:.6rem;line-height:1.45}.primary-button,.text-button,.offline-notice button{border:0;cursor:pointer}.primary-button{margin-top:.55rem;padding:.52rem .85rem;border-radius:999px;background:var(--accent);color:#1a0c08;font-size:.67rem;font-weight:750}.text-button{display:inline-block;margin-top:.45rem;padding:.35rem .6rem;background:transparent;color:#aaa59c;font-size:.62rem;text-decoration:none}.library-view{height:100%;overflow-y:auto;padding:max(.75rem,env(safe-area-inset-top)) .72rem max(.8rem,env(safe-area-inset-bottom));scrollbar-width:none}.library-view::-webkit-scrollbar,.reader-scroller::-webkit-scrollbar{display:none}.library-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:.7rem}.library-header small{display:block;color:var(--accent);font-size:.55rem;font-weight:700;letter-spacing:.09em}.library-header h1{margin:.05rem 0 0;font-size:1.38rem;line-height:1;letter-spacing:-.045em}.connection-dot{flex:0 0 auto;width:.48rem;height:.48rem;margin:0 .1rem .1rem 0;border-radius:50%;background:#6c6861;box-shadow:0 0 0 .24rem #6c68611a}.connection-dot.online{background:#65d58b;box-shadow:0 0 0 .24rem #65d58b1a}.offline-notice{margin:0 0 .62rem;padding:.58rem .62rem;border-left:2px solid var(--accent);background:#ff745412}.offline-notice strong{display:block;color:#ffd2c7;font-size:.66rem}.offline-notice p{margin:.18rem 0 .4rem;color:#aaa39a;font-size:.56rem;line-height:1.45}.offline-notice button{padding:0;background:transparent;color:var(--accent);font-size:.58rem;font-weight:750}.warning-line{margin:0 0 .5rem;color:#ffbd73;font-size:.56rem}.book-list{border-top:1px solid rgba(255,255,255,.08)}.book-row{position:relative;display:grid;grid-template-columns:2.15rem 1fr auto;align-items:center;gap:.55rem;width:100%;min-height:3.55rem;padding:.48rem .05rem;border:0;border-bottom:1px solid rgba(255,255,255,.075);background:transparent;text-align:left}.book-spine{display:grid;place-items:center;width:2.15rem;height:2.65rem;border-radius:.28rem .55rem .55rem .28rem;background:#24211e;color:#d8cfc2;font-family:Songti SC,serif;font-size:1rem;box-shadow:inset .16rem 0 #ff74548c}.book-copy{min-width:0;display:flex;flex-direction:column;gap:.12rem}.book-copy strong{overflow:hidden;font-family:Songti SC,STSong,serif;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.book-copy small{overflow:hidden;color:#85817a;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.cache-only{align-self:flex-start;color:#d9a897;font-size:.48rem;letter-spacing:.04em}.chevron{color:#6e6a64;font-size:1.15rem}.empty-state{min-height:9rem;color:#74706a;text-align:center}.empty-state span{font-family:Songti SC,serif;font-size:1.5rem;opacity:.35}.empty-state p{max-width:9rem;margin:.4rem 0 0;font-size:.6rem;line-height:1.45}.reader-view{position:relative;height:100%;overflow:hidden;touch-action:pan-y;background:#0b0b0a}.reader-bar{position:absolute;z-index:6;top:0;left:0;right:0;display:grid;grid-template-columns:1.65rem 1fr 1rem;align-items:center;min-height:2.6rem;padding:max(.34rem,env(safe-area-inset-top)) .48rem .28rem;background:linear-gradient(to bottom,rgba(9,9,9,.96) 55%,rgba(9,9,9,.72) 80%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.reader-bar button{align-self:stretch;padding:0;border:0;background:transparent;color:var(--accent);font-size:1.65rem;line-height:1}.reader-bar div{min-width:0;text-align:center}.reader-bar strong,.reader-bar small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-bar strong{font-family:Songti SC,serif;font-size:.66rem}.reader-bar small{margin-top:.08rem;color:#817d77;font-size:.48rem}.reader-bar .connection-dot{justify-self:end;width:.38rem;height:.38rem;margin:0}.reader-scroller{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.reader-surface{min-height:100%;padding:3.05rem .82rem 2.2rem;will-change:transform}.reader-surface h1{margin:.15rem 0 1rem;color:#f7eee1;font-family:Songti SC,STSong,serif;font-size:1.05rem;line-height:1.25;letter-spacing:-.015em}.reader-surface p{margin:0 0 .92em;color:#ded9d0;font-family:Songti SC,STSong,serif;font-size:1rem;font-weight:500;line-height:1.72;text-align:justify;text-indent:2em}.reader-surface footer{margin:1.5rem 0 .8rem;color:#625f5a;font-size:.52rem;text-align:center}.tap-zone{position:absolute;z-index:4;top:2.7rem;bottom:1.2rem;width:29%;padding:0;border:0;background:transparent}.tap-zone:active{transform:none;background:linear-gradient(to right,rgba(255,255,255,.025),transparent)}.tap-left{left:0}.tap-right{right:0}.tap-right:active{background:linear-gradient(to left,rgba(255,255,255,.025),transparent)}.offline-badge{position:absolute;z-index:7;right:.48rem;bottom:max(.4rem,env(safe-area-inset-bottom));padding:.16rem .32rem;border-radius:999px;background:#ff745424;color:#ffc1b1;font-size:.45rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reader-loading{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06060666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.toast{position:absolute;z-index:20;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 1.3rem);margin:0;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#23211ee6;color:#f5f0e8;font-size:.56rem;line-height:1.35;text-align:center;transform:translate(-50%);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 .6rem 1.8rem #0006}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,.5rem) scale(.97)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55;transform:scale(.85)}}@keyframes materialize{0%{opacity:0;transform:scale(.985) translateY(.3rem);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@media(min-width:360px){body{display:grid;place-items:center;background:#020202}.watch-shell{border-radius:2.4rem;box-shadow:0 0 0 1px #272727,0 2rem 5rem #000}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}.entrance{filter:none;transform:none}}@media(prefers-reduced-transparency:reduce){.reader-bar,.offline-badge,.toast,.reader-loading{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#111}}@media(prefers-contrast:more){.book-row{border-bottom-color:#767676}.reader-surface p{color:#fff}.offline-notice{background:#23100b}}