@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-standard-normal-DIwfbPUE.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-standard-normal-C0olyEE-.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-standard-normal-DrHU7SY7.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-standard-normal-BOyYyU_V.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-standard-normal-HoL-AExg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-standard-normal-BpEBLj1O.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-standard-italic-Bl6DJqma.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-standard-italic-Dibx14aP.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-standard-italic-CMW9dfKg.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-standard-italic-C-k5pZlm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-standard-italic-BhUEwDRF.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Source Serif 4 Variable";font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-standard-italic-BOLXpvkj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-ext-wght-normal-DzyfIafT.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-wght-normal-BMDVbyM7.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-ext-wght-normal-BWSLJLk6.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-wght-normal-C9H9m1vD.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-vietnamese-wght-normal-C1uRvKPU.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-wght-normal-BqRLTx4X.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:600;line-height:1;cursor:pointer;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--duration-instant) var(--ease-default),color var(--duration-instant) var(--ease-default),transform var(--duration-instant) var(--ease-default),border-color var(--duration-instant) var(--ease-default)}.button:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:2px}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{background:var(--color-accent-ember);color:var(--color-on-accent)}.button--primary:active:not(:disabled){filter:brightness(.88);transform:scale(.98)}.button--secondary{background:transparent;border:1.5px solid var(--color-surface-tertiary);color:var(--color-ink-primary);font-weight:500}.button--secondary:active:not(:disabled){background:var(--color-surface-tertiary)}.button--ghost{background:transparent;border:none;color:var(--color-ink-secondary);font-weight:500;padding:8px 16px}.button--ghost:active:not(:disabled){color:var(--color-accent-ember)}@media(hover:hover){.button--primary:hover:not(:disabled){filter:brightness(.92)}.button--secondary:hover:not(:disabled){background:var(--color-surface-secondary)}.button--ghost:hover:not(:disabled){color:var(--color-ink-primary)}}.button--full-width{width:100%}.text-input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.text-input-label{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:500;color:var(--color-ink-primary)}.text-input-field-wrapper{position:relative;display:flex;align-items:center}.text-input{width:100%;height:48px;background:var(--color-surface-primary);border:1px solid var(--color-ink-tertiary);border-radius:var(--radius-sm);padding:0 var(--space-3);font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-primary);transition:border-color var(--duration-instant) var(--ease-default),box-shadow var(--duration-instant) var(--ease-default)}.text-input::placeholder{color:var(--color-ink-tertiary);font-size:var(--type-body-sm-size)}.text-input:focus{outline:none;border-color:var(--color-accent-ember);box-shadow:0 0 0 3px var(--color-accent-ember-soft)}.text-input--error{border-color:var(--color-accent-burgundy)}.text-input--error:focus{border-color:var(--color-accent-burgundy);box-shadow:0 0 0 3px #8c3a3a1a}.text-input--has-trailing-icon{padding-right:48px}.text-input-trailing-icon{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-ink-secondary);pointer-events:auto;cursor:pointer;background:none;border:none;padding:0}.text-input-error-text{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-accent-burgundy)}.text-input--number{width:100%;max-width:160px;height:auto;background:transparent;border:none;border-bottom:2px solid var(--color-ink-tertiary);border-radius:0;font-family:var(--font-display);font-size:2.5rem;font-weight:600;line-height:1;text-align:center;padding:var(--space-2) var(--space-2) var(--space-2);transition:border-color var(--duration-fast) var(--ease-default)}.text-input--number::placeholder{font-size:2.5rem;color:var(--color-ink-tertiary)}.text-input--number:focus{outline:none;border-color:var(--color-accent-ember);box-shadow:none}.text-input--number.text-input--error{border-color:var(--color-accent-burgundy)}.text-input--number.text-input--error:focus{border-color:var(--color-accent-burgundy);box-shadow:none}.text-input-number-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.selection-card{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-secondary);border:1.5px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:16px 20px;min-height:56px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default);-webkit-user-select:none;user-select:none}.selection-card:hover{border-color:var(--color-ink-tertiary)}.selection-card:active{transform:scale(.98)}.selection-card:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:2px}.selection-card--selected{border-color:var(--color-accent-ember);background:var(--color-accent-ember-soft)}.selection-card--selected .selection-card__label{color:var(--color-accent-ember)}.selection-card__icon{font-size:24px;line-height:1;flex-shrink:0}.selection-card__content{display:flex;flex-direction:column;gap:2px}.selection-card__label{font-family:var(--font-body);font-size:var(--type-body-lg-size);font-weight:500;color:var(--color-ink-primary);line-height:var(--type-body-lg-line-height);transition:color var(--duration-fast) var(--ease-default)}.selection-card__description{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);line-height:var(--type-body-sm-line-height)}.book-cover{position:relative;flex-shrink:0;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-book);border:.5px solid rgba(0,0,0,.08)}.book-cover--showcase{width:176px;border-radius:var(--radius-md)}.book-cover--hero{width:160px}.book-cover--large{width:112px}.book-cover--medium{width:72px}.book-cover--thumbnail{width:48px}.book-cover--micro{width:32px}.book-cover__image{display:block;width:100%;height:100%;object-fit:cover}.book-cover__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-2);text-align:center;gap:var(--space-1)}.book-cover__ribbon{position:absolute;top:-2px;right:12px;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.book-cover__fallback-title{font-family:var(--font-display);font-style:italic;color:var(--color-surface-primary);line-height:1.2}.book-cover--showcase .book-cover__fallback-title{font-size:1.25rem}.book-cover--hero .book-cover__fallback-title{font-size:1rem}.book-cover--large .book-cover__fallback-title{font-size:.875rem}.book-cover--medium .book-cover__fallback-title{font-size:.75rem}.book-cover--thumbnail .book-cover__fallback-title{font-size:.5rem}.book-cover--micro .book-cover__fallback-title{font-size:.375rem}.book-cover__fallback-author{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-surface-primary);opacity:.8}.book-cover--thumbnail .book-cover__fallback-author,.book-cover--micro .book-cover__fallback-author{display:none}.book-cover__shimmer{width:100%;height:100%;background:var(--color-surface-tertiary);animation:book-cover-shimmer 1.5s ease-in-out infinite}@keyframes book-cover-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.book-cover__shimmer{background:linear-gradient(90deg,var(--color-surface-tertiary) 25%,var(--color-surface-secondary) 50%,var(--color-surface-tertiary) 75%);background-size:200% 100%}.progress-bar{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.progress-bar__track{height:6px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar--book .progress-bar__track,.progress-bar--goal .progress-bar__track{height:8px}.progress-bar__fill{height:100%;border-radius:inherit;transition:width var(--duration-normal) var(--ease-default)}.progress-bar--book .progress-bar__fill{background:var(--color-accent-sage)}.progress-bar--goal .progress-bar__fill{background:var(--color-accent-ember)}.progress-bar--completed .progress-bar__fill{background:var(--color-accent-sage)}.progress-bar__label{font-family:var(--font-body);color:var(--color-ink-secondary);line-height:var(--type-body-sm-line-height)}.progress-bar--book .progress-bar__label{font-size:var(--type-body-xs-size);text-align:left}.progress-bar__goal-row{display:flex;align-items:baseline;justify-content:space-between}.progress-bar__goal-value{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);line-height:var(--type-body-sm-line-height)}.progress-bar__goal-value--complete{font-family:var(--font-display);font-size:var(--type-body-md-size);font-weight:600;color:var(--color-ink-primary)}.progress-bar__goal-check{color:var(--color-accent-sage)}.progress-bar__goal-context{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary)}.stat-metric-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-metric-card__value{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:600;color:var(--color-ink-primary);line-height:var(--type-display-md-line-height)}.stat-metric-card__label{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);color:var(--color-ink-secondary);text-transform:uppercase;letter-spacing:.05em;line-height:var(--type-body-xs-line-height)}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.empty-state__message{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary);line-height:var(--type-body-md-line-height);max-width:280px}.brand-mark{display:block;-webkit-user-select:none;user-select:none}.wordmark{font-family:var(--font-display);font-weight:600;letter-spacing:.06em;font-feature-settings:"liga" 1;color:currentColor;line-height:1}.wordmark--xs{font-size:.875rem}.wordmark--sm{font-size:1.125rem}.wordmark--md{font-size:1.5rem}.wordmark--lg{font-size:2rem}.home-header{display:flex;align-items:center;width:100%}.home-header__brand{display:flex;align-items:center;gap:var(--space-4);color:var(--color-ink-secondary)}.week-dots{display:flex;align-items:center;width:100%}.week-dots__days{display:flex;gap:var(--space-4)}.week-dots__day{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.week-dots__label{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-secondary)}.week-dots__dot{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-surface-tertiary);transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.week-dots__dot--filled{background:var(--color-accent-ember)}.week-dots__check{width:12px;height:12px;color:var(--color-on-accent)}.week-dots__dot--today{background:transparent;box-shadow:inset 0 0 0 2.5px var(--color-accent-ember)}.week-dots__dot--inactive{background:transparent;box-shadow:inset 0 0 0 2px var(--color-surface-tertiary)}.week-dots--compact .week-dots__days{gap:var(--space-2)}.week-dots--compact .week-dots__day{gap:var(--space-1)}.week-dots--compact .week-dots__label{font-size:10px;color:var(--color-ink-secondary)}.week-dots--compact .week-dots__dot{width:16px;height:16px}.week-dots--compact .week-dots__check{width:10px;height:10px}.week-dots--compact .week-dots__dot--today{box-shadow:inset 0 0 0 2px var(--color-accent-ember)}.week-dots--compact .week-dots__dot--inactive{box-shadow:inset 0 0 0 1.5px var(--color-surface-tertiary)}.identity-message{display:flex;flex-direction:column;width:100%}.identity-message__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);width:100%}.identity-message__streak{display:flex;flex-direction:column;flex-shrink:0}.identity-message__streak-number{font-family:var(--font-display);font-size:5rem;font-weight:600;line-height:.85;letter-spacing:-.03em;color:var(--color-ink-primary)}.identity-message__streak-label{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-ember);margin-top:var(--space-1)}.identity-message__week{flex:1}.identity-message__week .week-dots{justify-content:flex-end}.identity-message__copy--zero{font-family:var(--font-display);font-style:italic;font-size:var(--type-display-sm-size);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);min-width:0}.today-summary{display:flex;flex-direction:column;gap:var(--space-1)}.today-summary__heading{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-secondary)}.today-summary__stats{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.today-summary__value{font-family:var(--font-display);font-size:var(--type-body-md-size);font-weight:600;color:var(--color-ink-primary)}.today-summary__label{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary)}.today-summary__separator{font-size:var(--type-body-sm-size);color:var(--color-ink-tertiary);-webkit-user-select:none;user-select:none}.session-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2)}.session-list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.session-list-item__title{font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:500;color:var(--color-ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list-item__meta{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list-item__duration{flex-shrink:0;white-space:nowrap;font-family:var(--font-display);font-size:var(--type-body-md-size);font-weight:600;color:var(--color-ink-primary)}.session-list-item--interactive{cursor:pointer;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent}.session-list-item--interactive:active{background:var(--color-surface-secondary);transform:scale(.98)}@media(hover:hover){.session-list-item--interactive:hover{background:var(--color-surface-secondary)}}.bottom-nav{display:flex;align-items:center;height:56px;background:var(--color-surface-primary);border-top:.5px solid var(--color-surface-tertiary);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;background:none;border:none;cursor:pointer;padding:0;color:var(--color-ink-secondary);transition:color var(--duration-fast) var(--ease-default)}.bottom-nav__tab:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:-2px}.bottom-nav__tab--active{color:var(--color-accent-ember)}.bottom-nav__tab--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__icon{transition:transform var(--duration-fast) var(--ease-spring)}.bottom-nav__label{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:500}@media(min-width:1025px){.bottom-nav{flex-direction:column;width:72px;height:100%;border-top:none;padding-bottom:0;padding-top:var(--space-4);gap:var(--space-2)}.bottom-nav__tab{flex:none;width:72px;height:56px}}.toast{position:fixed;top:var(--space-7);left:50%;transform:translate(-50%) translateY(-100%);opacity:0;display:flex;align-items:center;gap:var(--space-2);max-width:calc(100% - 40px);padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000;transition:transform var(--duration-normal) var(--ease-enter),opacity var(--duration-normal) var(--ease-enter);pointer-events:none}.toast--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.toast__icon{flex-shrink:0}.toast__icon--success{color:var(--color-accent-sage)}.toast__icon--error{color:var(--color-accent-burgundy)}.toast__message{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:500;color:var(--color-ink-primary)}.bottom-sheet-overlay{position:fixed;inset:0;background:#0000004d;z-index:900;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-enter)}.bottom-sheet-overlay--open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);z-index:901;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-enter);padding:var(--space-6) var(--space-5) calc(56px + var(--space-5) + env(safe-area-inset-bottom,0));max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;pointer-events:none}.bottom-sheet--open{transform:translateY(0);pointer-events:auto}.bottom-sheet__handle{width:36px;height:4px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);margin:0 auto var(--space-4)}@media(min-width:1025px){.bottom-sheet{position:fixed;bottom:auto;left:50%;top:50%;transform:translate(-50%,calc(-50% - 12px));opacity:0;transition:none;max-width:400px;width:calc(100% - var(--space-8));border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5) var(--space-7);max-height:80vh}.bottom-sheet--open{transform:translate(-50%,-50%);opacity:1;transition:transform var(--duration-normal) var(--ease-enter),opacity var(--duration-normal) var(--ease-enter)}.bottom-sheet__handle{display:none}}.segmented-control{display:flex;height:36px;background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:2px;position:relative}.segmented-control__segment{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:500;color:var(--color-ink-secondary);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);z-index:1;transition:color var(--duration-fast) var(--ease-default);padding:0 var(--space-2);white-space:nowrap}.segmented-control__segment:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:-2px}.segmented-control__segment--active{color:var(--color-ink-primary);font-weight:600}.segmented-control__indicator{position:absolute;top:2px;bottom:2px;background:var(--color-surface-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:left var(--duration-fast) var(--ease-default),width var(--duration-fast) var(--ease-default)}.segmented-control__lock{color:var(--color-ink-secondary);flex-shrink:0}.tooltip{position:absolute;z-index:800;max-width:240px;padding:8px 12px;background:var(--color-ink-primary);opacity:.9;border-radius:var(--radius-md);pointer-events:none;animation:tooltip-fade-in var(--duration-normal) var(--ease-enter) forwards}.tooltip__text{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:500;color:var(--color-surface-primary);line-height:var(--type-body-sm-line-height)}.tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.tooltip--above .tooltip__arrow{bottom:-12px;left:50%;transform:translate(-50%);border-top-color:var(--color-ink-primary)}.tooltip--below .tooltip__arrow{top:-12px;left:50%;transform:translate(-50%);border-bottom-color:var(--color-ink-primary)}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:.9}}.reading-heatmap{--heatmap-cell-size: 14px;--heatmap-gap: 3px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-3) 0}.reading-heatmap__month-labels{display:flex;margin-bottom:var(--space-1);padding-left:28px}.reading-heatmap__month-label{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary);overflow:hidden;white-space:nowrap}.reading-heatmap__wrapper{display:flex}.reading-heatmap__day-labels{display:grid;grid-template-rows:repeat(7,1fr);gap:var(--heatmap-gap);margin-right:var(--space-2)}.reading-heatmap__day-label{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary);display:flex;align-items:center;height:var(--heatmap-cell-size)}.reading-heatmap__grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-auto-columns:min-content;gap:var(--heatmap-gap)}.reading-heatmap__cell{width:var(--heatmap-cell-size);height:var(--heatmap-cell-size);border-radius:var(--radius-sm);transition:background var(--duration-slow) var(--ease-default);padding:0;border:none;appearance:none;-webkit-appearance:none;cursor:default}.reading-heatmap--interactive .reading-heatmap__cell{cursor:pointer}.reading-heatmap__cell--level-0{background:var(--color-heatmap-0)}.reading-heatmap__cell--level-1{background:var(--color-heatmap-1)}.reading-heatmap__cell--level-2{background:var(--color-heatmap-2)}.reading-heatmap__cell--level-3{background:var(--color-heatmap-3)}.reading-heatmap__cell--today{outline:1.5px solid var(--color-accent-ember);outline-offset:-1.5px}.reading-heatmap__cell--selected{outline:2px solid var(--color-ink-primary);outline-offset:-2px}.reading-heatmap__legend{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-3)}.reading-heatmap__legend-label{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary)}.reading-heatmap__legend-cell{width:var(--heatmap-cell-size);height:var(--heatmap-cell-size);border-radius:var(--radius-sm)}@media(min-width:641px){.reading-heatmap{--heatmap-cell-size: 16px}}.skeleton{background:var(--color-surface-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,var(--color-surface-secondary) 50%,transparent 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:12px;width:70%;border-radius:var(--radius-sm)}.skeleton--cover{aspect-ratio:2 / 3;border-radius:var(--radius-sm)}.skeleton--number{height:24px;width:48px;border-radius:var(--radius-sm)}.skeleton--circle{border-radius:var(--radius-full)}@keyframes notification-prompt-slide-up{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.notification-prompt-card{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:800;width:calc(100% - var(--space-5) * 2);max-width:400px;padding-bottom:env(safe-area-inset-bottom,0);animation:notification-prompt-slide-up .4s var(--ease-enter) forwards}.notification-prompt-card__content{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface-primary);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:var(--space-6)}.notification-prompt-card__icon{color:var(--color-accent-ember)}.notification-prompt-card__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);margin:0}.notification-prompt-card__description{font-family:var(--font-body);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);color:var(--color-ink-secondary);margin:0}.notification-prompt-card__actions{display:flex;gap:var(--space-3)}.search-results-list__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);width:100%;background:none;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.search-results-list__row:active{background:var(--color-surface-secondary);transform:scale(.98)}.search-results-list__row:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:-2px;border-radius:var(--radius-md)}@media(hover:hover){.search-results-list__row:hover{background:var(--color-surface-secondary)}}.search-results-list__row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-results-list__row-title{font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:500;color:var(--color-ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results-list__row-author{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results-list__row-meta{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary)}.search-results-list__empty{display:flex;flex-direction:column;padding:var(--space-4)}.search-results-list__empty-text{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary);padding-bottom:var(--space-6);text-align:center}.search-results-list__footer{display:flex;justify-content:center;padding-top:var(--space-3)}.edition-picker-sheet__header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-4)}.edition-picker-sheet__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);letter-spacing:var(--type-display-sm-letter-spacing);color:var(--color-ink-primary);margin:0}.edition-picker-sheet__subtitle{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary)}.edition-picker-sheet__rows{display:flex;flex-direction:column}.edition-picker-sheet__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2);margin:0 calc(-1 * var(--space-2));width:auto;background:none;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.edition-picker-sheet__row:active{background:var(--color-surface-secondary);transform:scale(.98)}.edition-picker-sheet__row:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:-2px;border-radius:var(--radius-md)}@media(hover:hover){.edition-picker-sheet__row:hover{background:var(--color-surface-secondary)}}.edition-picker-sheet__row--selected{background:none}.edition-picker-sheet__row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.edition-picker-sheet__row-pages{font-family:var(--font-body);font-size:var(--type-body-lg-size);font-weight:600;color:var(--color-ink-primary)}.edition-picker-sheet__row-pages-unknown{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-style:italic;color:var(--color-ink-secondary)}.edition-picker-sheet__row-meta{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edition-picker-sheet__row-isbn,.edition-picker-sheet__row-edition-name{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary)}.edition-picker-sheet__row-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent-ember);color:var(--color-on-accent)}.edition-picker-sheet__footer{display:flex;justify-content:center;padding-top:var(--space-4)}.edition-picker-sheet__footer-link{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-accent-ember);background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);-webkit-tap-highlight-color:transparent}.edition-picker-sheet__search-bar{margin-bottom:var(--space-3)}.edition-picker-sheet__empty,.edition-picker-sheet__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-7) 0;font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary)}.timer-screen{position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;min-height:100vh;min-height:100dvh;background:var(--color-surface-primary);padding:var(--space-10) var(--space-6) var(--space-6)}.timer-screen__back{position:absolute;top:var(--space-5);left:var(--space-5);background:none;border:none;color:var(--color-ink-secondary);cursor:pointer;padding:var(--space-2);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timer-screen__back:active{opacity:.7}.timer-screen__book-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.timer-screen__book-text{display:flex;flex-direction:column;min-width:0;max-width:240px}.timer-screen__book-title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timer-screen__book-author{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);color:var(--color-ink-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-1)}.timer-screen__elapsed-time{display:flex;align-items:baseline;justify-content:center;align-self:center;padding-bottom:var(--space-6);font-family:var(--font-display);font-size:3.75rem;font-weight:var(--type-display-xl-weight);line-height:var(--type-display-xl-line-height);color:var(--color-ink-primary)}.timer-screen__colon{padding:0 .15ch}.timer-screen__segment{display:inline-block;min-width:2ch;text-align:left}.timer-screen__segment--minutes{text-align:right}.timer-screen__segment--hours{min-width:0;text-align:right}.timer-screen__elapsed-time--paused{animation:pulse-opacity 2s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.4}}.timer-screen__controls{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:320px}.timer-screen__toggle-button{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-surface-tertiary);color:var(--color-ink-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-instant) var(--ease-default)}.timer-screen__toggle-button:active{transform:scale(.95)}.timer-screen__toggle-button:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:4px}.timer-screen__finish-button{flex:1;min-width:0}.page-input-sheet{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.page-input-sheet__book-title{font-family:var(--font-display);font-style:italic;font-size:var(--type-body-md-size);color:var(--color-ink-secondary);text-align:center}.page-input-sheet__prompt{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);text-align:center}.page-input-sheet__pages-read{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-accent-ember);text-align:center;animation:pages-read-pop var(--duration-fast) var(--ease-spring)}.page-input-sheet__pages-read strong{font-weight:600}@keyframes pages-read-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.page-input-sheet__progress-track{width:100%;height:4px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);overflow:hidden}.page-input-sheet__progress-fill{height:100%;background:var(--color-accent-ember);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-default)}.page-input-sheet__start-page{display:flex;justify-content:center}.page-input-sheet__start-page-button{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-instant) var(--ease-default)}.page-input-sheet__start-page-button:hover{color:var(--color-ink-secondary)}.page-input-sheet__start-page-edit{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary)}.page-input-sheet__start-page-label{white-space:nowrap}.page-input-sheet__start-page-input{width:64px;height:32px;background:var(--color-surface-primary);border:1px solid var(--color-ink-tertiary);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-primary);text-align:center;padding:0 var(--space-2)}.page-input-sheet__start-page-input:focus{outline:none;border-color:var(--color-accent-ember);box-shadow:0 0 0 3px var(--color-accent-ember-soft)}.brand-lockup{display:flex;flex-direction:column;align-items:center}.brand-lockup--sm{gap:6px}.brand-lockup--md{gap:8px}.brand-lockup--lg{gap:10px}.image-cropper{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#1c1714}.image-cropper__header{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));flex-shrink:0}.image-cropper__cancel{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;border-radius:var(--radius-full);color:#b5a99a;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-default)}.image-cropper__cancel:active{color:#f0e9de}.image-cropper__canvas-area{flex:1;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.image-cropper__image{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;pointer-events:none}.image-cropper__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #14100da6;border:1.5px solid rgba(240,233,222,.2);border-radius:var(--radius-sm);pointer-events:none}.image-cropper__controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-7);padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px));flex-shrink:0}.image-cropper__label{font-family:var(--font-display);font-size:var(--type-body-sm-size);font-weight:var(--type-display-sm-weight);font-style:italic;color:#b5a99a;letter-spacing:.01em}.image-cropper__slider{width:100%;max-width:280px;height:2px;appearance:none;-webkit-appearance:none;background:#f0e9de1f;border-radius:var(--radius-full);outline:none}.image-cropper__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-accent-ember);cursor:pointer;box-shadow:0 1px 6px #14100d80}.image-cropper__slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-accent-ember);cursor:pointer;border:none;box-shadow:0 1px 6px #14100d80}.image-cropper__confirm{width:100%;max-width:280px;padding:var(--space-3) var(--space-6);background:var(--color-accent-ember);color:var(--color-on-accent);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-fast) var(--ease-default)}.image-cropper__confirm:active{opacity:.85}.google-sign-in-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:var(--radius-md);border:1.5px solid var(--color-surface-tertiary);background:var(--color-surface-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--duration-instant) var(--ease-default),border-color var(--duration-instant) var(--ease-default)}.google-sign-in-button:active{background:var(--color-surface-secondary)}@media(hover:hover){.google-sign-in-button:hover{background:var(--color-surface-secondary)}}.google-sign-in-button__visual{display:flex;align-items:center;gap:var(--space-3);pointer-events:none}.google-sign-in-button__logo{width:20px;height:20px;flex-shrink:0}.google-sign-in-button__label{font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:500;line-height:1;color:var(--color-ink-primary);white-space:nowrap}.google-sign-in-button__overlay{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-md);opacity:.01}.google-sign-in-button__overlay--ready{cursor:pointer}.google-sign-in-button--compact{height:auto;padding:var(--space-1) 0;border:none;border-radius:0;background:transparent}.google-sign-in-button--compact:active{background:transparent}@media(hover:hover){.google-sign-in-button--compact:hover{background:transparent}}.google-sign-in-button--compact .google-sign-in-button__visual{gap:var(--space-2)}.google-sign-in-button--compact .google-sign-in-button__logo{width:16px;height:16px}.google-sign-in-button--compact .google-sign-in-button__label{font-size:var(--type-body-sm-size);font-weight:400;color:var(--color-ink-secondary);text-decoration:underline;text-decoration-color:var(--color-ink-tertiary);text-underline-offset:3px;text-decoration-thickness:1px}.google-sign-in-button--compact:active .google-sign-in-button__label{color:var(--color-ink-primary)}@media(hover:hover){.google-sign-in-button--compact:hover .google-sign-in-button__label{color:var(--color-ink-primary);text-decoration-color:var(--color-ink-secondary)}}.google-sign-in-button--compact .google-sign-in-button__overlay{border-radius:0}.merge-prompt{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) var(--space-2) var(--space-6)}.merge-prompt__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);margin:0;text-align:center}.merge-prompt__description{font-family:var(--font-body);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);color:var(--color-ink-secondary);margin:0;text-align:center}.merge-prompt__actions{display:flex;flex-direction:column;gap:var(--space-3)}.login-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-2) var(--space-4) var(--space-6);text-align:center}.login-prompt__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%}.login-prompt__icon--shield{background:var(--color-accent-ember-soft);color:var(--color-accent-ember)}.login-prompt__icon--sync{background:var(--color-surface-secondary);color:var(--color-ink-secondary)}.login-prompt__copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.login-prompt__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);margin:0}.login-prompt__description{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);color:var(--color-ink-secondary);margin:0;max-width:300px}.login-prompt__action{width:100%;max-width:300px;display:flex;justify-content:center}.login-prompt__links{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.login-prompt__link{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);-webkit-tap-highlight-color:transparent}.login-prompt__link:active{opacity:.7}.login-prompt__link--muted{font-size:var(--type-body-xs-size);opacity:.7}.update-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--color-accent-ember);color:var(--color-on-accent);cursor:pointer;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-enter)}.update-banner--visible{transform:translateY(0)}.update-banner__text{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:600}.update-banner__dismiss{background:none;border:none;color:var(--color-on-accent);cursor:pointer;padding:var(--space-1) var(--space-2);margin-left:var(--space-4);font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:600;opacity:.7;transition:opacity var(--duration-fast) var(--ease-standard)}.update-banner__dismiss:hover{opacity:1}.share-card{width:1080px;height:1920px;background:#faf5ed;overflow:hidden;position:relative}.share-card__safe-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px;height:100%;box-sizing:border-box}.share-card__content,.share-card__streak{display:flex;flex-direction:column;align-items:center}.share-card__streak-number{font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.03em;color:#2c2520}.share-card__streak-label{font-family:var(--font-body);font-weight:600;font-size:48px;letter-spacing:.3em;text-transform:uppercase;color:#b9541f;line-height:1.1;margin-top:12px}.share-card__date{font-family:var(--font-body);font-weight:400;font-size:36px;color:#7a6f64;margin-top:16px;line-height:1.2}.share-card__cover{margin-top:48px;flex-shrink:0}.share-card__cover .book-cover{width:480px;border-radius:16px;box-shadow:0 20px 60px #2c25204d,0 8px 20px #2c25201f}.share-card__cover .book-cover__fallback{padding:40px;gap:16px}.share-card__cover .book-cover__fallback-title{font-size:4rem}.share-card__cover .book-cover__fallback-author{font-size:2rem}.share-card__book-info{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px;max-width:680px;text-align:center}.share-card__title{font-family:var(--font-display);font-weight:700;font-size:54px;line-height:1.2;color:#2c2520;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-card__author{font-family:var(--font-body);font-weight:500;font-size:34px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#7a6f64}.share-card__stats{display:flex;align-items:baseline;gap:20px;margin-top:40px}.share-card__stats-entry{display:flex;align-items:baseline;gap:10px}.share-card__stats-value{font-family:var(--font-display);font-size:42px;font-weight:600;color:#2c2520}.share-card__stats-label{font-family:var(--font-body);font-size:36px;color:#7a6f64}.share-card__stats-separator{font-size:36px;color:#a89e93;-webkit-user-select:none;user-select:none}.share-card__branding{display:flex;align-items:center;width:100%;margin-top:40px;flex-shrink:0;color:#7a6f64}.share-card__branding .brand-lockup{flex-direction:row;align-items:center;gap:28px}.share-card__branding .brand-mark{height:88px;width:auto}.share-card__branding .wordmark{font-size:48px;color:#7a6f64}.share-card__branding-url{font-family:var(--font-body);font-weight:400;font-size:42px;color:#7a6f64;margin-left:auto;line-height:1}.timer-slide{display:flex;flex-direction:column;align-items:center;width:280px;height:497px;padding:32px 20px 28px;box-sizing:border-box;background:var(--color-surface-primary)}.timer-slide__book{display:flex;flex-direction:column;align-items:center;gap:8px}.timer-slide__cover{width:56px;height:84px;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px #0000004d}.timer-slide__book-text{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:180px}.timer-slide__title{font-family:var(--font-display);font-size:14px;font-weight:600;line-height:1.2;color:var(--color-ink-primary)}.timer-slide__author{font-family:var(--font-body);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-secondary);margin-top:2px}.timer-slide__time{display:flex;align-items:baseline;justify-content:center;margin-top:auto;margin-bottom:auto;padding-bottom:40px;font-family:var(--font-display);font-size:48px;font-weight:600;line-height:1;color:var(--color-ink-primary)}.timer-slide__colon{padding:0 .15ch}.timer-slide__segment{display:inline-block;min-width:2ch;text-align:left}.timer-slide__segment--minutes{text-align:right}.timer-slide__controls{display:flex;align-items:center;gap:10px;width:100%}.timer-slide__pause{width:36px;height:36px;border-radius:50%;background:var(--color-surface-tertiary);color:var(--color-ink-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-slide__finish{flex:1;height:36px;border-radius:var(--radius-md);background:var(--color-accent-ember);color:var(--color-on-accent);font-family:var(--font-body);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.stats-slide{display:flex;flex-direction:column;width:280px;height:497px;padding:28px 20px 20px;box-sizing:border-box;background:var(--color-surface-primary);gap:16px}.stats-slide__section{display:flex;flex-direction:column;gap:5px}.stats-slide__label{font-family:var(--font-body);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-secondary)}.stats-slide__metrics{display:flex;gap:24px}.stats-slide__metric{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.stats-slide__metric-value{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-ink-primary);line-height:1.2}.stats-slide__metric-label{font-family:var(--font-body);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-secondary)}.stats-slide__heatmap{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-auto-columns:min-content;gap:2px}.stats-slide__cell{width:9px;height:9px;border-radius:2px}.stats-slide__cell--level-0{background:var(--color-heatmap-0)}.stats-slide__cell--level-1{background:var(--color-heatmap-1)}.stats-slide__cell--level-2{background:var(--color-heatmap-2)}.stats-slide__cell--level-3{background:var(--color-heatmap-3)}.stats-slide__legend{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px}.stats-slide__legend-text{font-family:var(--font-body);font-size:8px;color:var(--color-ink-secondary)}.stats-slide__all-time{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px}.stats-slide__all-time-value{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--color-ink-primary)}.stats-slide__all-time-text{font-family:var(--font-body);font-size:11px;color:var(--color-ink-secondary)}.stats-slide__all-time-sep{font-family:var(--font-body);font-size:11px;color:var(--color-ink-tertiary)}.stats-slide__history{flex:1;min-height:0}.stats-slide__sessions{display:flex;flex-direction:column;gap:7px;overflow:hidden;flex:1}.stats-slide__session{display:flex;align-items:center;gap:10px}.stats-slide__session-cover{width:28px;height:42px;object-fit:cover;border-radius:2px;flex-shrink:0}.stats-slide__session-info{display:flex;flex-direction:column;min-width:0}.stats-slide__session-title{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--color-ink-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-slide__session-meta{font-family:var(--font-body);font-size:8px;color:var(--color-ink-secondary);margin-top:1px}.landing-card-preview{position:relative;width:280px;flex-shrink:0}.landing-card-preview__phone{position:relative;width:280px;height:497px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 18px 60px #2c252038,0 6px 18px #2c25201f;background:var(--color-surface-primary)}.landing-card-preview__phone:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);border:1px solid rgba(44,37,32,.28);pointer-events:none;z-index:1}.landing-card-preview__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.landing-card-preview__slide--active{opacity:1}.landing-card-preview__phone--instant .landing-card-preview__slide{transition:none}.landing-card-preview__card-scale{transform-origin:top left;transform:scale(.28);width:1080px;height:1920px;margin-left:calc((280px - 1080px * .28) / 2);margin-top:calc((497px - 1920px * .28) / 2)}.landing-card-preview__dots{display:flex;justify-content:center;gap:10px;padding-top:var(--space-4)}.landing-card-preview__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:var(--color-ink-tertiary);cursor:pointer;transition:background .6s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.landing-card-preview__dot--active{background:var(--color-accent-ember)}@media(max-width:768px){.landing-card-preview__dots{gap:var(--space-4);padding-top:var(--space-7)}.landing-card-preview__dot{width:12px;height:12px}}.landing-hero{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;background:var(--color-surface-primary);padding:var(--space-8) var(--space-6);box-sizing:border-box}.landing-hero__brand{color:var(--color-ink-secondary);flex-shrink:0}.landing-hero__stage{display:flex;align-items:center;justify-content:center;gap:160px;flex:1;width:100%;max-width:960px}.landing-hero__copy{display:flex;flex-direction:column;gap:var(--space-6);max-width:500px;flex-shrink:0}.landing-hero__headline{font-family:var(--font-display);font-size:var(--type-display-xl-size);font-weight:var(--type-display-xl-weight);line-height:var(--type-display-xl-line-height);letter-spacing:var(--type-display-xl-letter-spacing);color:var(--color-ink-primary);margin:0}.landing-hero__accent{color:var(--color-accent-ember);font-style:italic}.landing-hero__body{display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.landing-hero__subtext{font-family:var(--font-body);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-line-height);color:var(--color-ink-secondary);margin:0}.landing-hero__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-top:var(--space-4)}.landing-hero__cta>button:first-child{height:56px;padding:0 32px;font-size:var(--type-body-lg-size)}.landing-hero__sign-in{display:flex;align-items:center;gap:var(--space-2)}.landing-hero__sign-in-label{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);color:var(--color-ink-secondary)}.landing-hero__collage-link{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);color:var(--color-ink-secondary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.landing-hero__card-wrapper{position:relative;flex-shrink:0}@media(min-width:769px){.landing-hero__card-wrapper .landing-card-preview{transform:rotate(-3deg)}}.landing-hero__card-shadow{position:absolute;inset:12px -8px -16px;background:#2c25200f;border-radius:var(--radius-xl);filter:blur(40px);transform:rotate(-2deg)}.landing-hero__footer{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:var(--space-7)}.landing-hero__footer-text{font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:500;line-height:var(--type-body-md-line-height);color:var(--color-ink-secondary)}.landing-hero__footer-links{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.landing-hero__footer-link{font-family:var(--font-body);font-size:var(--type-body-xs-size);line-height:var(--type-body-xs-line-height);color:var(--color-ink-secondary);text-decoration:none}.landing-hero__footer-link:active{color:var(--color-ink-primary)}.landing-hero__footer-separator{font-size:var(--type-body-xs-size);color:var(--color-ink-secondary)}.landing-hero__desktop-break{display:block}@media(max-width:768px){.landing-hero__desktop-break{display:none}.landing-hero{padding:var(--space-5) var(--space-5) var(--space-8)}.landing-hero__brand{transform:scale(.85);transform-origin:center}.landing-hero__stage{flex-direction:column;gap:var(--space-8);padding-top:var(--space-6)}.landing-hero__copy{align-items:center;text-align:center;padding:0 var(--space-4)}.landing-hero__headline{font-size:var(--type-display-lg-size);font-weight:var(--type-display-lg-weight);line-height:var(--type-display-lg-line-height);letter-spacing:var(--type-display-lg-letter-spacing)}.landing-hero__subtext{text-align:center}.landing-hero__cta{align-items:center;width:100%;padding-top:0}.landing-hero__cta>button:first-child{width:100%}.landing-hero__sign-in{align-items:center}.landing-hero__footer{padding-top:var(--space-8)}}.reader-type-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.reader-type-screen__content{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:var(--space-4)}.reader-type-screen__headline{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height);letter-spacing:var(--type-display-md-letter-spacing);color:var(--color-ink-primary);text-align:center;margin:0}.reader-type-screen__options{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-9)}.reader-type-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-6);background:var(--color-surface-primary);border:1.5px solid var(--color-surface-tertiary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.reader-type-card:active{transform:scale(.98)}.reader-type-card:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:2px}.reader-type-card--selected{border-color:var(--color-accent-ember);background:var(--color-accent-ember-soft)}.reader-type-card__label{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);font-style:italic;transition:color var(--duration-fast) var(--ease-default)}.reader-type-card--selected .reader-type-card__label{color:var(--color-accent-ember)}.reader-type-card__description{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);color:var(--color-ink-secondary)}.reader-type-screen__custom-input{width:100%;margin-top:var(--space-4);overflow:hidden}.reader-type-screen__cta{width:100%;margin-top:var(--space-10);padding-bottom:env(safe-area-inset-bottom,0)}@media(hover:hover){.reader-type-card:hover:not(.reader-type-card--selected){border-color:var(--color-ink-tertiary)}}.goal-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:360px}.goal-screen__header{margin-top:var(--space-4)}.goal-screen__headline{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height);letter-spacing:var(--type-display-md-letter-spacing);color:var(--color-ink-primary);text-align:center;margin:0}.goal-screen__subtext{font-family:var(--font-body);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);color:var(--color-ink-secondary);text-align:center;margin:var(--space-3) 0 0}.goal-screen__stepper{display:flex;align-items:center;gap:var(--space-7);margin-top:var(--space-10)}.goal-screen__stepper-button{display:flex;align-items:center;justify-content:center;width:var(--space-9);height:var(--space-9);border-radius:50%;border:1.5px solid var(--color-surface-tertiary);background:var(--color-surface-secondary);color:var(--color-ink-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default);-webkit-tap-highlight-color:transparent}.goal-screen__stepper-button:hover:not(:disabled){border-color:var(--color-ink-tertiary)}.goal-screen__stepper-button:active:not(:disabled){transform:scale(.92)}.goal-screen__stepper-button:disabled{opacity:.3;cursor:default}.goal-screen__display{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.goal-screen__minutes{font-family:var(--font-display);font-size:64px;font-weight:var(--type-display-lg-weight);line-height:1;color:var(--color-ink-primary);min-width:80px;text-align:center}.goal-screen__unit{font-family:var(--font-body);font-size:var(--type-body-lg-size);color:var(--color-ink-secondary)}.goal-screen__cta{width:100%;max-width:360px;margin-top:var(--space-10);padding-bottom:env(safe-area-inset-bottom,0)}.book-review{display:flex;flex-direction:column;justify-content:center;flex:1;width:100%;max-width:360px;margin:0 auto;padding-bottom:var(--space-6)}.book-review__header{display:flex;gap:var(--space-4);align-items:flex-start}.book-review__cover-column{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.book-review__info{display:flex;flex-direction:column;min-width:0;padding-top:var(--space-1)}.book-review__title-row{display:flex;align-items:flex-start;gap:var(--space-2)}.book-review__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-review__edit-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px;background:none;border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-full);color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.book-review__edit-button:hover{border-color:var(--color-accent-ember);color:var(--color-accent-ember)}.book-review__author{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:var(--type-body-xs-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-secondary);margin-top:var(--space-1)}.book-review__edition-title{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);margin-top:var(--space-2);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-review__meta{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);margin-top:var(--space-2)}.book-review__change-edition{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-accent-ember);background:none;border:none;cursor:pointer;padding:0;margin-top:var(--space-2);-webkit-tap-highlight-color:transparent;text-align:left}.book-review__cover-options{display:flex;align-items:center;gap:var(--space-2);min-height:48px;margin-top:var(--space-3)}.book-review__cover-option{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:2px solid transparent;padding:0;cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--duration-instant) var(--ease-default),border-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;opacity:.7}.book-review__cover-option:active{transform:scale(.92)}.book-review__cover-option--selected{opacity:1;border-color:var(--color-accent-ember)}.book-review__cover-option--action{width:28px;height:28px;aspect-ratio:auto;border:1.5px dashed var(--color-surface-tertiary);border-radius:var(--radius-full);color:var(--color-ink-secondary);opacity:1;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default)}.book-review__cover-option--action:hover{border-color:var(--color-accent-ember);color:var(--color-accent-ember)}.book-review__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.book-review__pages{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.book-review__pages-input{width:80px;border:none;border-bottom:1px solid var(--color-surface-tertiary);background:transparent;font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:1.1;color:var(--color-ink-primary);text-align:center;outline:none;padding:0 0 var(--space-1);transition:border-color var(--duration-fast) var(--ease-default)}.book-review__pages-input:focus{border-color:var(--color-accent-ember)}.book-review__pages-input::placeholder{color:var(--color-ink-tertiary)}.book-review__pages-label{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary)}.book-review__actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-8)}.book-review__skeleton-meta{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.book-review__edit-sheet{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.book-review__edit-sheet-heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);margin:0}.book-review__edit-field{display:flex;flex-direction:column;gap:var(--space-1)}.book-review__edit-label{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:var(--type-body-xs-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-secondary)}.book-review__edit-input{width:100%;border:none;border-bottom:1px solid var(--color-surface-tertiary);background:transparent;font-family:var(--font-body);font-size:var(--type-body-lg-size);color:var(--color-ink-primary);outline:none;padding:var(--space-1) 0 var(--space-2);transition:border-color var(--duration-fast) var(--ease-default)}.book-review__edit-input:focus{border-color:var(--color-accent-ember)}.onboarding-step-dots{position:relative;display:flex;align-items:center;justify-content:space-between;height:10px}.onboarding-step-dots__track{position:absolute;top:50%;left:5px;right:5px;height:2px;transform:translateY(-50%);background:var(--color-surface-tertiary);border-radius:var(--radius-full);overflow:hidden}.onboarding-step-dots__fill{height:100%;background:var(--color-accent-ember);border-radius:var(--radius-full);transform-origin:left}.onboarding-step-dots__dot{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--color-surface-tertiary);flex-shrink:0;transition:background var(--duration-normal) var(--ease-default)}.onboarding-step-dots__dot--active{background:var(--color-accent-ember)}.book-entry-screen{position:relative;display:flex;flex-direction:column;flex:1;width:100%;padding:calc(var(--space-10) + env(safe-area-inset-top,0px)) var(--space-6) var(--space-6);overflow-y:auto;-webkit-overflow-scrolling:touch}.book-entry-screen__heading{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height);letter-spacing:var(--type-display-md-letter-spacing);color:var(--color-ink-primary);margin-bottom:var(--space-2)}.book-entry-screen__subline{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);margin:0 0 var(--space-5)}.book-entry-screen__search{margin-bottom:var(--space-4)}.book-entry-screen__results{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-4))}.book-entry-screen__grid-label{display:block;font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary);margin-bottom:var(--space-3)}.book-entry-screen__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.book-entry-screen__grid-item{display:flex;justify-content:center;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-instant) var(--ease-default)}.book-entry-screen__grid-item:active{transform:scale(.95)}.book-entry-screen__grid-tilt{width:100%;will-change:transform;transform-style:preserve-3d}.book-entry-screen__grid-tilt .book-cover{width:100%}@media(hover:hover){.book-entry-screen__grid-tilt{transition:transform var(--duration-normal) var(--ease-default)}}.book-entry-screen__manual-action{display:flex;justify-content:center;padding-top:var(--space-5)}.book-entry-screen__manual{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;max-width:360px;margin:0 auto;padding-bottom:var(--space-6)}.book-entry-screen__manual-heading{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height);letter-spacing:var(--type-display-md-letter-spacing);color:var(--color-ink-primary)}.book-entry-screen__manual-cover{position:relative;margin-top:var(--space-7);cursor:pointer;-webkit-tap-highlight-color:transparent}.book-entry-screen__manual-cover:active .book-entry-screen__manual-cover-badge{transform:scale(.9)}.book-entry-screen__manual-cover-badge{position:absolute;bottom:var(--space-1);right:calc(-1 * var(--space-1));display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-surface-primary);border:1.5px solid var(--color-surface-tertiary);color:var(--color-ink-secondary);box-shadow:var(--shadow-sm);transition:transform var(--duration-instant) var(--ease-default);pointer-events:none}.book-entry-screen__manual-cover-input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1}.book-entry-screen__manual-book{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:var(--space-5)}.book-entry-screen__manual-title{width:100%;border:none;background:transparent;font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:700;line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);text-align:center;outline:none;padding:0}.book-entry-screen__manual-title::placeholder{color:var(--color-ink-tertiary)}.book-entry-screen__manual-author{width:100%;border:none;border-bottom:1px solid var(--color-surface-tertiary);background:transparent;font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:var(--type-body-xs-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-secondary);text-align:center;outline:none;padding:0 0 var(--space-2);margin-top:var(--space-3);transition:border-color var(--duration-fast) var(--ease-default)}.book-entry-screen__manual-author:focus{border-color:var(--color-accent-ember)}.book-entry-screen__manual-author::placeholder{color:var(--color-ink-tertiary);text-transform:uppercase}.book-entry-screen__manual-pages{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-9)}.book-entry-screen__manual-pages-input{width:160px;border:none;background:transparent;font-family:var(--font-display);font-size:64px;font-weight:var(--type-display-lg-weight);line-height:1;color:var(--color-ink-primary);text-align:center;outline:none;padding:0}.book-entry-screen__manual-pages-input::placeholder{color:var(--color-ink-tertiary)}.book-entry-screen__manual-pages-label{font-family:var(--font-body);font-size:var(--type-body-lg-size);color:var(--color-ink-secondary)}.book-entry-screen__manual-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-9)}.home-screen{display:flex;flex-direction:column;flex:1}.home-screen__content{display:flex;flex-direction:column;padding:var(--space-6);flex:1}.home-screen__identity{margin-top:var(--space-7)}.home-screen__book-unit{display:flex;gap:var(--space-5);align-items:flex-start;margin-top:var(--space-8);cursor:pointer;padding:var(--space-3);margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent}.home-screen__book-unit:active{background:var(--color-surface-secondary);transform:scale(.98)}.home-screen__book-unit--empty{justify-content:center;padding:var(--space-8) var(--space-3)}.home-screen__book-meta{display:flex;flex-direction:column;flex:1;min-width:0;padding-top:var(--space-3);container-type:inline-size}.home-screen__book-title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:700;line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary)}.home-screen__book-author{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);color:var(--color-ink-secondary);letter-spacing:.04em;text-transform:uppercase;margin-top:var(--space-2)}.home-screen__progress{margin-top:var(--space-8)}.home-screen__cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:0;border:none;background:none;cursor:pointer;font-family:var(--font-display);font-style:italic;font-size:var(--type-body-md-size);color:var(--color-accent-ember);transition:font-size .15s ease-out,font-weight .15s ease-out}.home-screen__cta-label--short{display:none}.home-screen__cta:active{opacity:.7}@container (max-width: 160px){.home-screen__cta-label--full{display:none}.home-screen__cta-label--short{display:inline}}.home-screen__cta-arrow{flex-shrink:0;transform:translateY(2px) translate(-4px);animation:cta-nudge 2.4s ease-in-out infinite}@keyframes cta-nudge{0%,to{transform:translate(-4px) translateY(2px)}50%{transform:translate(-1px) translateY(2px)}}@media(hover:hover){.home-screen__book-unit:hover{background:var(--color-surface-secondary)}.home-screen__book-unit:hover .home-screen__cta{font-size:var(--type-body-lg-size);font-weight:600;transition:font-size .15s ease-out,font-weight .15s ease-out}}.home-screen__today{margin-top:var(--space-8)}.home-screen__today-heading{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-secondary)}.home-screen__today-empty{display:block;font-family:var(--font-body);font-size:var(--type-body-sm-size);font-style:italic;color:var(--color-ink-secondary);margin-top:var(--space-1)}.home-screen__goal{margin-top:var(--space-4)}.home-screen__divider{width:100%;height:1px;border:none;background:var(--color-accent-ochre);opacity:.4;margin-top:var(--space-7)}.home-screen__sessions{margin-top:var(--space-6)}.home-screen__sessions-heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink-primary);margin-bottom:var(--space-2)}.home-screen__sessions-list{display:flex;flex-direction:column}.home-screen__sessions-list .session-list-item{margin:0 calc(-1 * var(--space-2));padding:var(--space-2)}.home-screen__see-all{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:0;border:none;background:none;cursor:pointer;font-family:var(--font-display);font-style:italic;font-size:var(--type-body-md-size);color:var(--color-accent-ember)}.home-screen__see-all:active{opacity:.7}.session-sheet{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-6)}.session-sheet__summary{display:flex;flex-direction:column;gap:2px}.session-sheet__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink-primary)}.session-sheet__meta{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary)}.session-sheet__heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink-primary)}.session-sheet__actions{display:flex;flex-direction:column;gap:var(--space-2)}.session-sheet__delete-button{color:var(--color-accent-burgundy)}.session-sheet__delete-button:active:not(:disabled){color:var(--color-accent-burgundy);opacity:.8}.session-sheet__edit-context{display:flex;flex-direction:column;gap:2px}.session-sheet__edit-book-title{font-family:var(--font-display);font-size:var(--type-body-md-size);font-style:italic;color:var(--color-ink-primary)}.session-sheet__edit-meta{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary)}.session-sheet__edit-field{display:flex;flex-direction:column;gap:var(--space-1)}.session-sheet__edit-field .text-input-number-wrapper{align-items:flex-start}.session-sheet__edit-field .text-input--number{font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);max-width:100px;text-align:left;padding:var(--space-1) 0;border-bottom-width:1.5px}.session-sheet__edit-field .text-input--number::placeholder{font-size:var(--type-display-sm-size)}.session-sheet__edit-label{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-secondary)}.session-sheet__edit-feedback{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-accent-ember)}.session-sheet__duration-row{display:flex;align-items:baseline;gap:var(--space-2)}.session-sheet__duration-unit{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:400;color:var(--color-ink-secondary);flex-shrink:0}.session-sheet__confirm-message{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary)}.session-sheet__destructive-button{background:var(--color-accent-burgundy)}.session-sheet__destructive-button:active:not(:disabled){filter:brightness(.88)}@media(hover:hover){.session-sheet__destructive-button:hover:not(:disabled){filter:brightness(.92)}.session-sheet__delete-button:hover:not(:disabled){color:var(--color-accent-burgundy);opacity:.8}}.home-screen__first-session-hint{margin-top:var(--space-3)}.home-screen__secondary-actions{display:flex;flex-wrap:wrap;column-gap:var(--space-6);row-gap:var(--space-1);margin-top:var(--space-3);margin-bottom:var(--space-3)}.home-screen__ghost-link{display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;font-family:var(--font-display);font-style:italic;font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.home-screen__ghost-link:active{opacity:.7}.book-switcher-sheet{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-6)}.book-switcher-sheet__heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary)}.book-switcher-sheet__list{display:flex;flex-direction:column;gap:var(--space-2)}.book-switcher-sheet__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border:none;background:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.book-switcher-sheet__item--active,.book-switcher-sheet__item:active{background:var(--color-surface-secondary)}.book-switcher-sheet__meta{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--space-1)}.book-switcher-sheet__title{font-family:var(--font-display);font-size:var(--type-body-md-size);font-weight:600;color:var(--color-ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-switcher-sheet__author{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary);text-transform:uppercase;letter-spacing:.04em}.book-switcher-sheet__progress{margin-top:var(--space-1)}.manual-log-sheet{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) var(--space-5) var(--space-6)}.manual-log-sheet .text-input-number-wrapper{align-items:flex-start}.manual-log-sheet .text-input--number{font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);max-width:100px;text-align:left;padding:var(--space-1) 0;border-bottom-width:1.5px}.manual-log-sheet .text-input--number::placeholder{font-size:var(--type-display-sm-size)}.manual-log-sheet__heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary)}.manual-log-sheet__book-row{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2);margin:calc(-1 * var(--space-2))}.manual-log-sheet__book-thumb{border:2px solid transparent;border-radius:var(--radius-sm);background:none;padding:2px;cursor:pointer;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.manual-log-sheet__book-thumb--selected{border-color:var(--color-accent-ember)}.manual-log-sheet__book-thumb .book-cover{box-shadow:none}.manual-log-sheet__field{display:flex;flex-direction:column;gap:var(--space-1)}.manual-log-sheet__label{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-secondary)}.manual-log-sheet__helper{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary)}.manual-log-sheet__duration-row{display:flex;align-items:baseline;gap:var(--space-2)}.manual-log-sheet__duration-unit{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:400;color:var(--color-ink-secondary);flex-shrink:0}.manual-log-sheet__date-pills{display:flex;gap:var(--space-2);position:relative}.manual-log-sheet__date-pill{font-family:var(--font-body);font-size:var(--type-body-sm-size);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-ink-tertiary);background:none;color:var(--color-ink-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.manual-log-sheet__date-pill--active{background:var(--color-accent-ember);border-color:var(--color-accent-ember);color:var(--color-on-accent)}.manual-log-sheet__date-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.timer-exit-sheet{display:flex;flex-direction:column;padding:var(--space-4) var(--space-5) var(--space-6);gap:var(--space-2)}.timer-exit-sheet__heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);text-align:center}.timer-exit-sheet__body{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary);text-align:center}.timer-exit-sheet__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.timer-exit-sheet__discard{color:var(--color-accent-burgundy)}.page-input-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-7) var(--space-5) var(--space-5);background:var(--color-surface-primary)}.page-input-screen__cover-area{filter:drop-shadow(0 8px 24px rgba(0,0,0,.12));margin-bottom:var(--space-6)}.page-input-screen__input-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-5)}.page-input-screen__heading{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height);letter-spacing:var(--type-display-md-letter-spacing);color:var(--color-ink-primary);text-align:center}.page-input-screen__input-wrapper{width:100%;max-width:180px}.page-input-screen__stats-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:320px}.page-input-screen__progress{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.page-input-screen__percent{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:600;color:var(--color-ink-secondary);letter-spacing:.04em}.page-input-screen__bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-6)}.page-input-screen__cta{width:100%;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}@media(min-width:1025px){.page-input-screen{max-width:480px;margin:0 auto}}.book-start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-7) var(--space-5) var(--space-5);background:var(--color-surface-primary)}.book-start-screen__cover-area{filter:drop-shadow(0 8px 24px rgba(0,0,0,.12));margin-bottom:var(--space-6)}.book-start-screen__heading{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:var(--type-display-md-line-height);letter-spacing:var(--type-display-md-letter-spacing);color:var(--color-ink-primary);text-align:center;max-width:260px;margin-bottom:var(--space-5)}.book-start-screen__choices{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.book-start-screen__input-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-5)}.book-start-screen__input-wrapper{width:100%;max-width:180px}.book-start-screen__stats-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:320px}.book-start-screen__progress{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.book-start-screen__percent{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:600;color:var(--color-ink-secondary);letter-spacing:.04em}.book-start-screen__bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-6)}.book-start-screen__cta{width:100%;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}@media(min-width:1025px){.book-start-screen{max-width:480px;margin:0 auto}}.celebration-screen{display:flex;flex-direction:column;height:100dvh}.celebration-screen__card-area{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5);overflow:hidden}.celebration-screen__card-wrapper{width:1080px;height:1920px;transform-origin:center center;overflow:hidden;flex-shrink:0}.celebration-screen__actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}@media(min-width:1025px){.celebration-screen{max-width:480px;margin:0 auto}}.stats-screen{display:flex;flex-direction:column;flex:1}.stats-screen__content{display:flex;flex-direction:column;padding:var(--space-6);flex:1}.stats-screen__section{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-8)}.stats-screen__label{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-secondary)}.stats-screen__metrics{display:flex;gap:var(--space-8)}.stats-screen__metrics .stat-metric-card{align-items:flex-start}.stats-screen__summary-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.stats-screen__summary-value{font-family:var(--font-display);font-size:var(--type-body-md-size);font-weight:600;color:var(--color-ink-primary)}.stats-screen__summary-text{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary)}.stats-screen__summary-separator{font-size:var(--type-body-sm-size);color:var(--color-ink-tertiary);-webkit-user-select:none;user-select:none}.stats-screen__search{margin-top:var(--space-4)}.stats-screen__search--pinned{position:sticky;top:0;z-index:10;background:var(--color-surface-primary);margin:0 calc(-1 * var(--space-6));padding:var(--space-4) var(--space-6)}.stats-screen__sessions-list{display:flex;flex-direction:column;margin-top:var(--space-4);min-height:300px}.stats-screen__no-results{display:flex;align-items:center;justify-content:center;min-height:300px}.stats-screen__no-results-text{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary)}.stats-screen__show-more{display:flex;justify-content:center;margin-top:var(--space-3)}.stats-screen__sessions-list .session-list-item{margin:0 calc(-1 * var(--space-2));padding:var(--space-2)}.stats-screen__heatmap-detail{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.stats-screen__heatmap-detail-header{display:flex;justify-content:space-between;align-items:baseline}.stats-screen__heatmap-detail-date{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:600;color:var(--color-ink-primary)}.stats-screen__heatmap-detail-duration{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary)}.stats-screen__heatmap-detail-empty{display:block;font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);margin-top:var(--space-1)}.stats-screen__heatmap-detail-books{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.stats-screen__heatmap-detail-book{display:flex;justify-content:space-between;align-items:baseline}.stats-screen__heatmap-detail-title{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-primary)}.stats-screen__heatmap-detail-pages{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-secondary);flex-shrink:0;margin-left:var(--space-3)}.books-screen{display:flex;flex-direction:column;flex:1}.books-screen__content{display:flex;flex-direction:column;padding:var(--space-6);flex:1}.books-screen__reading{margin-top:var(--space-7);display:flex;flex-direction:column;gap:var(--space-5)}.books-screen__reading-heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink-primary)}.books-screen__reading-count{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);margin-left:var(--space-2)}.books-screen__current{margin-top:var(--space-7)}.books-screen__current-card{display:flex;gap:var(--space-5);align-items:flex-start;cursor:pointer}.books-screen__current-card:active{opacity:.85}.books-screen__current-meta{display:flex;flex-direction:column;flex:1;min-width:0;padding-top:var(--space-2)}.books-screen__current-title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:700;line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary)}.books-screen__current-author{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);color:var(--color-ink-secondary);letter-spacing:.04em;text-transform:uppercase;margin-top:var(--space-2)}.books-screen__current-progress{margin-top:var(--space-5)}.books-screen__current-cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-family:var(--font-display);font-style:italic;font-size:var(--type-body-md-size);color:var(--color-accent-ember);cursor:pointer}.books-screen__current-cta:active{opacity:.7}.books-screen__divider{width:100%;height:1px;border:none;background:var(--color-accent-ochre);opacity:.4;margin-top:var(--space-7)}.books-screen__finished-heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink-primary);margin-top:var(--space-7)}.books-screen__finished-count{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);margin-left:var(--space-2)}.books-screen__finished-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.books-screen__finished-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer}.books-screen__finished-item:active{opacity:.85}.books-screen__finished-title{font-family:var(--font-body);font-size:var(--type-body-xs-size);color:var(--color-ink-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.books-screen__finished-author{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);color:var(--color-ink-secondary);letter-spacing:.04em;text-transform:uppercase;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.books-screen__add{margin-top:var(--space-7);display:flex;justify-content:center}.book-detail{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-6)}.book-detail__cover-wrapper{position:relative}.book-detail__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink-primary);text-align:center}.book-detail__edit-button{position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface-primary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-full);color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.book-detail__edit-button:hover{border-color:var(--color-accent-ember);color:var(--color-accent-ember)}.book-detail__author{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);color:var(--color-ink-secondary);letter-spacing:.04em;text-transform:uppercase;margin-top:calc(-1 * var(--space-3))}.book-detail__stats{display:flex;justify-content:space-around;width:100%}.book-detail__sessions-heading{font-family:var(--font-display);font-size:var(--type-body-md-size);font-weight:600;color:var(--color-ink-primary);align-self:flex-start}.book-detail__sessions-list{display:flex;flex-direction:column;width:100%;max-height:240px;overflow-y:auto}.book-detail__progress{width:100%}.book-detail__actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-3)}.book-detail__confirm{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-6)}.book-detail__confirm-heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink-primary);text-align:center}.book-detail__confirm-body{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary);text-align:center}.book-detail__destructive-button{background:var(--color-accent-burgundy)}.book-detail__destructive-button:active:not(:disabled){filter:brightness(.88)}@media(hover:hover){.book-detail__destructive-button:hover:not(:disabled){filter:brightness(.92)}}.book-detail__log-form{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) var(--space-5) var(--space-6)}.book-detail__log-form .text-input-number-wrapper{align-items:flex-start}.book-detail__log-form .text-input--number{font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);max-width:100px;text-align:left;padding:var(--space-1) 0;border-bottom-width:1.5px}.book-detail__log-form .text-input--number::placeholder{font-size:var(--type-display-sm-size)}.book-detail__log-heading{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary)}.book-detail__log-field{display:flex;flex-direction:column;gap:var(--space-1)}.book-detail__log-label{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:var(--type-body-xs-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-secondary)}.book-detail__log-page-row{display:flex;align-items:baseline;gap:var(--space-2)}.book-detail__log-page-separator{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:400;color:var(--color-ink-secondary);flex-shrink:0}.book-detail__log-duration-row{display:flex;align-items:baseline;gap:var(--space-2)}.book-detail__log-duration-unit{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:400;color:var(--color-ink-secondary);flex-shrink:0}.book-detail__log-date-pills{display:flex;gap:var(--space-2);position:relative}.book-detail__log-date-pill{font-family:var(--font-body);font-size:var(--type-body-sm-size);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-ink-tertiary);background:none;color:var(--color-ink-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.book-detail__log-date-pill--active{background:var(--color-accent-ember);border-color:var(--color-accent-ember);color:var(--color-on-accent)}.book-detail__log-date-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.book-detail__edit-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-6);align-items:center}.book-detail__edit-cover-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.book-detail__edit-cover-options{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px}.book-detail__edit-cover-option{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:2px solid transparent;padding:0;cursor:pointer;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;opacity:.7;transition:transform var(--duration-instant) var(--ease-default),border-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.book-detail__edit-cover-option:active{transform:scale(.92)}.book-detail__edit-cover-option--selected{opacity:1;border-color:var(--color-accent-ember)}.book-detail__edit-cover-action{width:28px;height:28px;aspect-ratio:auto;border:1.5px dashed var(--color-surface-tertiary);border-radius:var(--radius-full);color:var(--color-ink-secondary);opacity:1;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default)}.book-detail__edit-cover-action:hover{border-color:var(--color-accent-ember);color:var(--color-accent-ember)}.book-detail__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.book-detail__edit-field{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.book-detail__edit-label{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:var(--type-body-xs-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-secondary)}.book-detail__edit-input{width:100%;border:none;border-bottom:1px solid var(--color-surface-tertiary);background:transparent;font-family:var(--font-body);font-size:var(--type-body-lg-size);color:var(--color-ink-primary);outline:none;padding:var(--space-1) 0 var(--space-2);transition:border-color var(--duration-fast) var(--ease-default)}.book-detail__edit-input:focus{border-color:var(--color-accent-ember)}.book-detail__edit-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-3)}.settings-screen{display:flex;flex-direction:column;flex:1}.settings-screen__content{display:flex;flex-direction:column;padding:var(--space-6) var(--space-6) var(--space-10);flex:1}.settings-screen__account-card{display:flex;flex-direction:column;gap:var(--space-3)}.settings-screen__account-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.settings-screen__account-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.settings-screen__account-avatar-placeholder{width:40px;height:40px;flex-shrink:0;color:var(--color-ink-secondary)}.settings-screen__account-details{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-screen__account-name{font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:600;color:var(--color-ink-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-screen__account-email{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-screen__account-anonymous{display:flex;flex-direction:column;gap:var(--space-4)}.settings-screen__account-message{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);color:var(--color-ink-secondary);margin:0}.settings-screen__contact{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-top:var(--space-6);margin-bottom:var(--space-6);background:var(--color-surface-secondary);border-radius:var(--radius-lg)}.settings-screen__contact-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--color-accent-ember-soft);color:var(--color-accent-ember)}.settings-screen__contact-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.settings-screen__contact-note{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);color:var(--color-ink-secondary);margin:0}.settings-screen__contact-email-row{display:flex;align-items:center;gap:var(--space-2)}.settings-screen__contact-email{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-secondary);text-decoration:none}.settings-screen__contact-email:active{opacity:.7}.settings-screen__contact-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--color-surface-tertiary);color:var(--color-ink-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.settings-screen__contact-copy:active{background:var(--color-surface-primary)}.settings-screen__section{margin-bottom:var(--space-7)}.settings-screen__section-title{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary);margin:0 0 var(--space-3)}.settings-screen__goal-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.settings-screen__goal-button{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:50%;border:1.5px solid var(--color-surface-tertiary);background:var(--color-surface-secondary);color:var(--color-ink-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default);-webkit-tap-highlight-color:transparent}.settings-screen__goal-button:active:not(:disabled){transform:scale(.92)}.settings-screen__goal-button:disabled{opacity:.3;cursor:default}.settings-screen__goal-value{font-family:var(--font-display);font-size:var(--type-display-md-size);font-weight:var(--type-display-md-weight);line-height:1;color:var(--color-ink-primary);min-width:64px;text-align:center}.settings-screen__goal-unit{font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:400;color:var(--color-ink-secondary)}.settings-screen__action-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;border:none;background:transparent;font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink-primary);cursor:pointer;text-align:left;text-decoration:none}.settings-screen__action-row:active{opacity:.7}.settings-screen__action-row--muted{color:var(--color-ink-secondary);cursor:default}.settings-screen__action-row--muted:active{opacity:1}.settings-screen__action-row--danger{color:var(--color-accent-burgundy)}.settings-screen__delete-confirm{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-secondary)}.settings-screen__delete-warning{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:1.5;color:var(--color-ink-primary);margin:0}.settings-screen__delete-prompt{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:1.5;color:var(--color-ink-secondary);margin:0}.settings-screen__delete-input{width:100%;padding:var(--space-3);border:1.5px solid var(--color-surface-tertiary);border-radius:var(--radius-md);background:var(--color-surface-primary);font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-ink-primary);box-sizing:border-box}.settings-screen__delete-input:focus{outline:none;border-color:var(--color-accent-burgundy)}.settings-screen__delete-input::placeholder{color:var(--color-ink-tertiary)}.settings-screen__delete-actions{display:flex;gap:var(--space-3)}.settings-screen__delete-button{flex:1;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--color-accent-burgundy);color:var(--color-on-accent);font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:600;cursor:pointer}.settings-screen__delete-button:disabled{opacity:.35;cursor:default}.settings-screen__delete-button:active:not(:disabled){opacity:.85}.legal-page{min-height:100dvh;background:var(--color-surface-primary)}.legal-page__back{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:var(--space-3) 0 0 var(--space-3);border:none;border-radius:50%;background:var(--color-surface-primary);color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.legal-page__back:active{color:var(--color-ink-primary)}.legal-page__body{max-width:640px;margin:0 auto;padding:var(--space-2) var(--space-6) var(--space-10)}.legal-page__title{font-family:var(--font-display);font-size:var(--type-display-lg-size);font-weight:var(--type-display-lg-weight);line-height:var(--type-display-lg-line-height);color:var(--color-ink-primary);margin:0 0 var(--space-2)}.legal-page__updated{font-family:var(--font-body);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height);color:var(--color-ink-secondary);margin:0 0 var(--space-8)}.legal-page__body h2{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);color:var(--color-ink-primary);margin:var(--space-8) 0 var(--space-3)}.legal-page__body p{font-family:var(--font-body);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);color:var(--color-ink-primary);margin:0 0 var(--space-4)}.legal-page__body ul{font-family:var(--font-body);font-size:var(--type-body-md-size);line-height:var(--type-body-md-line-height);color:var(--color-ink-primary);margin:0 0 var(--space-4);padding-left:var(--space-6)}.legal-page__body li{margin-bottom:var(--space-2)}.legal-page__body strong{font-weight:600}.legal-page__body a{color:var(--color-accent-ember);text-underline-offset:2px}.onboarding-layout{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;padding:var(--space-6);padding-top:calc(44px + var(--space-10) + env(safe-area-inset-top,0px))}.onboarding-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-3) var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px))}.onboarding-header__back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-ink-secondary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.onboarding-header__back:active{color:var(--color-ink-primary)}.onboarding-header__dots{flex:1;min-width:0}.onboarding-layout--browse,.onboarding-layout--landing{justify-content:flex-start;height:auto;min-height:100dvh;padding:0}@media(min-width:1025px){.onboarding-layout{max-width:480px;margin:0 auto}.onboarding-layout--landing{max-width:none}}.collage-grid{display:grid;grid-auto-flow:dense;-webkit-user-select:none;user-select:none;touch-action:none;transition:gap .4s var(--ease-default)}.collage-grid__cell{position:relative;overflow:hidden;cursor:grab}.collage-grid__cell--featured{cursor:default}.collage-grid__cell:active{cursor:grabbing}.collage-grid__cell--featured:active{cursor:default}.collage-grid__cell .book-cover{width:100%;height:100%;border-radius:inherit;pointer-events:none}.collage-grid__cell .book-cover img{width:100%;height:100%;object-fit:cover;pointer-events:none}.collage-grid__drag-overlay{position:fixed;left:0;top:0;z-index:100;pointer-events:none;overflow:hidden;box-shadow:0 24px 48px #2c252066,0 8px 16px #2c252033}.collage-grid__drag-overlay .book-cover{width:100%;height:100%;border-radius:inherit}.collage-grid__drag-overlay .book-cover img{width:100%;height:100%;object-fit:cover}.collage-size-selector{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.collage-size-selector__platforms{display:flex;gap:var(--space-2);justify-content:center}.collage-size-selector__platform{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);border:1.5px solid var(--color-surface-tertiary);background:var(--color-surface-primary);color:var(--color-ink-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default);-webkit-user-select:none;user-select:none}.collage-size-selector__platform:hover{border-color:var(--color-ink-tertiary)}.collage-size-selector__platform:active{transform:scale(.96)}.collage-size-selector__platform:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:2px}.collage-size-selector__platform--active{background:var(--color-accent-ember);border-color:var(--color-accent-ember);color:var(--color-on-accent)}.collage-size-selector__sizes{display:flex;flex-wrap:wrap;gap:var(--space-3)}.size-card{flex:1 1 calc(50% - var(--space-3) / 2);min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:var(--color-surface-primary);border:1.5px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default);-webkit-user-select:none;user-select:none}@media(min-width:480px){.size-card{flex:1 1 0;min-width:0}}.size-card:hover{border-color:var(--color-ink-tertiary)}.size-card:active{transform:scale(.97)}.size-card:focus-visible{outline:2px solid var(--color-accent-ember);outline-offset:2px}.size-card--selected{border-color:var(--color-accent-ember);background:var(--color-accent-ember-soft);box-shadow:0 2px 12px #b9541f1f}.size-card__text{display:flex;flex-direction:column;align-items:center;gap:2px}.size-card__label{font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:600;color:var(--color-ink-primary);line-height:1.2;transition:color var(--duration-fast) var(--ease-default)}.size-card--selected .size-card__label{color:var(--color-accent-ember)}.size-card__dimensions{font-family:var(--font-body);font-size:var(--type-body-xs-size);font-weight:500;color:var(--color-ink-secondary);line-height:var(--type-body-xs-line-height);font-variant-numeric:tabular-nums}.shape-preview{width:100%;height:80px;display:flex;align-items:center;justify-content:center}.shape-preview__frame{display:grid;grid-auto-flow:dense;gap:3px;padding:5px;border-radius:var(--radius-sm);background:var(--color-surface-tertiary);transition:background var(--duration-fast) var(--ease-default)}.size-card--selected .shape-preview__frame{background:#b9541f14}@keyframes cell-appear{0%{opacity:0;transform:scale(.5)}}.shape-preview__cell{width:12px;aspect-ratio:1 / 1.6;border-radius:2px;background:var(--color-ink-tertiary);opacity:.7;animation:cell-appear .2s var(--ease-enter) both;transition:background var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.shape-preview__cell--hero{grid-column:1 / span 2;grid-row:1 / span 2;width:auto;aspect-ratio:auto;border-radius:3px}.size-card--selected .shape-preview__cell{background:var(--color-accent-ember);opacity:.6}.collage-book-list{display:flex;flex-direction:column;flex:1;min-height:0}@media(min-width:1025px){.collage-book-list{max-height:70vh;flex:none}}.collage-book-list__content{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1;min-height:0}.collage-book-list__header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:8px}.collage-book-list__header-spacer{flex:1}.collage-book-list__title{font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--color-ink-primary)}.collage-book-list__clear{border:none;background:none;padding:4px 8px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-ink-secondary);cursor:pointer;border-radius:6px;transition:color var(--duration-fast) var(--ease-out)}.collage-book-list__clear:hover{color:var(--color-ink-primary)}.collage-book-list__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:var(--color-surface-secondary);color:var(--color-ink-secondary);cursor:pointer;padding:0;margin-left:var(--space-2);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.collage-book-list__close:hover{background:var(--color-surface-tertiary);color:var(--color-ink-primary)}.collage-book-list__items{display:flex;flex-direction:column;gap:2px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;-webkit-overflow-scrolling:touch}@media(min-width:1025px){.collage-book-list__items{max-height:380px;flex:none}}.collage-book-list__row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;transition:background var(--duration-fast) var(--ease-out)}.collage-book-list__row-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.collage-book-list__row-title{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collage-book-list__row-author{font-family:var(--font-body);font-size:13px;color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collage-book-list__row-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.collage-book-list__row-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--color-ink-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.collage-book-list__row-action:hover{background:var(--color-surface-secondary);color:var(--color-ink-primary)}.collage-book-list__add{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-top:8px;border-radius:12px;border:1px dashed var(--color-border-primary);background:none;color:var(--color-ink-secondary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.collage-book-list__add:hover{border-color:var(--color-accent-ember);color:var(--color-ink-primary)}.collage-book-list__empty{text-align:center;padding:32px 16px;font-family:var(--font-body);font-size:14px;color:var(--color-ink-secondary)}.collage-book-search{display:flex;flex-direction:column;gap:16px;padding:16px;flex:1;min-height:0}@media(min-width:1025px){.collage-book-search{flex:none}}.collage-book-search__header{display:flex;align-items:center;gap:10px}.collage-book-search__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:var(--color-surface-secondary);color:var(--color-ink-primary);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out)}.collage-book-search__back:hover{background:var(--color-border-primary)}.collage-book-search__input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--color-border-primary);background:var(--color-surface-secondary);color:var(--color-ink-primary);font-family:var(--font-body);font-size:var(--type-body-md-size);outline:none;min-width:0;transition:border-color var(--duration-fast) var(--ease-out)}.collage-book-search__input:focus{border-color:var(--color-accent-ember)}.collage-book-search__results{display:flex;flex-direction:column;gap:2px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;-webkit-overflow-scrolling:touch}@media(min-width:1025px){.collage-book-search__results{max-height:320px;flex:none}}.collage-book-search__result{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:none;background:none;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.collage-book-search__result:hover{background:var(--color-surface-secondary)}.collage-book-search__result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.collage-book-search__result-title{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collage-book-search__result-author{font-family:var(--font-body);font-size:13px;color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collage-book-search__empty{text-align:center;padding:32px 16px;font-family:var(--font-body);font-size:14px;color:var(--color-ink-secondary)}.collage-book-search__upload{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px dashed var(--color-border-primary);background:none;color:var(--color-ink-secondary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.collage-book-search__upload:hover{border-color:var(--color-accent-ember);color:var(--color-ink-primary)}.collage-cover-picker{display:flex;flex-direction:column;gap:16px;padding:16px;flex:1;min-height:0}@media(min-width:1025px){.collage-cover-picker{flex:none}}.collage-cover-picker__header{display:flex;align-items:center;gap:12px}.collage-cover-picker__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:var(--color-surface-secondary);color:var(--color-ink-primary);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out)}.collage-cover-picker__back:hover{background:var(--color-border-primary)}.collage-cover-picker__header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.collage-cover-picker__header-title{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collage-cover-picker__header-author{font-family:var(--font-body);font-size:13px;color:var(--color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collage-cover-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;-webkit-overflow-scrolling:touch}@media(min-width:1025px){.collage-cover-picker__grid{max-height:320px;flex:none}}.collage-cover-picker__cover-button{border:none;padding:0;background:none;cursor:pointer}.collage-cover-picker__upload{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px dashed var(--color-border-primary);background:none;color:var(--color-ink-secondary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.collage-cover-picker__upload:hover{border-color:var(--color-accent-ember);color:var(--color-ink-primary)}.collage-cover-picker__shimmer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px}.collage-edit-overlay__backdrop{position:fixed;inset:0;background:#00000080;z-index:900}.collage-edit-overlay__positioner{position:fixed;inset:0;z-index:901;pointer-events:none}@media(min-width:1025px){.collage-edit-overlay__positioner{display:flex;align-items:center;justify-content:center}}.collage-edit-overlay__panel{width:100%;height:100%;background:var(--color-surface-primary);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;pointer-events:auto;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}@media(min-width:1025px){.collage-edit-overlay__panel{width:480px;height:auto;max-height:80vh;border-radius:16px;box-shadow:var(--shadow-lg);padding-bottom:0}}.collage-builder{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding-top:var(--space-5)}@media(min-width:1025px){.collage-builder{flex-direction:row;align-items:flex-start;padding:var(--space-3) 0}}.collage-builder__header{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;font-weight:600;letter-spacing:.02em;text-align:center;line-height:1.25;overflow-wrap:break-word;word-wrap:break-word;pointer-events:none;padding:0 16px 12px;box-sizing:border-box;transition:height .4s var(--ease-default),font-size .4s var(--ease-default)}.collage-builder__grid-wrapper{position:relative;border-radius:var(--radius-lg);box-sizing:border-box;box-shadow:0 12px 40px #2c252038,0 4px 12px #2c25201a;overflow:clip;margin:var(--space-2) 0;flex-shrink:0;transition:background .3s ease,height .4s var(--ease-default),padding .4s var(--ease-default)}@media(min-width:1025px){.collage-builder__grid-wrapper{margin:0}}.collage-builder__controls{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:380px;padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-lg);box-sizing:border-box}@media(min-width:1025px){.collage-builder__controls{width:380px;max-width:none;flex-shrink:0}}.collage-builder__controls-row{display:flex;align-items:center;gap:var(--space-2)}.collage-builder__action{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-surface-tertiary);background:var(--color-surface-primary);color:var(--color-ink-primary);font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-default)}.collage-builder__action:hover{border-color:var(--color-ink-tertiary)}.collage-builder__action--active{border-color:var(--color-accent-ember);background:var(--color-accent-ember-soft)}.collage-builder__action--export{margin-left:auto;background:var(--color-accent-ember);border-color:var(--color-accent-ember);color:var(--color-on-accent)}.collage-builder__action--export:hover{opacity:.92}.collage-builder__action--export:disabled{opacity:.8;cursor:default}.collage-builder__swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-ink-tertiary);cursor:pointer;flex-shrink:0;padding:0;transition:border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.collage-builder__swatch:hover{transform:scale(1.1)}.collage-builder__swatch--active{border-color:var(--color-accent-ember);border-width:2.5px}.collage-builder__header-input{padding:8px 12px;border-radius:var(--radius-md);border:1.5px solid transparent;background:var(--color-surface-tertiary);color:var(--color-ink-primary);font-family:var(--font-body);font-size:16px;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--duration-fast) var(--ease-default)}@media(min-width:1025px){.collage-builder__header-input{font-size:var(--type-body-sm-size)}}.collage-builder__header-input::placeholder{color:var(--color-ink-tertiary)}.collage-builder__header-input:focus{border-color:var(--color-accent-ember)}@media(min-width:1025px){.collage-builder__dimensions-toggle{display:none}}@keyframes collage-export-spin{to{transform:rotate(360deg)}}.collage-builder__export-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:collage-export-spin .6s linear infinite}.collage-builder__branding{position:absolute;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:top .4s var(--ease-default),left .4s var(--ease-default),right .4s var(--ease-default)}.collage-builder__branding-logo{height:18px;width:auto}.collage-builder__branding-url{font-family:var(--font-body);font-size:11px;font-weight:500;line-height:1;letter-spacing:.02em}.collage-screen{display:flex;flex-direction:column;flex:1}.collage-screen__content{display:flex;flex-direction:column;padding:var(--space-6);flex:1}.collage-screen__title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);line-height:var(--type-display-sm-line-height);letter-spacing:var(--type-display-sm-letter-spacing);color:var(--color-ink-primary);margin:var(--space-7) 0 0}@media(min-width:1025px){.collage-screen__content{max-width:740px;width:100%;margin:0 auto;padding:var(--space-6) var(--space-5)}.collage-screen__title{margin-bottom:var(--space-4)}}.app-layout{display:flex;flex-direction:column;height:100dvh}.app-layout__main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.app-layout__nav{flex-shrink:0;position:relative;z-index:1}@media(min-width:1025px){.app-layout{flex-direction:row}.app-layout__nav{order:-1;width:72px;background:var(--color-surface-primary);border-right:.5px solid var(--color-surface-tertiary)}.app-layout__main{max-width:600px;margin:0 auto;width:100%}.app-layout__main:has(.collage-builder){max-width:none}}:root{--color-surface-primary: #FAF5ED;--color-surface-secondary: #F0E9DE;--color-surface-tertiary: #E4DCD0;--color-ink-primary: #2C2520;--color-ink-secondary: #7A6F64;--color-ink-tertiary: #A89E93;--color-accent-ember: #B9541F;--color-accent-ember-soft: #B9541F1A;--color-on-accent: #FFFFFF;--color-accent-sage: #6B7F5E;--color-accent-ochre: #C4983E;--color-accent-burgundy: #8C3A3A;--color-heatmap-0: #E6DFD4;--color-heatmap-1: #D4C4AA;--color-heatmap-2: #C4983E;--color-heatmap-3: #B9541F;--font-display: "Source Serif 4 Variable", Georgia, serif;--font-body: "Source Sans 3 Variable", -apple-system, sans-serif;--type-display-xl-size: 3.5rem;--type-display-xl-weight: 600;--type-display-xl-line-height: 1.1;--type-display-xl-letter-spacing: -.02em;--type-display-lg-size: 2.5rem;--type-display-lg-weight: 600;--type-display-lg-line-height: 1.1;--type-display-lg-letter-spacing: -.02em;--type-display-md-size: 1.75rem;--type-display-md-weight: 600;--type-display-md-line-height: 1.2;--type-display-md-letter-spacing: -.02em;--type-display-sm-size: 1.25rem;--type-display-sm-weight: 600;--type-display-sm-line-height: 1.2;--type-display-sm-letter-spacing: 0;--type-body-lg-size: 1.125rem;--type-body-lg-weight: 400;--type-body-lg-line-height: 1.5;--type-body-md-size: 1rem;--type-body-md-weight: 400;--type-body-md-line-height: 1.5;--type-body-sm-size: .875rem;--type-body-sm-weight: 400;--type-body-sm-line-height: 1.5;--type-body-xs-size: .75rem;--type-body-xs-weight: 500;--type-body-xs-line-height: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(44, 37, 32, .08);--shadow-md: 0 4px 12px rgba(44, 37, 32, .1);--shadow-lg: 0 8px 24px rgba(44, 37, 32, .14);--shadow-book: 4px 4px 16px rgba(44, 37, 32, .25);--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s}.dark{--color-surface-primary: #1A1714;--color-surface-secondary: #252118;--color-surface-tertiary: #352F26;--color-ink-primary: #E8E0D4;--color-ink-secondary: #A89E93;--color-ink-tertiary: #6B6158;--color-accent-ember: #E8784A;--color-accent-ember-soft: #E8784A1A;--color-on-accent: #2C2520;--color-accent-sage: #8BA07A;--color-accent-ochre: #D4A84E;--color-accent-burgundy: #B05050}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;background:var(--color-surface-primary);color:var(--color-ink-primary)}#root{min-height:100dvh}input,button,textarea{font-family:inherit}.onboarding-back{position:absolute;top:var(--space-5);left:var(--space-5);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.onboarding-back:active{color:var(--color-ink-primary)}