:root{--paper: #f3ebd9;--paper-2: #f9f3e6;--ink: #1f1810;--ink-soft: #574d3d;--ink-faint: #6b604d;--line: #ddccab;--seal: #ab382c;--seal-deep: #8a2a22;--icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1.2 5h2.4l-.4 7h-1.6l-.4-7zm1.2 8.6a1.4 1.4 0 110 2.8 1.4 1.4 0 010-2.8z'/%3E%3C/svg%3E");--seal-tint: #f0dcd6;--on-seal: #fff;--danger: #8f1d2c;--prog: var(--seal);--shadow: 14px 18px 40px -24px rgba(45, 32, 20, .55);--radius: 14px;--app-px: 20px;--desk: 14px}[data-theme=green]{--paper: #d6e7df;--paper-2: #e2efe9;--ink: #22302b;--ink-soft: #3f4f48;--ink-faint: #566860;--line: #bcd3c9;--seal: #b23b3b;--seal-deep: #8f2c2c;--seal-tint: #e6dcc9;--danger: #8a1a30;--shadow: 14px 18px 40px -24px rgba(40, 50, 28, .5)}[data-theme=night]{--paper: #101014;--paper-2: #1b1b20;--ink: #e6e7ea;--ink-soft: #9fa0a6;--ink-faint: #8c8d93;--line: #2b2c32;--seal: #d8a657;--seal-deep: #b98a3f;--seal-tint: #2a2418;--danger: #ff8a65;--on-seal: #241a06;--shadow: 14px 18px 44px -22px rgba(0, 0, 0, .7)}[data-theme=inkteal]{--paper: #0e1f1b;--paper-2: #17312b;--ink: #eaece1;--ink-soft: #a4b2a9;--ink-faint: #8f9d95;--line: #294238;--seal: #e88b6e;--seal-deep: #cf7155;--seal-tint: #33211c;--danger: #ff7a8a;--on-seal: #2a1410;--shadow: 14px 18px 44px -22px rgba(0, 0, 0, .7);--prog: #67c189}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;min-height:100dvh;padding:var(--desk);color:var(--ink);font-family:"Noto Serif TC",Songti TC,"Source Han Serif TC",Georgia,serif;line-height:1.6;-webkit-font-smoothing:antialiased;background-color:#4f2817;background-image:repeating-linear-gradient(91deg,rgba(0,0,0,.14) 0 1px,transparent 1px 6px,rgba(0,0,0,.07) 6px 8px,transparent 8px 15px),repeating-linear-gradient(89deg,rgba(255,226,190,.05) 0 2px,transparent 2px 27px),radial-gradient(120% 80% at 50% 0%,rgba(255,225,190,.06),transparent 60%),linear-gradient(118deg,#6f3c25,#532a18 55%,#3c1d11);background-attachment:fixed}[data-theme=green] body{background-color:#3a4a2c;background-image:repeating-linear-gradient(91deg,rgba(0,0,0,.12) 0 1px,transparent 1px 6px,rgba(0,0,0,.06) 6px 8px,transparent 8px 15px),linear-gradient(118deg,#4d6238,#38492a 55%,#28341d);background-attachment:fixed}[data-theme=night] body{background-color:#0c0c0e;background-image:repeating-linear-gradient(91deg,rgba(0,0,0,.34) 0 1px,transparent 1px 6px,rgba(0,0,0,.18) 6px 8px,transparent 8px 15px),linear-gradient(118deg,#232327,#131316 60%,#0a0a0c);background-attachment:fixed}[data-theme=inkteal] body{background-color:#0f1f1c;background-image:repeating-linear-gradient(91deg,rgba(0,0,0,.3) 0 1px,transparent 1px 6px,rgba(0,0,0,.16) 6px 8px,transparent 8px 15px),repeating-linear-gradient(89deg,rgba(150,220,200,.035) 0 2px,transparent 2px 27px),radial-gradient(120% 80% at 50% 0%,rgba(120,200,180,.05),transparent 60%),linear-gradient(118deg,#1a3a32,#102521 55%,#081512);background-attachment:fixed}#app{position:relative;z-index:0;max-width:760px;margin:0 auto;padding:26px var(--app-px) 96px;min-height:calc(100dvh - 2 * var(--desk));background-color:var(--paper);background-image:radial-gradient(circle at 18% 10%,rgba(178,59,59,.04),transparent 55%),radial-gradient(circle at 88% 82%,rgba(120,95,60,.05),transparent 50%);border-radius:5px;box-shadow:0 0 0 1px #00000024,0 26px 60px -18px #0000008c}#app:before{content:"";position:fixed;top:var(--desk);bottom:var(--desk);left:var(--desk);right:var(--desk);max-width:760px;margin:0 auto;z-index:-1;pointer-events:none;border-radius:5px;background-image:url(/paper.webp);background-size:cover;background-position:center;mix-blend-mode:multiply;opacity:.55}[data-theme=night] #app:before,[data-theme=inkteal] #app:before{background-image:radial-gradient(130% 90% at 50% 0%,color-mix(in srgb,var(--paper) 86%,#fff) 0%,transparent 55%),radial-gradient(120% 80% at 50% 100%,color-mix(in srgb,var(--paper) 92%,#000) 0%,transparent 50%);mix-blend-mode:normal;opacity:1}h1{font-weight:900;font-size:clamp(28px,7vw,40px);letter-spacing:.04em;margin:8px 0 4px;position:relative;display:inline-block}h1:after{content:"";position:absolute;left:2px;right:2px;bottom:-6px;height:4px;background:var(--seal);border-radius:2px}h2{font-weight:700;font-size:clamp(20px,5vw,26px);margin:6px 0 14px}h3{font-weight:700;margin:0}h1,h2,h3,button,.tab,.meta,.pos{font-feature-settings:"palt"}.muted{color:var(--ink-faint)}.small{font-size:13.5px;margin-top:-6px}.tagline{color:var(--ink-soft);margin:14px 0 22px;font-size:16px}.auth .tagline{margin:12px 0 0}button{font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;font-size:16px;font-weight:700;letter-spacing:.02em;min-height:50px;padding:0 22px;border:0;border-radius:12px;background:var(--seal);color:var(--on-seal);cursor:pointer;box-shadow:0 2px 0 var(--seal-deep),0 8px 18px -8px color-mix(in srgb,var(--seal) 55%,transparent);transition:transform .08s ease,box-shadow .15s ease,background .15s ease;touch-action:manipulation}@media (hover: hover){button:hover{background:var(--seal-deep)}}button:active{transform:translateY(2px);box-shadow:0 0 0 var(--seal-deep)}button:focus-visible{outline:3px solid var(--seal);outline-offset:3px}button.secondary{background:var(--paper-2);color:var(--ink);border:1.5px solid var(--line);box-shadow:none;font-weight:600}button.secondary:hover{border-color:var(--seal);color:var(--seal);background:var(--paper-2)}button.secondary:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}input{font-family:"Noto Serif TC",Georgia,serif;font-size:17px;width:100%;min-height:52px;padding:12px 15px;background:var(--paper-2);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;transition:border-color .15s ease,box-shadow .15s ease}input[aria-invalid=true]{border-color:var(--danger)}input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 18%,transparent)}input::placeholder{color:var(--ink-faint)}input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--seal-tint)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}p{margin:0 0 14px}.row{display:flex;gap:10px;align-items:center}.row input{flex:1}hr{border:0;border-top:1px dashed var(--line);margin:26px 0 18px}.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.shelf-head h1{margin:8px 0 4px}.head-actions{display:flex;align-items:center;gap:4px}.head-actions [data-act=logout]{margin-left:8px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.find{margin-bottom:22px}.find[hidden]{display:none}.search-head{justify-content:flex-start}.search-head h1{flex:none;min-width:0}.search-head .head-actions{margin-left:auto}.search-head .textbtn{padding-left:0;text-decoration:none;flex:none}.shelf-head+.error:not(:empty){margin:0 0 14px}.search-row{margin-bottom:4px}.search-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.net-hint{margin:4px 2px 0;font-size:13.5px;color:var(--ink-faint)}.find .error:not(:empty){margin:8px 0 0}.find .section-head{margin-top:14px}.empty{padding:28px 0 8px}.empty h2{font-size:clamp(20px,5vw,24px);margin:0 0 8px}.empty p{margin:0 0 6px}.empty button{margin-top:12px}.invites.quiet{opacity:.8}.invites.quiet .section-head h2{font-size:14px;font-weight:500;color:var(--ink-faint)}.invites.quiet>.muted{font-size:12.5px;color:var(--ink-faint)}.invites.quiet .section-head button{min-height:44px;font-size:13px;background:transparent;box-shadow:none}.book .error.result-err{margin:8px 0 0}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0 6px}.state p{margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.section-head h2{margin:0;font-size:clamp(18px,4.6vw,22px)}.list-title{font-size:clamp(18px,4.6vw,22px);margin:26px 0 12px}button.textbtn{min-height:44px;padding:0 12px;background:transparent;color:var(--ink-soft);border:0;border-radius:10px;box-shadow:none;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:.25em;text-decoration-color:color-mix(in srgb,var(--ink-soft) 45%,transparent)}button.textbtn:hover{background:transparent;color:var(--seal);text-decoration-color:currentColor}button.textbtn:active{transform:none}button.reveal{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;margin:0;background:transparent;color:var(--ink-faint);border:0;border-radius:10px;box-shadow:none}button.reveal svg{width:20px;height:20px;display:block}button.reveal:hover{background:transparent;color:var(--ink-soft)}button.reveal:active{transform:none;box-shadow:none}button.reveal:focus-visible{outline:3px solid var(--seal);outline-offset:0}.error .textbtn{display:block;padding-left:0;margin-top:2px;color:inherit}.sent{color:var(--ink-soft);font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}.sent .textbtn{padding:0 6px}.book{position:relative;display:block;padding:14px 0 4px;border-bottom:1px solid var(--line);animation:rise .35s ease both}.book:last-child{border-bottom:0}.book-link{position:relative;display:block;padding:0 30px 10px 0;color:inherit;text-decoration:none;border-radius:8px}.book-link:focus-visible{outline:3px solid var(--seal);outline-offset:5px}.book-link:after{content:"›";content:"›" / "";position:absolute;right:4px;bottom:0;line-height:1;font-size:30px;font-weight:700;color:var(--seal);opacity:.6;transition:transform .15s ease,opacity .15s ease}@media (hover: hover){.book:not(.result) .book-link:hover h3{color:var(--seal-deep)}.book:not(.result) .book-link:hover:after{opacity:1;transform:translate(2px)}}.book h3{font-size:19px;letter-spacing:.02em;margin-bottom:6px;line-height:1.35;padding-right:52px}.book .meta{color:var(--ink-soft);font-size:14px;font-family:system-ui,sans-serif}.book .pos{color:var(--ink);font-size:14px;font-family:system-ui,sans-serif;margin-top:2px}.book-actions{display:flex;justify-content:flex-end;margin:4px 0 0}button.textbtn.book-remove{position:absolute;top:6px;right:-8px;z-index:1;font-weight:400;font-size:13px;color:var(--ink-faint);text-decoration:none}button.textbtn.book-remove:hover,button.textbtn.book-remove:focus-visible{text-decoration:underline;text-underline-offset:.25em;color:var(--seal-deep)}.book button:not(.textbtn){min-height:44px;font-size:14px;padding:0 16px}.book .book-bar{margin-top:10px}.book-bar{height:4px;border-radius:2px;overflow:hidden;background:color-mix(in srgb,var(--paper) 75%,var(--ink))}.book-bar i{display:block;height:100%;background:var(--prog);border-radius:2px;min-width:2px}.book:nth-of-type(2){animation-delay:.04s}.book:nth-of-type(3){animation-delay:.08s}.book:nth-of-type(4){animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[data-region=results] .book{padding-bottom:14px}[data-region=results] .book-actions{justify-content:flex-start;margin:8px 0 0;min-height:0}.resume{position:relative;margin:0 0 20px;padding:20px 20px 14px;background:var(--paper-2);border:1px solid var(--line);border-left:5px solid var(--seal);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .35s ease both}.resume h2{font-size:clamp(22px,6vw,28px);line-height:1.3;margin:0 0 6px;padding-right:48px;letter-spacing:.02em}.resume button.book-remove{top:8px;right:8px}.resume .meta{color:var(--ink-soft);font-size:14px;font-family:system-ui,sans-serif}.resume .pos{margin-top:4px;font-size:15px;font-family:system-ui,sans-serif;color:var(--ink)}.resume .book-bar{margin-top:12px;height:5px}.resume-actions{display:flex;align-items:center;gap:10px;margin:14px 0 0}a.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;background:var(--seal);color:var(--on-seal);border-radius:12px;text-decoration:none;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;box-shadow:0 2px 0 var(--seal-deep),0 8px 18px -8px color-mix(in srgb,var(--seal) 55%,transparent);transition:transform .08s ease,background .15s ease}@media (hover: hover){a.btn:hover{background:var(--seal-deep)}}a.btn.secondary{background:var(--paper-2);color:var(--ink);border:1.5px solid var(--line);box-shadow:none;font-weight:600;min-height:44px;font-size:14px;padding:0 16px}@media (hover: hover){a.btn.secondary:hover{background:var(--paper-2);border-color:var(--seal);color:var(--seal-deep)}}a.btn:active{transform:translateY(2px);box-shadow:none}a.btn:focus-visible{outline:3px solid var(--seal);outline-offset:3px}.skeleton{display:grid;gap:14px}.skeleton i{display:block;height:96px;border-radius:var(--radius);background:color-mix(in srgb,var(--paper-2) 80%,var(--line));animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.toast-region{position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom) + var(--sheet-h, 0px));z-index:60;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:6px;max-width:520px;padding:4px 6px 4px 18px;border-radius:12px;background:var(--ink);color:var(--paper);font-family:system-ui,sans-serif;font-size:15px;box-shadow:0 14px 34px -12px #0009;animation:rise .25s cubic-bezier(.16,1,.3,1) both}.toast span{min-width:0;overflow-wrap:anywhere}.toast:not(:has(button)){padding-right:18px}.toast-error{padding-left:14px}.toast-error:before{content:"";flex:0 0 auto;width:1.1em;height:1.1em;margin-right:6px;background:currentColor;-webkit-mask:var(--icon-alert) center / contain no-repeat;mask:var(--icon-alert) center / contain no-repeat}button.toast-act{flex:0 0 auto;min-height:44px;padding:0 16px;background:transparent;color:inherit;box-shadow:none;border-radius:8px;text-decoration:underline;text-underline-offset:.25em}button.toast-act:hover{background:color-mix(in srgb,var(--paper) 16%,transparent)}button.toast-act:focus-visible{outline:3px solid var(--paper);outline-offset:-3px}.reader-head{position:sticky;top:0;z-index:6;margin:-26px calc(-1 * var(--app-px)) 16px;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.reader-topbar{position:fixed;left:0;right:0;top:0;height:3px;z-index:7;background:color-mix(in srgb,var(--paper) 84%,var(--ink))}.reader-topbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--prog);transition:width .3s ease}.reader-headrow{display:flex;align-items:center}.reader-back{flex:0 0 auto;margin:0;padding:0 6px 0 14px;min-height:50px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink-soft);font-size:15px;font-weight:600;white-space:nowrap;-webkit-tap-highlight-color:transparent}.reader-back span{font-size:22px;line-height:1;margin-right:2px;vertical-align:-1px}.reader-back:focus-visible{outline:3px solid var(--seal);outline-offset:-3px}.reader-back:active{background:color-mix(in srgb,var(--paper) 88%,var(--seal))}@media (hover: hover){.reader-back:hover{background:color-mix(in srgb,var(--paper) 93%,var(--seal));color:var(--seal-deep)}}.reader-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px 0 16px;background:var(--paper-2);color:var(--ink-soft);border-top:1px solid var(--line);font-family:system-ui,sans-serif;font-size:14px}.reader-auto{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px 0 8px;background:var(--paper-2);color:var(--ink-soft);border-top:1px solid var(--line);font-family:system-ui,sans-serif;font-size:14px}.reader-auto[hidden]{display:none}.reader-auto .textbtn{color:var(--ink);min-height:44px}.reader-auto .textbtn[data-act=autochip]{flex:1;min-width:0;text-align:left;padding-left:8px;font-weight:600}.reader-auto .textbtn:focus-visible{outline:3px solid var(--seal);outline-offset:-3px}.reader-head.head-hidden .reader-hint,.reader-hint[hidden]{display:none}.reader-hint .textbtn{color:var(--ink)}.reader-head [hidden]{display:none!important}.reader-dots{flex:0 0 auto;display:flex;gap:6px;padding:0 4px}.reader-dots i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--paper) 72%,var(--ink));transition:background-color .3s ease}.reader-dots i.on{background:var(--prog)}.reader-title{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;margin:0;padding:13px 8px;min-height:50px;background:transparent;border:0;border-radius:0;color:var(--ink);font-family:"Noto Serif TC",serif;font-weight:700;font-size:clamp(16px,4.2vw,20px);cursor:pointer;box-shadow:none;transition:background-color .22s ease;-webkit-tap-highlight-color:transparent}.reader-title-text{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-title-chev{flex:0 0 auto;width:7px;height:7px;margin-top:-3px;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(45deg)}.reader-menu{flex:0 0 auto;min-width:56px;align-self:stretch;padding:0 12px;border:0;border-radius:0;font-family:"Noto Serif TC",Georgia,serif;font-size:18px;font-weight:700;letter-spacing:0;color:var(--ink);background:transparent;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .22s ease,color .22s ease;-webkit-tap-highlight-color:transparent}.reader-title:focus-visible,.reader-menu:focus-visible{outline:3px solid var(--seal);outline-offset:-3px}.reader-title:active,.reader-menu:active{background:color-mix(in srgb,var(--paper) 88%,var(--seal))}@media (hover: hover){.reader-title:hover,.reader-menu:hover{background:color-mix(in srgb,var(--paper) 93%,var(--seal))}.reader-menu:hover{color:var(--seal)}}.reader-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000000f}.reader-scrim[hidden]{display:none}.reader-sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:760px;margin-inline:auto;max-height:max(55dvh,280px);display:flex;flex-direction:column;overflow:hidden;padding:8px 18px 0;background:var(--paper-2);color:var(--ink);border-top-left-radius:18px;border-top-right-radius:18px;border-top:1px solid var(--line);box-shadow:0 -16px 40px -16px #00000080;animation:sheet-up .2s ease both}.reader-sheet[hidden]{display:none}.sheet-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sheet-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper-2)}@keyframes sheet-up{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.sheet-grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:2px auto 6px}.sheet-row{display:flex;gap:8px;align-items:center;padding:3px 0;border-bottom:1px solid var(--line)}.sheet-chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.sheet-row:last-child{border-bottom:0}.reader-sheet:focus{outline:none}.reader-sheet button:focus-visible,.reader-sheet input:focus-visible{outline:3px solid var(--seal);outline-offset:2px}.sheet-label{flex:0 0 64px;color:var(--ink-soft);font-family:system-ui,sans-serif;font-size:13px}.reader-sheet button{min-height:44px;min-width:44px;padding:0 12px;font-size:15px}.reader-sheet button.textbtn{min-width:0;padding:0 8px;font-size:14px}.swatch-item{display:flex;flex-direction:column;align-items:center;gap:4px}.swatch-item span{font-family:system-ui,sans-serif;font-size:11.5px;line-height:1.3;color:var(--ink-soft)}.size-readout{min-width:2.5em;text-align:center;font-family:system-ui,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.swatch{width:44px;min-height:44px;padding:0;border-radius:50%;border:2px solid var(--line);box-shadow:none;cursor:pointer}.swatch[data-theme-pick=paper]{background:linear-gradient(135deg,#f3ebd9 62%,#ab382c 62%)}.swatch[data-theme-pick=green]{background:linear-gradient(135deg,#d6e7df 62%,#b23b3b 62%)}.swatch[data-theme-pick=night]{background:linear-gradient(135deg,#1b1b20 62%,#d8a657 62%)}.swatch[data-theme-pick=inkteal]{background:linear-gradient(135deg,#17312b 62%,#67c189 62%)}.swatch.active{border-color:var(--paper-2);box-shadow:0 0 0 3px var(--seal)}.reader-sheet button.active:not(.swatch){border-color:var(--seal);color:var(--seal);font-weight:700;background:var(--seal-tint)}[data-theme=green] .reader-sheet button.active:not(.swatch){color:var(--seal-deep)}.reader-sheet .sheet-chips button.active:not(.swatch):before{content:"✓";margin-right:.3em;font-weight:700}.reader-body{font-size:var(--reader-font, 19px);font-family:var(--reader-family, inherit);font-weight:var(--reader-weight, 400);line-height:var(--reader-line, 2);letter-spacing:.02em;color:var(--ink);text-align:justify;max-width:34em;margin-inline:auto}.reader-para{margin:0 0 var(--reader-pad, 14px);white-space:pre-wrap}.reader-para:last-child{margin-bottom:40px}[data-indent=on] .reader-para{text-indent:2em}.error:not(:empty){background:color-mix(in srgb,var(--danger) 9%,var(--paper-2));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:10px;padding:10px 14px;margin:12px 0;font-family:system-ui,sans-serif;font-size:14px}.error:not(:empty):before{content:"";display:inline-block;width:1.1em;height:1.1em;margin-right:.5em;vertical-align:-.2em;background:currentColor;-webkit-mask:var(--icon-alert) center / contain no-repeat;mask:var(--icon-alert) center / contain no-repeat}.error[data-tone=neutral]:not(:empty){background:transparent;color:var(--ink-soft);border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:18px 2px;margin:24px 0;font-size:15px}.error[data-tone=neutral]:not(:empty):before{content:none}.notice:not(:empty){color:var(--ink-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 2px;margin:12px 0;font-family:system-ui,sans-serif;font-size:14px}.auth .notice:not(:empty){margin:0 0 12px;text-align:center}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@keyframes dropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.reader-pct{flex:0 0 auto;padding:0 4px;font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}[data-pct=off] .reader-pct,[data-chapterdots=off] .reader-dots{display:none}[data-progresspos=bottom] .reader-topbar{top:auto;bottom:0}[data-progresspos=hidden] .reader-topbar,.reader-head.head-hidden .reader-headrow,.appearance-group[hidden]{display:none}.toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;max-width:760px;margin-inline:auto;z-index:30;display:flex;flex-direction:column;background:var(--paper);border-radius:5px}.toc-header{border-bottom:1px solid var(--line)}.toc-book{margin:0;padding:14px 16px 0;font-size:15px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}.toc-book[hidden]{display:none}.toc-tabs{display:flex;gap:8px;align-items:center;padding:12px 12px 0}.toc-overlay:focus{outline:none}.toc-tab{flex:0 0 auto;min-height:44px;padding:0 14px;font-size:14px;background:transparent;border:0;box-shadow:none;color:var(--ink);cursor:pointer}.toc-tab.active{color:var(--seal-deep);font-weight:700;box-shadow:inset 0 -3px 0 var(--seal);border-radius:0}[data-theme=night] .toc-tab.active,[data-theme=inkteal] .toc-tab.active{color:var(--seal)}@media (hover: hover){.toc-tab:hover,.toc-tab.active:hover{background:var(--paper-2);color:var(--ink)}}.toc-tabs .toc-close{margin-left:auto;flex:0 0 auto;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;border:0;border-radius:8px;color:var(--ink-soft);font-size:26px;font-weight:400;line-height:1}.toc-tabs .toc-close:active{transform:none;background:var(--paper-2)}@media (hover: hover){.toc-tabs .toc-close:hover{background:var(--paper-2);color:var(--ink)}}.toc-tabs .toc-close:focus-visible{outline:3px solid var(--seal);outline-offset:-3px}.toc-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px}.toc-tools[hidden]{display:none}.toc-tools input{min-height:44px;max-width:96px}.toc-tools input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.toc-tools input[type=number]::-webkit-outer-spin-button,.toc-tools input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toc-tools button{min-height:44px;padding:0 14px;font-size:14px}.toc-info{padding:8px 16px;overflow:auto;flex:1}.toc-inforow{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}.toc-infok{flex:0 0 76px;color:var(--ink-faint)}.toc-infov{flex:1;min-width:0;word-break:break-all}.toc-list{flex:1;overflow:auto;padding:4px 0}.toc-msg{flex:1 0 100%;margin:0;font-family:system-ui,sans-serif;font-size:13.5px;color:var(--danger)}.toc-msg:empty{display:none}.toc-tools input[aria-invalid=true]{border-color:var(--danger)}.toc-tab:focus-visible,.toc-row:focus-visible{outline:3px solid var(--seal);outline-offset:-3px}button.toc-row{display:block;width:100%;min-height:48px;text-align:left;padding:13px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);box-shadow:none;font-family:inherit;font-size:15px;font-weight:400;letter-spacing:0}button.toc-row:hover{background:var(--paper-2);color:var(--ink)}button.toc-row:active{transform:none}button.toc-current,button.toc-current:hover{color:var(--seal);font-weight:700;border-left:4px solid var(--seal);padding-left:12px}.reader-section{padding-bottom:8px}.reader-section+.reader-section{margin-top:14px}.reader-section-title{text-align:center;font-size:clamp(18px,4.8vw,23px);font-weight:700;letter-spacing:.08em;margin:12px 0 24px;padding-top:6px;color:var(--ink)}.reader-section-title:before{content:"";display:block;width:30px;height:3px;border-radius:2px;background:var(--prog);margin:0 auto 16px}.error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:10px}.error-actions button{min-height:44px}.error .error-actions .textbtn{display:inline-flex;align-items:center;margin-top:0;padding:0 8px}.reader-pending{text-align:center;padding:20px 0 128px;border-top:1px solid var(--line);margin-top:8px}.reader-pending p{margin:0 0 4px;color:var(--ink-soft);font-family:system-ui,sans-serif;font-size:15px}.reader-pending .textbtn{min-height:44px;color:var(--seal-deep)}[data-theme=night] .reader-pending .textbtn,[data-theme=inkteal] .reader-pending .textbtn{color:var(--seal)}.reader-end{text-align:center;padding:8px 0 56px}.reader-end-rule{display:block;width:30px;height:3px;border-radius:2px;background:var(--seal);margin:0 auto 14px}.reader-end-label{margin:0 0 4px;font-size:15px;letter-spacing:.5em;text-indent:.5em;color:var(--ink-soft)}.reader-end .textbtn{min-height:44px}.auth{max-width:420px;width:100%;margin:12px auto 0;text-align:center}.auth #auth-panel{text-align:left}.auth [data-region=hint]{text-align:center}.auth[data-view=code] .tagline{margin-bottom:30px}.auth .error:not(:empty){margin:0 0 12px;font-weight:700;font-size:15px}.tabs{display:flex;gap:4px;margin:20px 0 16px;padding:4px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px}.tabs .tab{flex:1;min-height:44px;padding:0;background:transparent;color:var(--ink-soft);border:0;border-radius:10px;box-shadow:none;font-weight:700}.tabs[hidden]{display:none}.tabs .tab:hover{background:transparent;color:var(--seal-deep)}.tabs .tab:active{transform:none}.tabs .tab.active{background:var(--seal);color:var(--on-seal);box-shadow:0 2px 0 var(--seal-deep)}.tabs .tab.active:hover,.tabs .tab.active{background:var(--seal);color:var(--on-seal)}button.block{width:100%}.invites .section-head{margin:6px 0 8px}.invites .section-head h2{font-size:16px;font-weight:600;color:var(--ink-soft)}.invites>.muted{font-size:13.5px;margin-bottom:8px}.invites .section-head button{min-height:44px;font-size:14px;padding:0 14px}.invite{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.invite:last-child{border-bottom:0}.invite-main{min-width:0;flex:1}.invite-code{display:block;max-width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:400;font-size:14px;letter-spacing:.02em;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-code strong{font-weight:700;color:var(--ink);font-size:16px;letter-spacing:.06em}.invite-exp{display:block;margin-top:2px;font-family:system-ui,sans-serif;font-size:12.5px;color:var(--ink-faint)}.invite button{flex:0 0 auto;min-height:44px;font-size:14px;padding:0 14px}@media (max-width: 480px){:root{--desk: 6px;--app-px: 14px}#app{padding-top:20px}#app:has(>.auth){display:flex;flex-direction:column;justify-content:center;padding-top:8px;padding-bottom:14vh}.reader-head{margin-top:-20px}}@media (min-width: 900px){body:has(#app>.auth){display:grid;place-items:center}#app:has(>.auth){width:100%;max-width:500px;min-height:0;padding:48px 56px 56px}#app:has(>.auth):before{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;margin:0}.auth{margin-top:0}.auth .tabs{margin-top:24px}}