@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2122}*{box-sizing:border-box}html{scrollbar-gutter:stable}html:has(.reader){scrollbar-gutter:auto}html[data-panel=covering]{overflow:hidden}:root{--paper-100:#fbf7ed;--paper-200:#f4eee2;--paper-300:#ede5d6;--paper-350:#e9e0d1;--paper-400:#e4ddce;--paper-500:#d9d1be;--paper-600:#c6c1b4;--ink-900:#14171c;--ink-800:#232833;--ink-600:#585d64;--ink-400:#9aa1ac;--blue-mark:#1b2e4d;--blue-tide:#2e4a75;--blue-tide-deep:#24395c;--blue-selected:#c7d3e0;--clay-600:#a8552f;--clay-400:#d08a62;--night-900:#101a24;--night-800:#16202b;--night-700:#1b2733;--night-650:#1f2c39;--night-600:#223040;--night-500:#27343f;--night-400:#35424e;--bone-100:#f2f1e9;--bone-200:#e4e9ec;--bone-300:#a3aeb6;--bone-400:#6e7c88;--surface-page:var(--paper-200);--surface-raised:var(--paper-100);--surface-sunken:var(--paper-300);--surface-cover:var(--paper-350);--line-hair:var(--paper-400);--line-firm:var(--paper-500);--line-actionable:var(--paper-600);--line-track:var(--paper-600);--fill-selected:var(--blue-selected);--selection-wash:#2e4a7529;--backdrop:#14171c8c;--text-primary:var(--ink-900);--text-body:var(--ink-800);--text-muted:var(--ink-600);--text-faint:var(--ink-400);--tide:var(--blue-tide);--tide-pressed:var(--blue-tide-deep);--text-on-tide:var(--paper-200);--danger:var(--clay-600);--surface-inverse:var(--ink-900);--text-on-inverse:var(--paper-200);--line-on-inverse:var(--ink-600);--mark-indigo:var(--blue-mark);--mark-ochre:#a4622f;--mark-moss:#5f7a4e;--mark-soot:#3d4348;--wave-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.333' height='4'%3E%3Cpath d='M0 2Q1.333 0.667 2.667 2T5.333 2' fill='none' stroke='%23000' stroke-width='1.333'/%3E%3C/svg%3E");--wave-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5.333'%3E%3Cpath d='M2 0Q0.667 1.333 2 2.667T2 5.333' fill='none' stroke='%23000' stroke-width='1.333'/%3E%3C/svg%3E");--wordmark-block:var(--surface-sunken);--font-ui:"Source Serif 4", "Noto Serif CJK TC", "Noto Serif TC", "Source Han Serif TC", "Songti TC", "PMingLiU", serif;--font-control:system-ui, "Noto Sans CJK TC", "Noto Sans TC", "Source Han Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--type-display:2rem;--type-title:1.375rem;--type-lede:1.125rem;--type-body:1rem;--type-ui:.9375rem;--type-note:.875rem;--type-eyebrow:.75rem;--type-eyebrow-tracking:.18em;--leading-text:1.8;--leading-title:1.4;--reading-measure:calc(40 * var(--type-body));--reading-column:calc(var(--reading-measure) + 96px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:30px;--space-7:44px;--radius-surface:6px;--radius-control:3px;--radius-track:999px;--radius-dot:50%;--chrome-bottom-safe:0px;--tap-min:32px;--tap-dense:28px;--chrome-slide:10rem;--chrome-motion:.18s;--panel-width:clamp(300px, 24vw, 420px)}@media (any-pointer:coarse){:root{--tap-min:44px;--tap-dense:44px;--chrome-bottom-safe:12px}}@media (pointer:coarse){:root{--type-lede:1.1875rem;--type-body:1.0625rem;--type-ui:1rem;--type-note:.9375rem;--type-eyebrow:.8125rem}}:root[data-theme=dark]{--surface-page:var(--night-800);--surface-raised:var(--night-700);--surface-sunken:var(--night-900);--surface-cover:var(--night-650);--line-hair:var(--night-600);--line-firm:var(--night-500);--line-actionable:var(--night-400);--line-track:var(--night-400);--fill-selected:#2c3f55;--selection-wash:#7ea6ce38;--text-primary:var(--bone-100);--text-body:var(--bone-200);--text-muted:var(--bone-300);--text-faint:var(--bone-400);--tide:#7ea6ce;--tide-pressed:#9fbfe0;--text-on-tide:var(--night-800);--surface-inverse:var(--bone-100);--text-on-inverse:var(--night-800);--line-on-inverse:var(--bone-300);--danger:var(--clay-400);--backdrop:#060a0ea6;--mark-indigo:#a9c4de;--wordmark-block:var(--fill-selected);--mark-ochre:#cf8b4e;--mark-moss:#8aab72;--mark-soot:#9aa4ab}body{font-family:var(--font-ui);font-size:var(--type-body);line-height:var(--leading-text);font-variant-numeric:tabular-nums;background:var(--surface-page);color:var(--text-body);margin:0;position:relative}#root{isolation:isolate;height:100dvh}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer;font-family:var(--font-control);border:1px solid var(--line-actionable);background:var(--surface-page);color:var(--text-primary);min-height:var(--tap-min);padding:var(--space-2) var(--space-4);white-space:nowrap;touch-action:manipulation;transition:background .15s,border-color .15s}button:hover{background:var(--fill-selected);border-color:var(--tide)}button:not(.ghost,.danger,.settings-tab):active:not(:disabled){background:var(--tide-pressed);border-color:var(--tide-pressed);color:var(--text-on-tide)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--tide);border-color:var(--tide);color:var(--text-on-tide)}button.primary:hover{background:var(--tide-pressed);border-color:var(--tide-pressed)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{background:var(--fill-selected)}button.ghost.active{color:var(--tide)}select,input:not([type=range]),textarea{border:1px solid var(--line-actionable);background:var(--surface-page);color:var(--text-primary);padding:10px var(--space-3)}button,select,input,textarea{border-radius:var(--radius-control)}select{appearance:none;padding-right:var(--space-6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23585d64' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:10px 7px}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a3aeb6' stroke-width='1.5'/%3E%3C/svg%3E")}::placeholder{color:var(--text-faint);opacity:1}select,input{min-height:var(--tap-min)}input[type=range]{accent-color:var(--tide)}:where(a,button,select,input,textarea,.toc-item):focus-visible{outline:2px solid var(--tide);outline-offset:1px;box-shadow:0 0 0 3px var(--halo,var(--surface-page))}.error{background:var(--surface-sunken);color:var(--text-body);border-left:3px solid var(--danger);border-radius:0 var(--radius-control) var(--radius-control) 0;margin:0 2rem;padding:.5rem 1rem}.empty{color:var(--text-muted);text-align:center;padding:3rem 1rem}a{color:var(--tide);text-underline-offset:.2em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library{flex-direction:column;width:100%;max-width:1440px;min-height:100dvh;margin-inline:auto;padding-bottom:2rem;display:flex}.library-header{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-hair);background:var(--surface-page);flex-wrap:wrap;display:flex}.library-header h1{margin:0;font-size:var(--type-display);margin-right:auto;line-height:1}.wordmark{width:auto;height:1.076em;display:block}.wordmark-block{fill:var(--wordmark-block)}.wordmark-tide{stroke:var(--mark-indigo)}.wordmark-letters{fill:var(--text-primary)}.library-actions{gap:.5rem;display:flex}.shelf-actions{padding:var(--space-4) var(--space-4) 0;flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.shelf-order{font-size:var(--type-note);color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4rem;display:flex}.mark-card{--mark-cover-width:64px;align-items:stretch;gap:var(--space-5);width:min(100%, calc(var(--mark-cover-width) + var(--space-5) + var(--reading-measure) + 2 * var(--space-4)));margin:var(--space-5) auto 0;padding:var(--space-4);border:1px solid var(--line-firm);border-radius:var(--radius-surface);background:var(--surface-raised);display:flex}.mark-cover{width:var(--mark-cover-width);flex:none;align-items:center;display:flex}.mark-cover img{aspect-ratio:1/1.42;object-fit:cover;width:100%;box-shadow:0 0 0 1px var(--line-firm);border-radius:3px}.mark-column{flex-direction:column;flex:1;min-width:0;display:flex}.mark-head{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-family:var(--font-control);font-size:var(--type-eyebrow);color:var(--text-muted);display:flex}.mark-book{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-body);flex:0 auto;font-weight:600;overflow:hidden}.mark-head>span:not(.mark-book){white-space:nowrap;flex:none}.mark-dot{color:var(--text-faint)}.mark-label{text-transform:uppercase;letter-spacing:var(--type-eyebrow-tracking);color:var(--text-faint)}.mark-label-rule{width:1px;margin-inline:var(--space-1);background:var(--line-hair);align-self:stretch}.mark-another{min-width:56px;min-height:30px;padding:0 var(--space-3);font-size:var(--type-ui);color:var(--text-faint);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;margin-inline-start:auto;line-height:1;display:grid}.mark-another:hover{color:var(--tide);background:var(--surface-page);border-color:var(--line-hair)}.mark-reading{text-align:start;white-space:normal;background:0 0;border:none;width:100%;padding:0;display:block}.mark-reading:hover{background:0 0}button.mark-reading:active:not(:disabled){color:inherit;background:0 0;border:none}.mark-reading:hover .mark-quote{text-decoration:underline;-webkit-text-decoration-color:var(--line-actionable);text-decoration-color:var(--line-actionable)}.mark-quote{-webkit-line-clamp:3;font-size:var(--type-lede);color:var(--text-primary);-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.mark-note{-webkit-line-clamp:1;border-inline-start:2px solid var(--line-firm);font-size:var(--type-note);line-height:var(--leading-text);color:var(--text-body);-webkit-box-orient:vertical;margin-block-start:var(--space-3);padding-inline-start:var(--space-3);display:-webkit-box;overflow:hidden}.reading-now{gap:var(--space-3);padding:var(--space-5) 0 var(--space-3);margin:0 var(--space-4);border-bottom:1px solid var(--line-firm);align-items:center;display:flex}.reading-now .book-cover{flex:none;width:1.625rem}.reading-now-info{align-items:baseline;gap:var(--space-3);flex:1;min-width:0;display:flex}.reading-now-info h2{font-size:var(--type-body);line-height:var(--leading-title);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.reading-now .book-status{flex-direction:row;flex:0 auto;gap:.5rem;min-width:0;display:none}.reading-now .book-status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reading-now .primary{min-height:var(--tap-min);flex:none}.cover-wall{justify-content:start;gap:var(--space-5) var(--space-3);padding:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(108px,1fr));display:grid}.book-card{flex-direction:column;gap:.6rem;max-width:132px;display:flex;position:relative}button.ghost.book-more{text-align:center;border-left:1px solid var(--line-firm);border-bottom:1px solid var(--line-firm);border-radius:0 var(--radius-surface) 0 0;background:var(--surface-page);width:26px;height:26px;min-height:0;padding:0;line-height:26px;position:absolute;top:0;right:0}button.ghost.book-more:after{content:"";width:var(--tap-min);height:var(--tap-min);position:absolute;top:0;right:0}.book-tide{background:var(--line-firm);height:2px;margin-top:-.4rem}.book-tide span{background:var(--tide);height:100%;display:block}.book-status{font-family:var(--font-control);font-size:var(--type-note);color:var(--text-muted);line-height:var(--leading-text);flex-direction:column;margin:0;display:flex}.book-status span+span{font-family:var(--font-mono);font-size:var(--type-eyebrow);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--text-faint)}.book-cover{aspect-ratio:1/1.42;border:1px solid var(--line-firm);background:var(--surface-cover);border-radius:var(--radius-surface);justify-content:center;align-items:center;width:100%;padding:0;transition:border-color .15s;display:flex;position:relative}.book-cover:hover{border-color:var(--tide)}.book-cover:focus-visible{outline:none}.book-cover:focus-visible:before{content:"";pointer-events:none;background:linear-gradient(var(--tide), var(--tide)) left top / 16px 2px no-repeat, linear-gradient(var(--tide), var(--tide)) left top / 2px 16px no-repeat, linear-gradient(var(--tide), var(--tide)) right top / 16px 2px no-repeat, linear-gradient(var(--tide), var(--tide)) right top / 2px 16px no-repeat, linear-gradient(var(--tide), var(--tide)) left bottom / 16px 2px no-repeat, linear-gradient(var(--tide), var(--tide)) left bottom / 2px 16px no-repeat, linear-gradient(var(--tide), var(--tide)) right bottom / 16px 2px no-repeat, linear-gradient(var(--tide), var(--tide)) right bottom / 2px 16px no-repeat;position:absolute;inset:-7px}.book-cover img{object-fit:cover;width:100%;height:100%}.book-cover span{padding:.5rem;max-height:100%;padding-top:26px;font-weight:600;overflow:hidden}.book-info{flex-direction:column;gap:.15rem;display:flex}.book-info strong{-webkit-line-clamp:2;font-size:var(--type-ui);line-height:var(--leading-title);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-info .book-status span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-info small{color:var(--text-muted)}.alert-popup{z-index:30;border:1px solid var(--line-firm);border-radius:var(--radius-surface);background:var(--surface-raised);flex-direction:column;gap:.75rem;max-width:min(24rem,100vw - 2rem);padding:1.25rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.alert-title{font-size:var(--type-lede);margin:0}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:var(--surface-page)}.reader{overscroll-behavior:none;height:100dvh;position:relative;overflow:hidden}.chrome{z-index:30;pointer-events:none;transition:right var(--chrome-motion) ease-out;grid-template:"top nav""elsewhere elsewhere""gap gap"1fr"bottom bottom"/minmax(0,1fr) auto;display:grid;position:absolute;inset:0;overflow:clip}.chrome-top{grid-area:top}.chrome-nav{grid-area:nav}.chrome-gap{grid-area:gap}.elsewhere{pointer-events:auto;max-width:min(44rem, calc(100% - 2 * var(--space-2)));margin:var(--space-2) auto;padding:var(--space-3);line-height:var(--leading-title);background:var(--surface-raised);--halo:var(--surface-raised);border:1px solid var(--line-hair);border-radius:var(--radius-surface);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;grid-area:elsewhere;display:flex}.elsewhere-line{min-width:14rem;color:var(--text-primary);flex:1 1 0;margin:0}.elsewhere-actions{gap:var(--space-2);display:flex}.elsewhere-when{white-space:nowrap;font-size:var(--type-note);color:var(--text-muted);margin:0}.elsewhere-elapsed{display:none}.chrome-bottom{grid-area:bottom}.chrome-top,.chrome-nav,.chrome-bottom{background:var(--surface-raised);--halo:var(--surface-raised);visibility:hidden;transition:transform var(--chrome-motion) ease-in, visibility var(--chrome-motion)}.chrome-top,.chrome-nav{transform:translateY(calc(-1 * var(--chrome-slide)))}.chrome-bottom{transform:translateY(var(--chrome-slide))}.chrome[data-up] .chrome-top,.chrome[data-up] .chrome-nav,.chrome[data-up] .chrome-bottom{pointer-events:auto;visibility:visible;transition-timing-function:ease-out;transform:none}@media (prefers-reduced-motion:reduce){.chrome .chrome-top,.chrome .chrome-nav,.chrome .chrome-bottom{transition:none;transform:none}}.chrome-top{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line-hair);align-self:stretch;display:flex}.chrome-nav{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) 0;border-bottom:1px solid var(--line-hair);display:flex}.reader-about{margin-left:var(--space-2)}.chrome-nav button{min-height:36px;padding:0 var(--space-3)}.chrome-nav button.active{border-color:var(--tide)}.chrome-gap{min-height:0;position:relative}.chrome-bottom{padding:.375rem 0 calc(.375rem + var(--chrome-bottom-safe));border-top:1px solid var(--line-hair);flex-direction:column;justify-content:center;gap:.125rem;display:flex}.reader-title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-ui);overflow:hidden}.reader-chapter{padding:0 var(--space-4);color:var(--text-muted);font-size:var(--type-note);text-align:center;min-height:calc(var(--type-note) * var(--leading-text));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.busy-underline{position:relative}.busy-underline:after{content:"";background:var(--text-muted);height:2px;animation:1.5s ease-in-out infinite busy-wipe;position:absolute;bottom:-4px}@keyframes busy-wipe{0%{left:0;right:100%}45%{left:0;right:0}55%{left:0;right:0}to{left:100%;right:0}}.busy-edge{position:relative;overflow:hidden}.busy-edge:after{content:"";background:var(--text-muted);width:40%;height:3px;animation:1.6s ease-in-out infinite busy-shuttle;position:absolute;bottom:0;left:0}@keyframes busy-shuttle{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.busy-underline:after{opacity:.6;animation:none;left:0;right:0}.busy-edge:after{opacity:.5;width:100%;animation:none}}.panel-host{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:clip}.reader[data-panel] .chrome{right:var(--panel-width)}@media (prefers-reduced-motion:reduce){.chrome{transition:none}}.form-rows{flex-direction:column;display:flex}.form-row{align-items:stretch;gap:var(--space-1);padding:var(--space-2) 0;font-size:var(--type-ui);color:var(--text-muted);border-bottom:1px solid var(--line-hair);flex-direction:column;display:flex}.form-row:has(+.form-actions){border-bottom:none}.form-label{font-size:var(--type-note)}.form-row select,.form-row input{color:var(--text-primary)}.segmented{width:100%;display:flex}.segment{min-height:var(--tap-min);padding:0 var(--space-3);font-size:var(--type-ui);color:var(--text-body);white-space:nowrap;border:1px solid var(--line-actionable);border-radius:0;flex:auto;margin-left:-1px}.segment:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control);margin-left:0}.segment:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}.segment:hover:not(:disabled){background:var(--fill-selected);border-color:var(--text-muted);z-index:1;position:relative}.segment[aria-checked=true],.segment[aria-checked=true]:hover{background:var(--tide);border-color:var(--tide);color:var(--text-on-tide);z-index:2;position:relative}.segment:disabled[aria-checked=true]{background:var(--surface-sunken);border-color:var(--line-firm);color:var(--text-muted)}.form-row input[type=range]{width:100%}.tiles{gap:var(--space-2);width:100%;display:flex}.tile{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2) var(--space-1);border:1px solid var(--line-actionable);border-radius:var(--radius-control);font-size:var(--type-note);color:var(--text-muted);background:0 0;flex-direction:column;flex:1 1 0;display:flex}.tile:hover:not(:disabled){border-color:var(--text-muted)}.tile[aria-checked=true],.tile[aria-checked=true]:hover{background:var(--fill-selected);border-color:var(--tide);color:var(--tide)}.tile:disabled[aria-checked=true]{background:var(--surface-sunken);border-color:var(--line-firm);color:var(--text-muted)}.tile-art{color:var(--text-primary);display:flex}.tile[aria-checked=true] .tile-art{color:var(--tide)}.tile-face{font-size:var(--type-lede);line-height:1}.stepper{align-items:stretch;width:100%;display:flex}.step{width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--line-actionable);font-size:var(--type-ui);background:0 0;border-radius:0;flex:none;padding:0}.step:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.step:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0;margin-left:-1px}.step-value:focus-visible{outline:2px solid var(--tide);outline-offset:1px;box-shadow:0 0 0 3px var(--halo,var(--surface-page))}.step-value{min-width:0;padding:0 var(--space-2);border:1px solid var(--line-actionable);color:var(--text-primary);font-size:var(--type-ui);flex:auto;justify-content:center;align-items:center;margin-left:-1px;display:flex}.form-row:has(+.form-note){border-bottom:none;padding-bottom:0}.form-note{padding-bottom:var(--space-2);font-size:var(--type-note);color:var(--text-muted);line-height:var(--leading-text);border-bottom:1px solid var(--line-hair);margin:0}.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.form-actions button{font-size:var(--type-note);min-height:var(--tap-dense);padding:.3rem .6rem}.font-progress{height:3px;margin:var(--space-1) 0 .15rem;border-radius:var(--radius-track);background:var(--surface-sunken);pointer-events:none;flex:none;overflow:hidden}.font-progress-fill{background:var(--text-muted);height:100%;transition:width .25s ease-out;position:relative}.font-progress-fill:after{content:"";background:linear-gradient(90deg, transparent, var(--surface-page), transparent);opacity:.55;animation:1.4s ease-in-out infinite font-progress-sheen;position:absolute;inset:0}@keyframes font-progress-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.font-progress.indeterminate .font-progress-fill{width:40%;transition:none;animation:1.6s ease-in-out infinite busy-shuttle}.font-progress.indeterminate .font-progress-fill:after{animation:none}@media (prefers-reduced-motion:reduce){.font-progress-fill:after,.font-progress.indeterminate .font-progress-fill{animation:none}.font-progress.indeterminate .font-progress-fill{opacity:.5;width:100%}}.font-toast{z-index:12;background:var(--surface-inverse);max-width:min(20rem,100% - 2rem);color:var(--text-on-inverse);font-size:var(--type-note);line-height:var(--leading-text);text-align:center;border-radius:var(--radius-surface);padding:.5rem .9rem;animation:.18s ease-out font-toast-in;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes font-toast-in{0%{opacity:0;transform:translate(-50%,.4rem)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.font-toast{animation:none}}.reader-body{height:100%;display:flex;position:relative}.toc-item{text-align:left;font-size:var(--type-body);line-height:var(--leading-text);background:0 0;border:none;padding:.35rem .5rem}.toc-item:hover{background:var(--fill-selected);border:none}.toc-item.current{color:var(--tide);box-shadow:inset 3px 0 0 var(--tide);font-weight:600}.viewer-wrap{background:var(--surface-page);flex:1;align-items:stretch;min-width:0;display:flex}.viewer{flex:1;min-width:0;position:relative}.viewer-mount{touch-action:none;width:100%;height:100%}.highlight-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.selection-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:visible}.selection-wash{background:var(--selection-wash);position:absolute}button.selection-handle,button.selection-handle:hover,button.selection-handle:active:not(:disabled){--handle-bead:11px;width:var(--tap-min);height:var(--tap-min);margin:calc(var(--tap-min) / -2) 0 0 calc(var(--tap-min) / -2);pointer-events:auto;touch-action:none;background:0 0;border:none;padding:0;position:absolute}.selection-handle:before,.selection-handle:after{content:"";background:var(--tide);position:absolute}.selection-handle:before{width:var(--handle-bead);height:var(--handle-bead);border-radius:50%}.selection-handle:after{width:2px;height:calc(var(--handle-span) + var(--handle-reach))}.selection-handle[data-axis=h]:before{left:calc(50% - var(--handle-bead) / 2)}.selection-handle[data-axis=h]:after{left:calc(50% - 1px)}.selection-handle[data-axis=h][data-end=start]:before{top:calc(50% - var(--handle-reach) - var(--handle-bead))}.selection-handle[data-axis=h][data-end=start]:after{top:calc(50% - var(--handle-reach))}.selection-handle[data-axis=h][data-end=end]:before{top:calc(50% + var(--handle-reach))}.selection-handle[data-axis=h][data-end=end]:after{top:calc(50% - var(--handle-span))}.selection-handle[data-axis=v]:before{top:calc(50% - var(--handle-bead) / 2)}.selection-handle[data-axis=v]:after{width:calc(var(--handle-span) + var(--handle-reach));height:2px;top:calc(50% - 1px)}.selection-handle[data-axis=v][data-end=start]:before{left:calc(50% + var(--handle-reach))}.selection-handle[data-axis=v][data-end=start]:after{left:calc(50% - var(--handle-span))}.selection-handle[data-axis=v][data-end=end]:before{left:calc(50% - var(--handle-reach) - var(--handle-bead))}.selection-handle[data-axis=v][data-end=end]:after{left:calc(50% - var(--handle-reach))}.highlight-box{background:var(--mark);position:absolute}.highlight-wash{background:color-mix(in srgb, var(--mark) 22%, transparent);position:absolute}.note-dot{pointer-events:none;background:0 0;border:0;border-radius:50%;min-width:0;min-height:0;padding:0;position:absolute}.note-dot:focus-visible{outline-offset:-2px}.note-dot-ink{background:var(--mark);border-radius:50%;width:6px;height:6px;position:absolute}.highlight-box[data-axis=h]{-webkit-mask-image:var(--wave-h);mask-image:var(--wave-h);-webkit-mask-size:5.333px 4px;mask-size:5.333px 4px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.highlight-box[data-axis=v]{-webkit-mask-image:var(--wave-v);mask-image:var(--wave-v);-webkit-mask-size:4px 5.333px;mask-size:4px 5.333px;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.page-btn{color:var(--text-muted);background:0 0;border:none;width:3rem;font-size:2rem}.page-btn:hover{color:var(--tide);background:color-mix(in srgb, var(--tide) 8%, transparent);border:none}.scrubber{--scrubber-inset:10px;flex:none;position:relative;overflow-x:clip}.scrubber-track{cursor:pointer;touch-action:none;height:22px;position:relative;overflow:hidden}.scrubber-track:focus-visible{outline:2px solid var(--tide);outline-offset:-2px}.scrubber-track:before{content:"";left:var(--scrubber-inset);right:var(--scrubber-inset);border-radius:var(--radius-track);background:var(--line-track);height:3px;transition:height .12s;position:absolute;top:50%;transform:translateY(-50%)}.scrubber:hover .scrubber-track:before,.scrubber.dragging .scrubber-track:before{height:6px}.scrubber-fill{border-radius:var(--radius-track);background:var(--tide);height:3px;transition:height .12s;position:absolute;top:50%;transform:translateY(-50%)}.scrubber:hover .scrubber-fill,.scrubber.dragging .scrubber-fill{height:6px}.scrubber-thumb{border-radius:var(--radius-dot);background:var(--tide);width:14px;height:14px;box-shadow:0 0 0 2px var(--surface-raised);opacity:0;transition:opacity .12s;position:absolute;top:50%;transform:translate(-50%,-50%)}.scrubber:hover .scrubber-thumb,.scrubber.dragging .scrubber-thumb{opacity:1}.scrubber-cap{border-radius:var(--radius-dot);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.scrubber-cap-head{left:var(--scrubber-inset);background:var(--text-muted)}.scrubber-cap-tail{left:calc(100% - var(--scrubber-inset));border:1px solid var(--text-muted)}.scrubber-rtl .scrubber-cap-head{left:calc(100% - var(--scrubber-inset))}.scrubber-rtl .scrubber-cap-tail{left:var(--scrubber-inset)}.scrubber-mark{--visit-mark-half:32px;top:-10px;left:clamp(var(--visit-mark-half), var(--visit-mark-left,50%), calc(100% - var(--visit-mark-half)));min-height:0;padding:2px var(--space-2);border:1px solid var(--line-hair);background:var(--surface-raised);color:var(--text-muted);font-size:var(--type-eyebrow);white-space:nowrap;border-radius:999px;line-height:1.6;position:absolute;transform:translate(-50%,-50%)}.scrubber.disabled{opacity:.45}.scrubber.disabled .scrubber-track{cursor:default}.scrubber-preview{z-index:1;background:var(--surface-raised);border:1px solid var(--line-firm);border-radius:var(--radius-surface);pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:.15rem;max-width:70vw;margin-bottom:8px;padding:.35rem .6rem;display:flex;position:absolute;bottom:100%;transform:translate(-50%)}.scrubber-chapter{text-overflow:ellipsis;max-width:60vw;font-size:var(--type-ui);color:var(--text-primary);overflow:hidden}.scrubber-pct{font-family:var(--font-control);font-size:var(--type-note);color:var(--text-muted);font-variant-numeric:tabular-nums}.highlight-toolbar{z-index:2;gap:var(--space-2);background:var(--surface-inverse);color:var(--text-on-inverse);padding:9px var(--space-3);border-radius:var(--radius-surface);max-width:calc(100vw - var(--space-5));justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.mark-inks,.mark-actions{align-items:center;gap:var(--space-2);display:flex}.mark-actions{border-left:1px solid var(--line-on-inverse);padding-left:var(--space-3)}@media (width<=30rem){.highlight-toolbar{flex-direction:column;align-items:stretch}.mark-inks{justify-content:center}.mark-actions{border-left:none;border-top:1px solid var(--line-on-inverse);padding-left:0;padding-top:var(--space-2);justify-content:center}}.highlight-toolbar button:not(.swatch){color:inherit;min-height:var(--tap-dense);padding:0 var(--space-2);font-size:var(--type-body);background:0 0;border-color:#0000}.highlight-toolbar button:hover{background:color-mix(in srgb, var(--text-on-inverse) 16%, transparent);color:inherit}.highlight-toolbar .swatch:before{border-color:var(--text-on-inverse)}.swatch{width:var(--tap-min);height:var(--tap-min);background:0 0;border:none;place-items:center;padding:0;display:grid}.swatch:before{content:"";border-radius:var(--radius-dot);border:1px solid var(--line-firm);background:var(--mark);width:1.6rem;height:1.6rem;transition:transform .12s}.swatch:hover{background:0 0}.swatch:hover:before{transform:scale(1.1)}.annotation-chapter{gap:var(--space-3);flex-direction:column;display:flex}.annotation-chapter-name{align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--line-hair);font-family:var(--font-ui);font-size:var(--type-ui);color:var(--text-muted);margin:0;font-weight:600;display:flex}.annotation-chapter-name.here{color:var(--text-primary)}.annotation-chapter-here,.annotation-chapter-count{font-family:var(--font-control);font-size:var(--type-eyebrow);color:var(--text-muted);flex:none;font-weight:400}.annotation-chapter-count{font-variant-numeric:tabular-nums;margin-left:auto}.annotation-item{padding:var(--space-4);border:1px solid var(--line-firm);border-left:3px solid var(--mark,var(--mark-indigo));border-radius:var(--radius-surface);background:var(--surface-raised);transition:opacity .16s}.panel-list-notes:has(.annotation-item.selected) .annotation-item:not(.selected){opacity:.5}.annotation-head{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-family:var(--font-control);font-size:var(--type-eyebrow);color:var(--text-muted);display:flex}.annotation-when{flex:auto;min-width:0;margin:0}.annotation-date{margin-left:var(--space-2);color:var(--text-faint);font-variant-numeric:tabular-nums}.annotation-tools{gap:var(--space-1);flex:none;margin-left:auto;display:flex}.annotation-tools button{padding:var(--space-1) var(--space-2);min-height:var(--tap-dense);font-family:var(--font-control);font-size:var(--type-eyebrow);color:var(--text-muted);background:0 0;border:none}.annotation-tools button:hover{color:var(--text-primary);border-color:#0000}.annotation-item:not(.selected) .annotation-tools,.annotation-item:not(.selected) .annotation-write{display:none}.annotation-quote{text-align:left;white-space:normal;width:100%;font-family:var(--font-ui);font-size:var(--type-body);line-height:var(--leading-text);color:var(--text-muted);background:0 0;border:none;margin:0;padding:0;display:block}.annotation-quote:hover{color:var(--text-body);background:0 0;border:none;text-decoration:underline}button.annotation-quote:active:not(:disabled){color:inherit;background:0 0;border:none}.annotation-quote-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-body{margin-top:var(--space-3)}.note-text{white-space:pre-wrap;font-family:var(--font-control);font-size:var(--type-ui);line-height:var(--leading-text);color:var(--text-body);margin:0}.annotation-item:not(.selected) .note-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.annotation-item.selected .note-body{scrollbar-width:thin;scrollbar-color:var(--mark,var(--mark-indigo)) transparent;max-height:340px;overflow-y:auto}.annotation-item.selected .note-body.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 3rem),#0000);mask-image:linear-gradient(#000 calc(100% - 3rem),#0000)}.note-more{margin:var(--space-2) 0 0;font-family:var(--font-control);font-size:var(--type-eyebrow);color:var(--text-muted)}.annotation-write{width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);min-height:var(--tap-dense);border:1px dashed var(--line-actionable);border-radius:var(--radius-control);text-align:left;font-family:var(--font-control);font-size:var(--type-ui);color:var(--text-muted);background:0 0;display:block}.note-editor{margin-bottom:var(--space-3);flex-direction:column;gap:.3rem;display:flex}.annotation-item .note-editor{margin:var(--space-3) 0 0}.note-editor textarea{font-family:var(--font-control);font-size:var(--type-ui);resize:vertical;background:var(--surface-page);border:1px solid var(--line-actionable);min-height:4rem;padding:.4rem}.annotation-confirm{flex-wrap:wrap}.annotation-confirm-answers{gap:.4rem;margin-left:auto;display:flex}.annotation-confirm-answers button{font-size:var(--type-note);min-height:var(--tap-dense);padding:.15rem .45rem}.annotation-confirm-question{font-size:var(--type-note);color:var(--text-body);flex:10rem;margin:0}.notes-empty{flex-direction:column;align-items:center;padding-top:3rem;display:flex}.notes-empty .empty{padding-top:var(--space-4)}.notes-empty-wave{background:var(--text-faint);width:6rem;height:4px;-webkit-mask-image:var(--wave-h);mask-image:var(--wave-h);-webkit-mask-size:5.333px 4px;mask-size:5.333px 4px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.note-index-item{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--line-firm);border-left:3px solid var(--mark,var(--mark-indigo));border-radius:var(--radius-surface);background:var(--surface-raised);text-align:left;white-space:normal;display:block}button.note-index-item:hover,button.note-index-item:active:not(:disabled){border-color:var(--line-firm);border-left-color:var(--mark,var(--mark-indigo));background:var(--surface-raised);color:inherit}.note-index-item.recent,button.note-index-item.recent:hover,button.note-index-item.recent:active:not(:disabled){background:color-mix(in srgb, var(--mark,var(--mark-indigo)) 12%, var(--surface-raised));border-color:var(--mark,var(--mark-indigo))}.note-index-note{margin-top:var(--space-2);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-control);font-size:var(--type-ui);line-height:var(--leading-text);color:var(--text-body);display:block;overflow:hidden}.note-page{flex-direction:column;flex:1 0 auto;display:flex}.note-page-source{font-family:var(--font-ui);line-height:var(--leading-text);color:var(--text-muted);overflow:hidden}.note-page-source.sans{font-family:var(--font-control)}.note-page-source p{text-indent:1em;margin:0}.note-page-source mark{background:color-mix(in srgb, var(--mark) 22%, transparent);color:var(--text-body)}.note-page-source{--cut-fade:min(2lh, 25%)}.note-page-source.cut-below{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--cut-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--cut-fade)), transparent)}.note-page-source.cut-above{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--cut-fade));mask-image:linear-gradient(to bottom, transparent, #000 var(--cut-fade))}.note-page-source.cut-above.cut-below{-webkit-mask-image:linear-gradient(#0000,#000 2lh calc(100% - 2lh),#0000);mask-image:linear-gradient(#0000,#000 2lh calc(100% - 2lh),#0000)}.note-page-more{margin-top:var(--space-2);padding:var(--space-1) 0;min-height:var(--tap-dense);font-size:var(--type-note);color:var(--text-muted);background:0 0;border:none;align-self:flex-start}.note-page-more:hover{color:var(--text-primary);background:0 0}.note-page-rule{width:2.5rem;height:2px;margin:var(--space-5) auto;background:var(--mark);border:none;border-radius:1px}.note-page-head{margin-bottom:var(--space-3)}.note-page-note{margin-bottom:var(--space-5)}.note-page .annotation-write{margin:0 0 var(--space-5)}.note-page-quote{margin:0 0 var(--space-3);font-family:var(--font-ui);font-size:var(--type-body);line-height:var(--leading-text);color:var(--text-muted)}.note-page .note-editor textarea{min-height:8rem}.note-page .note-editor button{align-self:flex-end}.note-page-nav{padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--line-hair);background:var(--surface-raised);grid-template-columns:1fr auto 1fr;align-items:center;margin:auto -1rem -1rem;display:grid;position:sticky;bottom:-1rem}.note-page-nav button{font-size:var(--type-ui);color:var(--text-primary);background:0 0;border:none}.note-page-nav button:first-child{justify-self:start}.note-page-nav button:last-child{justify-self:end}.note-page-nav button:hover{background:var(--fill-selected)}.note-page-count{font-variant-numeric:tabular-nums;color:var(--text-muted)}.note-page-open{padding:var(--space-1) var(--space-2);font-size:var(--type-note);flex:none}.panel-backdrop{pointer-events:none;background:0 0;transition:opacity .25s;position:absolute;inset:0}.panel-backdrop[data-needs=nothing]{pointer-events:auto;background:var(--backdrop);position:fixed}.panel-backdrop[data-starting-style],.panel-backdrop[data-ending-style]{opacity:0}.panel-viewport{pointer-events:none;position:absolute;inset:0}.panel-viewport[data-needs=nothing]{position:fixed}.panel-popup{pointer-events:auto;width:var(--panel-width);background:var(--surface-sunken);border-left:1px solid var(--line-hair);transform:translateX(max(0px, var(--drawer-swipe-movement-x,0px)));transition:transform var(--chrome-motion) ease-out;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.panel-popup[data-needs=nothing]{background:var(--surface-raised)}.panel-popup[data-starting-style],.panel-popup[data-ending-style]{transform:translate(100%)}.panel-popup[data-swiping]{transition:none}@media (prefers-reduced-motion:reduce){.panel-popup,.panel-backdrop{transition:none}.panel-popup[data-starting-style],.panel-popup[data-ending-style]{transform:none}}.panel-header{border-bottom:1px solid var(--line-hair);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.panel-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--type-ui);margin:0 auto 0 0;overflow:hidden}.panel-close{font-size:var(--type-lede);line-height:1}.panel-body{flex-direction:column;flex:1;gap:1.75rem;padding:.75rem 1rem 1rem;display:flex;overflow-y:auto}.panel-list{flex-direction:column;gap:.5rem;display:flex}.panel-list-notes{gap:var(--space-5)}.panel-section,.settings-section{flex-direction:column;gap:.75rem;display:flex}.panel-section-title,.settings-section-title{font-family:var(--font-mono);font-size:var(--type-eyebrow);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-1);border-bottom:1px solid var(--line-hair);margin:0;font-weight:400}.panel-section label,.settings-section label{font-size:var(--type-ui);color:var(--text-muted);flex-direction:column;gap:.3rem;display:flex}.panel-section select,.panel-section input,.settings-section select,.settings-section input{color:var(--text-primary)}.panel-section input[type=email],.panel-section input[inputmode=numeric],.settings-section input[type=email],.settings-section input[inputmode=numeric]{background:var(--surface-page);border:1px solid var(--line-actionable);width:100%;padding:.4rem .6rem}.panel-section form,.settings-section form{flex-direction:column;gap:.6rem;display:flex}.panel-actions,.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.panel-lede,.settings-lede{font-size:var(--type-lede);line-height:var(--leading-text);margin:0}.panel-note,.settings-note{font-size:var(--type-note);color:var(--text-muted);line-height:var(--leading-text);margin:0}.panel-rows{font-size:var(--type-ui);flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.panel-rows li{justify-content:space-between;gap:1rem;display:flex}.settings-screen{background:var(--surface-page);flex-direction:column;min-height:100dvh;display:flex}.settings-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-hair);display:flex}.settings-title{font-size:var(--type-ui);font-weight:600}.settings-tabs{gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--line-hair);display:flex}.settings-tab{padding:var(--space-2) var(--space-3);min-height:var(--tap-min);font:inherit;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px}.settings-tab.active{color:var(--tide);border-bottom-color:var(--tide)}.settings-pane{gap:var(--space-4);padding:var(--space-4);flex-direction:column;flex:1;width:100%;max-width:34rem;display:flex}.settings-footer{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line-hair);font-size:var(--type-note);color:var(--text-muted);display:flex}.price-lines{font-size:var(--type-ui);gap:.35rem 0;margin:0;display:grid}.price-lines dt{font-weight:600}.price-lines dd{color:var(--text-muted);line-height:var(--leading-text);margin:0 0 .5rem}.auth-pending{color:var(--tide);font-size:var(--type-ui);line-height:var(--leading-text);margin:0}@media (any-pointer:coarse){.scrubber{--scrubber-inset:14px}.scrubber-track:before,.scrubber-fill{height:6px}.scrubber-thumb{opacity:1;width:22px;height:22px}.scrubber-mark:before{content:"";width:max(100%, var(--tap-min));height:var(--tap-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chrome-nav button{min-height:var(--tap-min);font-size:var(--type-ui)}.panel-section label,.panel-rows li{min-height:48px}}@media (width<=819px){.chrome{grid-template:"top""elsewhere""gap"1fr"nav""bottom"/minmax(0,1fr)}.chrome-nav{padding:var(--space-2) var(--space-4);border-bottom:none;border-top:1px solid var(--line-hair);transform:translateY(var(--chrome-slide));justify-content:flex-start}.chrome-bottom{border-top:none}.chrome-nav button.active{border-color:#0000}.reader[data-panel] .chrome{right:0}.reader[data-panel] .chrome-nav,.reader[data-panel] .chrome-bottom{transform:translateY(var(--chrome-slide));visibility:hidden;pointer-events:none}.panel-popup{background:var(--surface-raised);width:auto;height:auto;max-height:none;transform:translateY(max(0px, var(--drawer-swipe-movement-y,0px)));border:none;border-radius:0;inset:0}.panel-popup[data-needs=page]{background:var(--surface-raised);border-left:none;border-top:1px solid var(--line-hair);border-radius:var(--radius-surface) var(--radius-surface) 0 0;width:auto;height:auto;max-height:min(70vh,36rem);transform:translateY(max(0px, var(--drawer-swipe-movement-y,0px)));inset:auto 0 0}.panel-backdrop{pointer-events:auto}.panel-popup[data-needs][data-starting-style],.panel-popup[data-needs][data-ending-style]{transform:translateY(100%)}}@media (width>=600px){.cover-wall{gap:var(--space-5) var(--space-4);padding:var(--space-4)}.reading-now .book-status{display:flex}.error{margin:0 var(--space-5)}.elsewhere-elapsed{display:inline}}@media (width>=820px){.library-header{gap:var(--space-4);padding:var(--space-5) var(--space-6)}.shelf-actions{max-width:var(--reading-column);padding:var(--space-5) var(--space-6) 0}.reading-now{padding:var(--space-6) 0 var(--space-4);margin-inline:var(--space-6)}.cover-wall{gap:var(--space-6) var(--space-4);padding:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.book-card{max-width:200px}.reader[data-panel] .reader-body{padding-right:var(--panel-width)}}.page-btn{display:none}@media (width>=600px){.page-btn{display:block}}