:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-teal900:#212e2d;--color-teal800:#496e6c;--color-teal500:#79a6a3;--color-teal300:#bed9c8;--color-coral700:#d27e48;--color-coral500:#e7926c;--color-coral300:#eec1a4;--color-coral200:#f9e5d7;--color-ochre600:#c89a59;--color-ochre500:#e5b36a;--color-ochre200:#fff5e6;--color-dimgray800:#636b66;--color-navy800:#2e3a4a;--color-plum700:#4a3a4d;--color-neutral0:#fff;--color-account-band:#496e6c;--color-button-teal:#79a6a3;--color-coral100:#fff7f1;--color-dimgray200:#dae2dd;--color-dimgray300:#bec4c0;--color-dimgray700:#7f8481;--color-dimgray900:#49534c;--color-dnf-background:#212e2d;--color-dnf-card:#fff;--color-dnf-header:#192524;--color-guest-card-body:#fff5e6;--color-guest-card-button:#fff;--color-guest-email-border:#e8dccb;--color-header-band:#49534c;--color-header-band-deep:#212e2d;--color-header-ink:#fff;--color-header-ink-muted:#cce2d4;--color-ink-fixed:#212e2d;--color-neutral100:#f9f9f9;--color-neutral200:#efefef;--color-notes-ink:#212e2d;--color-notes-paper:#fffbcc;--color-on-button-teal:#fff;--color-sheet-background:#e6eee9;--color-tea700:#496e6c;--color-teal200:#e6eee9;--color-teal250:#cce2d4;--color-toggle-on:#212e2d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-teal900:#ece6da;--color-teal800:#8fbdb8;--color-teal500:#82b0ac;--color-teal300:#121a19;--color-coral700:#ec9e6c;--color-coral500:#eba383;--color-coral300:#8c5e44;--color-coral200:#2e3b38;--color-ochre600:#c4934f;--color-ochre500:#d3a15a;--color-ochre200:#283533;--color-dimgray800:#a2aca7;--color-navy800:#2e3a4a;--color-plum700:#4a3a4d;--color-neutral0:#1e2826;--color-account-band:#2f4644;--color-button-teal:#8fbdb8;--color-coral100:#283533;--color-dimgray200:#34413e;--color-dimgray300:#4e5a56;--color-dimgray700:#8e9893;--color-dimgray900:#c9d0cb;--color-dnf-background:#212e2d;--color-dnf-card:#2c3734;--color-dnf-header:#192524;--color-guest-card-body:#1e2826;--color-guest-card-button:#283533;--color-guest-email-border:#c99e5f;--color-header-band:#1f2a28;--color-header-band-deep:#18211f;--color-header-ink:#ece6da;--color-header-ink-muted:#cce2d4;--color-ink-fixed:#212e2d;--color-neutral100:#1b2422;--color-neutral200:#2a3532;--color-notes-ink:#ece6da;--color-notes-paper:#1e2826;--color-on-button-teal:#121a19;--color-sheet-background:#161f1d;--color-tea700:#8fbdb8;--color-teal200:#283533;--color-teal250:#2c3b38;--color-toggle-on:#5e9d97}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-teal900:#ece6da;--color-teal800:#8fbdb8;--color-teal500:#82b0ac;--color-teal300:#121a19;--color-coral700:#ec9e6c;--color-coral500:#eba383;--color-coral300:#8c5e44;--color-coral200:#2e3b38;--color-ochre600:#c4934f;--color-ochre500:#d3a15a;--color-ochre200:#283533;--color-dimgray800:#a2aca7;--color-navy800:#2e3a4a;--color-plum700:#4a3a4d;--color-neutral0:#1e2826;--color-account-band:#2f4644;--color-button-teal:#8fbdb8;--color-coral100:#283533;--color-dimgray200:#34413e;--color-dimgray300:#4e5a56;--color-dimgray700:#8e9893;--color-dimgray900:#c9d0cb;--color-dnf-background:#212e2d;--color-dnf-card:#2c3734;--color-dnf-header:#192524;--color-guest-card-body:#1e2826;--color-guest-card-button:#283533;--color-guest-email-border:#c99e5f;--color-header-band:#1f2a28;--color-header-band-deep:#18211f;--color-header-ink:#ece6da;--color-header-ink-muted:#cce2d4;--color-ink-fixed:#212e2d;--color-neutral100:#1b2422;--color-neutral200:#2a3532;--color-notes-ink:#ece6da;--color-notes-paper:#1e2826;--color-on-button-teal:#121a19;--color-sheet-background:#161f1d;--color-tea700:#8fbdb8;--color-teal200:#283533;--color-teal250:#2c3b38;--color-toggle-on:#5e9d97;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root,:root[data-theme=dark]{--reaction-color-0:#d8a6d1;--reaction-color-1:#a6c3d8;--reaction-color-2:#f7dd81;--reaction-color-3:#f7b481;--reaction-color-4:#a6a7d8;--reaction-color-5:#e68f74;--reaction-color-6:#91996c}:root{--brand-teal900:#212e2d;--brand-teal800:#496e6c;--brand-teal500:#79a6a3;--brand-teal300:#bed9c8;--brand-coral700:#d27e48;--brand-coral500:#e7926c;--brand-coral300:#eec1a4;--brand-coral200:#f9e5d7;--brand-ochre600:#c89a59;--brand-ochre500:#e5b36a;--brand-ochre200:#fff5e6;--brand-dimgray800:#636b66;--brand-navy800:#2e3a4a;--brand-plum700:#4a3a4d;--brand-neutral0:#fff;--shelf-wood-oak:#8c6238;--shelf-wood-walnut:#46291a;--shelf-wood-cherry:#7b3624;--shelf-wood-sage:#8fa88e;--member-card-plus-ink:#355553;--member-card-plus-rule:#ebd4b2;--member-card-plus-band-ink:#fff7f1;--member-card-plus-badge:#a97f42;--member-card-plus-band:linear-gradient(160.14deg, #c29658 4%, #d0aa75 21.6%, #d6b383 36.6%, #c89a59 100%);--font-h1-size:2.375rem;--font-h1-family:"Crimson Pro", serif;--font-h1-weight:400;--font-h2-size:2rem;--font-h2-family:"Crimson Pro", serif;--font-h2-weight:400;--font-h3-size:1.5rem;--font-h3-family:"Crimson Pro", serif;--font-h3-weight:400;--font-h4-size:1.25rem;--font-h4-family:"Crimson Pro", serif;--font-h4-weight:400}@font-face{font-family:Caveat;src:url(/generated/fonts/Caveat-cee7db984c7a.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Crimson Pro;src:url(/generated/fonts/CrimsonPro-9b67021bd871.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:CrimsonPro;src:url(/generated/fonts/CrimsonPro-9b67021bd871.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/generated/fonts/OpenSans-Italic-6670f1b0660c.woff2)format("woff2");font-weight:300 800;font-style:italic;font-display:swap;font-stretch:75% 100%}@font-face{font-family:OpenSans-Italic;src:url(/generated/fonts/OpenSans-Italic-6670f1b0660c.woff2)format("woff2");font-weight:300 800;font-style:italic;font-display:swap;font-stretch:75% 100%}@font-face{font-family:Open Sans;src:url(/generated/fonts/OpenSans-e547474460e3.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap;font-stretch:75% 100%}@font-face{font-family:OpenSans;src:url(/generated/fonts/OpenSans-e547474460e3.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap;font-stretch:75% 100%}.auth-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:var(--color-teal300);color:var(--color-teal900);box-sizing:border-box;place-items:center;font-family:Open Sans,sans-serif;display:grid}.auth-page *{box-sizing:border-box}.auth-panel{background:var(--color-sheet-background);border-radius:24px;width:min(100%,430px);padding:28px}.auth-brand{text-align:center}.auth-brand img{object-fit:contain;border-radius:18px}.auth-brand p{margin:6px 0 20px;font-family:Caveat,cursive;font-size:32px}.auth-panel h1{margin:0 0 8px;font-family:Crimson Pro,serif;font-size:36px;font-weight:500;line-height:1.1}.auth-panel h2{margin:0 0 12px;font-family:Crimson Pro,serif;font-size:24px}.auth-panel p{line-height:1.6}.auth-subtitle{margin-bottom:24px}.auth-panel form,.auth-providers,.auth-secondary{gap:14px;display:grid}.auth-panel label{gap:7px;font-size:14px;font-weight:600;display:grid}.auth-panel input{background:var(--color-neutral0);width:100%;min-height:50px;color:var(--color-teal900);font:inherit;border:1px solid;border-radius:12px;padding:12px;font-size:16px}.auth-panel button,.auth-app-links a{min-height:48px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid;border-radius:12px;padding:12px 16px;font-weight:600}.auth-panel .auth-primary{background:var(--color-teal900);color:var(--color-neutral0);border-color:var(--color-teal900)}.auth-panel button:disabled{opacity:.6;cursor:default}.auth-panel :focus-visible{outline:3px solid var(--color-teal800);outline-offset:4px}.auth-panel a{color:inherit;text-underline-offset:4px}.auth-panel [role=alert]{border-inline-start:3px solid;padding:12px}.auth-providers p{text-align:center;margin:0}.auth-secondary{margin-top:16px}.auth-secondary button,.auth-panel .auth-text-button{text-underline-offset:4px;border-color:#0000;text-decoration:underline}.auth-app-links{border-top:1px solid;margin-top:28px;padding-top:24px}.auth-app-links div{flex-wrap:wrap;gap:12px;display:flex}.auth-app-links a{flex:1;text-decoration:none}.auth-website{text-align:center;margin-top:20px;display:block}@media (width<=420px){.auth-page{padding-inline:12px}.auth-panel{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}}.auth-brand .auth-icon-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth-icon-light{display:none}:root:not([data-theme=light]) .auth-brand .auth-icon-dark{display:inline-block}}:root[data-theme=dark] .auth-icon-light{display:none}:root[data-theme=dark] .auth-brand .auth-icon-dark{display:inline-block}@layer reset{*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin:0}button:disabled{cursor:wait;opacity:.55}button{color:inherit}fieldset{border:0;margin:0;padding:0}dialog{color:inherit}input,select,textarea{min-width:0}}@layer base{body{color:var(--color-teal900);background:var(--color-sheet-background);font-family:Open Sans,sans-serif;font-size:14px;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;font-family:Crimson Pro,serif;font-weight:400;line-height:1.12}h1{font-size:var(--font-h1-size)}h2{font-size:var(--font-h3-size)}h3{font-size:var(--font-h4-size)}p{overflow-wrap:anywhere}button{background:0 0;border:0}button,input,select,textarea{touch-action:manipulation}input,select,textarea{border:1px solid var(--color-dimgray300);background:var(--color-neutral0);color:var(--color-teal900);border-radius:9px;width:100%;padding:11px 12px}input[type=checkbox],input[type=radio]{width:19px;height:19px;accent-color:var(--color-teal800);flex:none;margin:0}textarea{resize:vertical;line-height:1.6}label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}form{gap:18px;display:grid}input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-coral700);outline-offset:4px}progress{appearance:none;background:var(--color-teal250);width:100%;height:5px;accent-color:var(--color-teal800);border:0;border-radius:9px;overflow:hidden}progress::-webkit-progress-bar{background:var(--color-teal250)}progress::-webkit-progress-value{background:var(--color-teal800);border-radius:9px}progress::-moz-progress-bar{background:var(--color-teal800)}::selection{background:var(--color-teal300)}.native-icon{vertical-align:middle;background:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}svg{flex:none}.preserve-lines{white-space:pre-wrap}small{color:var(--color-dimgray800);font-size:11px}time{color:var(--color-dimgray800);font-size:12px;display:block}dl{grid-template-columns:1fr auto;gap:14px;font-size:13px;display:grid}dd{margin:0;font-weight:600}dt{color:var(--color-dimgray800)}.skip-link{z-index:100;background:var(--color-neutral0);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{background:var(--color-neutral0);min-height:42px;color:var(--color-teal800);border:1px solid var(--color-dimgray200);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.button.primary{background:var(--color-teal800);color:var(--color-neutral0);border-color:#0000}.button.quiet{background:0 0;border-color:#0000}.button.danger{background:var(--color-coral700);color:var(--color-neutral0);border-color:#0000}.danger-text{color:var(--color-coral700)}.icon-button{border-radius:50%;flex:none;justify-content:center;align-items:center;min-width:42px;min-height:42px;padding:9px;display:inline-flex}.icon-button:hover,.button.quiet:hover{background:var(--color-teal200)}.button:hover{filter:brightness(.97)}.page{max-width:1120px;min-height:100dvh;margin:0 auto;padding:122px 40px 70px}.page-heading{margin-bottom:28px}.page-heading>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.heading-actions{align-items:center;gap:9px;display:flex}.back-link{color:var(--color-tea700);align-items:center;gap:8px;margin-bottom:22px;font-size:12px;font-weight:600;display:inline-flex}.back-link>svg{width:15px;transform:rotate(180deg)}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.section-heading>a{color:var(--color-tea700);font-size:12px;font-weight:600}.panel{background:var(--color-neutral0);border-radius:14px;padding:24px}.state-card{text-align:center;justify-items:center;gap:20px;max-width:520px;margin:100px auto;padding:30px;display:grid}.state-logo{background:var(--color-header-band);width:240px;padding:20px}.empty-message{color:var(--color-dimgray800);padding:30px 0}.error-banner{z-index:12;border:1px solid var(--color-coral700);background:var(--color-coral100);border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;position:sticky;top:95px}.error-banner p{flex:1}.check-row{flex-direction:row;align-items:center}.inline-input{align-items:center;gap:5px;display:flex}.form-grid{grid-template-columns:1fr 1fr}.span-all,form footer{grid-column:1/-1}form footer,dialog footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.inline-confirm{background:var(--color-coral100);border-radius:10px;flex-wrap:wrap;gap:10px;padding:15px;display:flex}.inline-confirm p{flex-basis:100%}}@layer components{.back-link{justify-content:center;min-width:44px;min-height:44px}:root[dir=rtl] .back-link>svg{transform:none}.main-nav{z-index:30;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 32px);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.nav-capsule{background:color-mix(in srgb, var(--color-neutral0) 90%, transparent);box-shadow:0 4px 20px color-mix(in srgb, var(--brand-teal900) 9%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--color-neutral0) 65%, transparent);border-radius:40px;padding:6px;display:flex}.nav-item{color:var(--color-dimgray800);white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:12px;font-weight:600;display:flex}.nav-item.selected{background:var(--color-teal250);color:var(--color-teal900)}.nav-item:hover{color:var(--color-teal900)}.search-tab{background:color-mix(in srgb, var(--color-neutral0) 90%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:56px;box-shadow:0 4px 20px color-mix(in srgb, var(--brand-teal900) 9%, transparent)}.book-cover{aspect-ratio:2/3;background:var(--color-teal200);box-shadow:1px 3px 8px color-mix(in srgb, var(--brand-teal900) 20%, transparent);border-radius:2px 5px 5px 2px;flex:none;display:block;position:relative;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover:after{content:"";pointer-events:none;box-shadow:inset 2px 0 2px color-mix(in srgb, var(--brand-neutral0) 18%, transparent), inset 5px 0 4px color-mix(in srgb, var(--brand-teal900) 12%, transparent);position:absolute;inset:0}.cover-bookmark{top:0;pointer-events:none;z-index:2;width:28px;position:absolute;inset-inline-end:6px}.book-cover .cover-bookmark>img{object-fit:contain;width:28px;height:auto}.cover-bookmark>span{height:20.3px;color:var(--brand-teal900);justify-content:center;align-items:center;font:700 14px Caveat,cursive;display:flex;position:absolute;inset:0 0 auto}.book-grid{gap:24px;display:grid}.book-tile{flex-direction:column;gap:10px;min-width:0;height:276px;display:flex}.book-tile>.book-cover{aspect-ratio:auto;width:100%;height:190px;box-shadow:none;background:0 0;overflow:visible}.book-tile>.book-cover img{object-fit:contain;width:auto;max-width:100%;box-shadow:1px 3px 7px color-mix(in srgb, var(--brand-teal900) 15%, transparent);border-radius:3px;margin:auto}.book-tile>.book-cover:after{display:none}.book-tile-copy{min-width:0}.book-tile h3{-webkit-line-clamp:2;letter-spacing:0;-webkit-box-orient:vertical;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.book-tile p{color:var(--color-dimgray800);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.book-tile .book-progress{display:none}.book-grid.list{gap:12px}.list .book-tile{background:var(--color-neutral0);border-radius:12px;flex-direction:row;height:120px;padding:12px}.list .book-tile>.book-cover{width:68px;height:96px}.list .book-tile-copy{flex:1}.list .book-tile h3{font-size:14px}.list .book-tile .book-progress{max-width:300px;margin-top:8px;display:grid}.book-progress{color:var(--color-dimgray800);gap:5px;font-size:10px;display:grid}.library-toolbar{align-items:center;gap:12px;margin-bottom:28px;display:flex}.search-field{background:var(--color-neutral0);border:1px solid var(--color-dimgray200);border-radius:10px;flex-direction:row;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.search-field input{box-shadow:none;background:0 0;border:0;padding:12px 0}.library-toolbar>select{width:160px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin-top:18px;display:grid}.album{min-width:0}.album-covers{background:var(--color-teal250);border-radius:10px;justify-content:center;align-items:center;height:160px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.album-covers>.book-cover{width:82px;height:123px;margin:0 -14px}.album-covers>.book-cover:first-child{transform:rotate(-12deg)translateY(4px)}.album-covers>.book-cover:last-child{transform:rotate(12deg)translateY(4px)}.album-covers>.book-cover:only-child{transform:none}.album h3{margin-top:11px}.album p{color:var(--color-dimgray800);margin-top:3px;font-size:11px}.page-collections section+section{margin-top:36px}.top-four{background:var(--color-ochre200);border-radius:14px;padding:22px 25px}.top-four-books{justify-content:center;align-items:center;gap:22px;padding:8px 0;display:flex}.top-four-books>a{width:82px}.top-four-books .empty-slot{height:123px}.empty-slot{border:1px dashed var(--color-teal500);aspect-ratio:2/3;color:var(--color-teal800);background:color-mix(in srgb, var(--color-neutral0) 30%, transparent);border-radius:5px;justify-content:center;align-items:center;display:flex}.page-home{max-width:none;padding:0 0 70px}.home-header{background:var(--color-header-band);justify-content:center;align-items:flex-end;height:230px;padding:0 24px 25px;display:flex;position:relative;overflow:hidden}.seasonal-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.script-logo{object-fit:contain;width:230px;height:88px;position:relative}.plus-button{background:var(--color-neutral0);color:var(--color-teal900);border-radius:10px;align-items:center;gap:5px;padding:8px 11px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:35px;right:max(30px,50vw - 500px)}.home-content{max-width:1040px;margin:auto;padding:26px 40px}.home-content>section+section{margin-top:36px}.reading-shelf{justify-content:center;align-items:flex-end;height:192px;margin:0 -4px 12px;padding:0 70px 24px;display:flex;position:relative}.shelf-books{justify-content:center;align-items:flex-end;gap:24px;width:100%;height:100%;display:flex;overflow:hidden}.shelf-book{flex-shrink:0;width:90px;margin-bottom:13px;position:relative}.shelf-book .book-cover{aspect-ratio:auto;height:128px}.shelf-book .book-progress{text-align:center;font-size:9px;position:absolute;top:calc(100% + 13px);left:-5px;right:-5px}.shelf-book progress{display:none}.shelf-plant{object-fit:contain;z-index:1;width:75px;height:100px;position:absolute;bottom:27px}.shelf-plant.left{left:5px}.shelf-plant.right{right:5px}.shelf-plank{background:var(--shelf-wood-oak);border-radius:3px;height:14px;position:absolute;bottom:22px;left:0;right:0;overflow:hidden}.shelf-plank img{object-fit:fill;mix-blend-mode:overlay;width:100%;height:100%}.shelf-empty{text-align:center;max-width:300px;height:140px;color:var(--color-dimgray800);align-content:center;justify-items:center;gap:8px;font-size:12px;display:grid}.add-book,.add-goal{background:var(--color-teal250);width:100%;color:var(--color-teal900);border:0;min-height:40px}.goal-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.goal-card{text-align:start;background:var(--color-neutral0);border:1px solid var(--color-dimgray200);border-radius:12px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.goal-copy{gap:12px;padding:20px 20px 14px;display:grid}.goal-card h3{font-size:25px}.goal-card strong{font-size:25px;font-weight:600;line-height:1}.goal-card strong span{color:var(--color-dimgray800);font-size:13px;font-weight:400}.goal-card progress{height:4px}.goal-covers{background:var(--color-teal250);align-items:flex-end;gap:8px;height:85px;padding:12px 20px 0;display:flex;overflow:hidden}.goal-covers .book-cover{width:50px;transform:translateY(8px)}.add-goal{margin-top:12px}.next-up-books{grid-template-columns:repeat(5,1fr);gap:22px;max-width:720px;margin:auto;display:grid}.next-up-books>a{min-width:0}.next-up-books span:not(.book-cover){white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:11px;display:block;overflow:hidden}.recent-journal{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.journal-summary{background:var(--color-neutral0);border-radius:12px;align-items:flex-start;gap:12px;min-width:0;padding:15px;display:flex}.journal-summary>.book-cover{width:50px}.journal-summary>div{min-width:0}.journal-summary strong{font-size:11px}.journal-summary p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;display:-webkit-box;overflow:hidden}.book-detail{grid-template-columns:260px minmax(0,1fr);gap:35px;display:grid}.book-identity{align-self:start;position:relative}.book-identity>.book-cover{width:165px;margin:0 auto 20px}.book-identity>h1{text-align:center;font-size:30px}.book-authors{color:var(--color-dimgray800);text-align:center;margin-top:8px;font-size:12px}.book-identity>h2{text-align:center;margin:15px 0;font-size:18px}.status-pill{background:var(--color-teal250);border-radius:30px;justify-content:center;align-items:center;gap:8px;width:max-content;margin:16px auto;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.book-identity>.book-progress{margin:14px 10px}.book-actions{gap:8px;margin:20px 0 6px;display:grid}.book-identity>.button{width:100%}.segmented{background:var(--color-teal250);border-radius:12px;gap:3px;margin-bottom:20px;padding:4px;display:flex}.segmented>button{color:var(--color-tea700);border-radius:9px;flex:1;padding:9px 13px;font-size:12px;font-weight:600}.segmented>button[aria-selected=true]{background:var(--color-neutral0);color:var(--color-teal900);box-shadow:0 1px 3px color-mix(in srgb, var(--brand-teal900) 9%, transparent)}.book-content section{background:var(--color-neutral0);border-radius:12px;margin-bottom:18px;padding:22px}.about-book{gap:20px;line-height:1.8;display:grid}.book-note{background:var(--color-teal200);border-radius:9px;padding:15px}.book-note h3{text-transform:uppercase;margin-bottom:8px;font:600 11px Open Sans,sans-serif}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags>span{background:var(--color-teal200);border-radius:8px;padding:4px 9px;font-size:11px}.rating-display{align-items:center;gap:8px;font-size:24px;font-weight:600;display:flex}.rating-display>span{color:var(--color-ochre600)}.review-card>p{margin-top:12px}.empty-review{color:var(--color-dimgray800);white-space:pre-line;text-align:start;padding:10px 0;font:22px Crimson Pro,serif}.journal-entry{border-top:1px solid var(--color-dimgray200);padding:18px 0}.entry-heading{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.journal-entry p{font-size:13px;line-height:1.75}.entry-metadata{color:var(--color-tea700);flex-wrap:wrap;gap:10px;margin-top:12px;font-size:11px;display:flex}.entry-metadata>span{align-items:center;gap:5px;display:flex}.journal-photo{object-fit:cover;border-radius:8px;width:100%;max-height:400px;margin:5px 0 12px}.journal-entry p.reactions{letter-spacing:5px;font-size:24px}.action-menu{z-index:15;background:var(--color-neutral0);border:1px solid var(--color-dimgray200);box-shadow:0 8px 25px color-mix(in srgb, var(--brand-teal900) 15%, transparent);border-radius:10px;padding:6px;display:grid;position:absolute;top:100%;left:0;right:0}.action-menu>*{text-align:start;border-radius:6px;padding:11px 12px;font-size:12px}.action-menu>:hover{background:var(--color-teal200)}.past-read{border-bottom:1px solid var(--color-dimgray200);justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.past-read p,.past-read span{color:var(--color-dimgray800);font-size:11px}.past-read>span{align-items:center;gap:5px;display:flex}.past-read h3{font-size:21px}.rating-input{align-items:center;gap:10px;display:flex}.rating-input>span{color:var(--color-ochre600);font-size:35px}.rating-input>input{width:100px}.status-options{gap:8px;display:grid}.status-options>label{background:var(--color-teal200);border-radius:8px;flex-direction:row;align-items:center;gap:12px;padding:12px}.reaction-picker{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.reaction-picker button{border-radius:10px;width:44px;height:44px;font-size:25px}.reaction-picker button[aria-pressed=true]{background:var(--color-teal250);outline:1px solid var(--color-teal500)}dialog{border:1px solid var(--color-dimgray200);background:var(--color-neutral0);width:100%;max-width:min(520px,100vw - 32px);max-height:calc(100dvh - 50px);box-shadow:0 20px 80px color-mix(in srgb, var(--brand-teal900) 24%, transparent);overscroll-behavior:contain;border-radius:18px;padding:25px}dialog.wide{max-width:min(740px,100vw - 32px)}dialog::backdrop{background:color-mix(in srgb, var(--brand-teal900) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}dialog>header h2{font-size:28px}body:has(dialog[open]){overflow:hidden}.add-options{gap:16px;max-width:700px;margin:40px auto;display:grid}.option-card{background:var(--color-neutral0);border-radius:15px;align-items:center;gap:20px;padding:30px;display:flex}.option-card>h2{flex:1}.manual-book{max-width:740px;margin:auto}.search-book-form{gap:10px;margin-bottom:24px;display:flex}.catalog-results{gap:18px;display:grid}.catalog-work>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0;font-size:12px;display:-webkit-box;overflow:hidden}.edition{border-top:1px solid var(--color-dimgray200);align-items:center;gap:16px;padding:16px 0;display:flex}.edition>img{object-fit:contain;width:50px;height:75px}.edition>div{flex:1}.edition p{font-size:12px}.search-add-options{margin-top:20px}.search-add-options>summary{cursor:pointer}.search-add-options>label,.search-add-options>fieldset{margin-top:16px}.goals-editor-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.goals-editor-list>.goal-card{gap:20px;padding:22px}.goals-editor-list>.goal-card>svg{position:absolute;top:18px;right:18px}.goal-total{margin-bottom:30px;font-size:35px}.stats-totals{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stats-totals>.panel{gap:5px;padding:22px;display:grid}.stats-totals strong{font:40px/1 Crimson Pro,serif}.stats-totals span{color:var(--color-dimgray800);font-size:12px}.range-picker{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.range-picker button{border-radius:25px;padding:8px 13px;font-size:11px}.range-picker button.selected{background:var(--color-teal250);font-weight:600}.page-chart{margin-bottom:22px}.page-chart>svg{width:100%;height:230px;color:var(--color-teal800);margin-top:25px;display:block;overflow:visible}.chart-dates{justify-content:space-between;display:flex}.reading-calendar .section-heading{flex-wrap:wrap}.calendar-month{align-items:center;gap:5px;display:flex}.calendar-month time{text-align:center;min-width:120px;font-weight:600}.rotate{transform:rotate(180deg)}.rotate-up{transform:rotate(-90deg)}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.weekday{text-align:center;color:var(--color-dimgray800);padding:8px;font-size:11px}.calendar-day{aspect-ratio:1.1;background:var(--color-teal200);border-radius:7px;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.calendar-day>span{color:var(--color-dimgray800);font-size:10px;position:absolute;top:3px;left:6px}.calendar-day>a{width:44%;max-width:60px;height:75%;margin-top:12px}.calendar-day .book-cover{aspect-ratio:auto;width:100%;height:100%}.calendar-day.active{background:var(--color-teal250)}.next-up-editor{gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.next-up-editor>li,.next-up-editor>div{background:var(--color-neutral0);border-radius:10px;align-items:center;gap:16px;padding:12px 16px;display:flex}.next-up-editor .book-cover{width:42px}.next-up-editor>a,.next-up-editor>li>a,.next-up-editor>div>a{flex:1;font-size:13px}.all-journal{gap:16px;max-width:750px;margin:auto;display:grid}.journal-book-heading{align-items:center;gap:14px;margin-bottom:10px;display:flex}.journal-book-heading .book-cover{width:42px}.sign-in-page{min-height:100dvh}.sign-in-page>header{background:var(--color-header-band);justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.sign-in-page .script-logo{width:260px;height:100px}.sign-in-card{background:var(--color-neutral0);border-radius:16px;max-width:450px;margin:32px auto;padding:35px}.sign-in-card>h1{margin-bottom:15px;font-size:34px}.sign-in-card>p{color:var(--color-dimgray800);margin-bottom:20px;font-size:13px}.provider-buttons{gap:10px;margin:24px 0;display:grid}.provider-buttons img{object-fit:contain;width:20px;height:20px}.or-divider{color:var(--color-dimgray800);align-items:center;gap:15px;margin:20px 0;font-size:11px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--color-dimgray200);flex:1;height:1px}.text-button{color:var(--color-tea700);margin:15px auto;padding:5px;font-size:12px;display:block}.sign-in-card>footer{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:11px;display:flex}.sign-in-card .auth-error{color:var(--color-coral700);margin:20px 0 10px}.form-hint{color:var(--color-dimgray800);font-size:12px}.settings-sections{gap:20px;max-width:760px;margin:auto;display:grid}.settings-sections h2{margin-bottom:20px}.account-summary{align-items:center;gap:15px;margin-bottom:15px;display:flex}.account-summary>img{border-radius:12px;width:50px}.account-summary strong{font-size:14px}.account-summary p{color:var(--color-dimgray800);font-size:12px}.settings-link{border-top:1px solid var(--color-dimgray200);justify-content:space-between;align-items:center;padding:15px 0;font-size:13px;display:flex}.settings-control{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;display:flex}.settings-control select{width:180px}.settings-toggle{border-top:1px solid var(--color-dimgray200);flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.settings-toggle strong{font-size:13px}.settings-toggle p{color:var(--color-dimgray800);max-width:450px;margin-top:4px;font-size:11px;font-weight:400}}@layer responsive{@media (width>=768px){.main-nav{background:color-mix(in srgb, var(--color-neutral0) 90%, transparent);border:1px solid color-mix(in srgb, var(--color-neutral0) 65%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px color-mix(in srgb, var(--brand-teal900) 9%, transparent);border-radius:40px;gap:0;padding:6px}.main-nav .nav-capsule{display:contents}.main-nav .nav-item{min-height:44px;padding:10px 16px;font-size:16px}.main-nav .nav-item.selected{color:color-mix(in srgb, var(--color-ochre500) 25%, var(--color-ink-fixed));background:color-mix(in srgb, var(--color-dimgray800) 24%, transparent)}.main-nav .nav-capsule .nav-item>svg,.main-nav .nav-capsule .nav-item>.native-icon{display:none}.main-nav .search-tab{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;min-height:44px;padding:10px 14px}.main-nav .search-tab>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .main-nav .nav-item.selected{color:var(--color-ochre500);background:var(--color-teal250)}}:root[data-theme=dark] .main-nav .nav-item.selected{color:var(--color-ochre500);background:var(--color-teal250)}}@media (width<=767px){.main-nav{width:calc(100% - 24px);max-width:440px}.main-nav .nav-capsule{flex:1;min-width:0}.main-nav .nav-capsule .nav-item{flex:1 1 0;min-width:0;padding-inline:5px;font-size:10px}.main-nav .nav-capsule .nav-item>span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.main-nav .search-tab{flex:none;font-size:10px}.main-nav .nav-item svg,.main-nav .nav-item .native-icon{width:24px;height:24px}}@media (width>=1400px){.page{max-width:1250px}.home-content{max-width:1150px}.home-header{height:250px}.book-detail{grid-template-columns:285px minmax(0,1fr);gap:50px}}@media (width<=767px){html{scrollbar-gutter:auto}.main-nav{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));gap:8px;width:max-content;max-width:calc(100% - 24px)}.nav-capsule{padding:5px}.nav-item{flex-direction:column;gap:4px;min-height:56px;padding:8px 15px;font-size:9px}.nav-item svg,.nav-item .native-icon{width:21px;height:21px}.search-tab{border-radius:50%;width:63px;height:63px;padding:9px}.page{padding:28px 20px 115px}.page-home{padding:0 0 100px}.page-heading>div{align-items:flex-start}.page-heading h1{font-size:34px}.heading-actions{gap:4px}.heading-actions .button{padding:9px 12px;font-size:11px}.heading-actions>.button:not(.primary){gap:0;font-size:0}.library-toolbar{flex-wrap:wrap;gap:8px}.library-toolbar>.search-field{flex-basis:100%}.library-toolbar>select{flex:1}.book-grid{gap:24px 16px}.book-tile h3{font-size:11px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.album-covers{height:145px;padding:15px}.album-covers>.book-cover{width:70px;height:105px;margin:0 -12px}.album h3{font-size:22px}.top-four{padding:18px}.top-four-books{gap:14px}.top-four-books>a{width:60px}.top-four-books .empty-slot{height:90px}.home-header{height:180px;padding-bottom:20px}.script-logo{width:190px;height:75px}.plus-button{padding:7px 9px;font-size:9px;bottom:25px;right:20px}.home-content{padding:25px 20px}.home-content>section+section{margin-top:30px}.reading-shelf{height:165px;margin:0 -5px 12px;padding:0 38px 22px}.shelf-books{gap:15px}.shelf-book{width:70px}.shelf-book .book-cover{height:108px}.shelf-plant{width:44px;height:70px;bottom:25px}.shelf-plant.left{left:0}.shelf-plant.right{right:0}.shelf-plank{height:11px}.goal-cards{gap:12px}.goal-copy{gap:10px;padding:15px 13px 12px}.goal-card h3{font-size:22px}.goal-card strong{font-size:24px}.goal-covers{gap:6px;height:70px;padding:9px 13px 0}.goal-covers .book-cover{width:38px}.next-up-books{gap:12px}.next-up-books span:not(.book-cover){font-size:9px}.recent-journal{grid-template-columns:1fr}.book-detail{display:block}.book-identity>.book-cover{width:150px}.book-identity>h1{font-size:34px}.book-identity>.book-progress{max-width:300px;margin:15px auto}.book-actions{display:flex}.book-actions>*{flex:1}.book-identity>.button{margin-bottom:18px}.book-content{margin:20px -4px 0}.book-content section{padding:18px}.action-menu{top:calc(100% - 50px)}.segmented{margin-bottom:16px}.book-identity>.back-link{margin-bottom:15px}.form-grid{grid-template-columns:1fr}.span-all{grid-column:auto}.goals-editor-list{grid-template-columns:1fr}.option-card{gap:15px;padding:22px}.option-card>h2{font-size:24px}.manual-book{padding:20px}.catalog-work{padding:18px}.edition{flex-wrap:wrap;gap:10px}.edition .button{font-size:11px}.search-book-form .button{padding:10px 14px}dialog,dialog.wide{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:20px 20px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;margin:0}dialog>header{background:var(--color-neutral0);z-index:5;padding:10px 0;position:sticky;top:-20px}dialog>header h2{font-size:28px}.error-banner{top:10px}footer{padding-bottom:5px}}@media (width<=380px){.nav-item{padding:8px 11px}.search-tab{width:60px;height:60px}.goal-card h3{font-size:20px}.home-content{padding:22px 16px}.plus-button{right:14px}.script-logo{width:170px;margin-right:40px}}@media (prefers-reduced-motion:no-preference){.button,.icon-button,.nav-item{transition:background .14s,color .14s}.book-tile:hover .book-cover img{transition:transform .16s;transform:translateY(-2px)}}@media (width<=767px){.stats-totals{gap:9px}.stats-totals>.panel{padding:15px}.stats-totals strong{font-size:30px}.stats-totals span{font-size:10px}.calendar-grid{gap:4px}.calendar-day{aspect-ratio:.8}.calendar-day>span{font-size:9px;left:4px}.calendar-day>a{width:70%;height:66%;margin-top:18px}.reading-calendar{padding:15px}.range-picker{gap:3px}.range-picker button{padding:7px 9px;font-size:10px}.sign-in-card{margin:20px 16px;padding:25px}.sign-in-page>header{height:190px}.next-up-editor>li,.next-up-editor>div{gap:10px;padding:12px}.next-up-editor .book-cover{width:36px}.next-up-editor .icon-button{min-width:36px;padding:7px}.all-journal>.panel{padding:18px}}}
