:root{--color-background:#0b0e1a;--color-background-elevated:#1b1e3a;--color-surface:#161a2e;--color-surface-elevated:#212642;--color-surface-overlay:#2a2f52;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-accent:#7b6cf6;--color-accent-soft:#9b8cff;--color-accent-blue:#5a7bff;--color-accent-purple:#9b5cf6;--color-accent-muted:#7b6cf629;--color-text-primary:#f2f3fa;--color-text-secondary:#99a0bc;--color-text-tertiary:#5c6484;--color-text-on-accent:#fff;--color-status-success:#4ecb8f;--color-status-warning:#f2b457;--color-status-danger:#f2586c;--color-status-info:#5a7bff;--color-focus:#9b8cff;--color-overlay:#0b0e1ab8;--gradient-accent:linear-gradient(135deg, #5a7bff 0%, #9b5cf6 100%);--gradient-background:linear-gradient(180deg, #1b1e3a 0%, #0b0e1a 100%);--gradient-scrim:linear-gradient(180deg, #0b0e1a00 0%, #0b0e1ae6 100%);--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:32px;--spacing-8:40px;--spacing-9:48px;--spacing-10:64px;--radius-none:0px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-circle:50%;--typography-font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--typography-font-size-xs:12px;--typography-font-size-sm:14px;--typography-font-size-md:16px;--typography-font-size-lg:20px;--typography-font-size-xl:24px;--typography-font-size-2xl:30px;--typography-font-size-3xl:36px;--typography-font-weight-regular:400;--typography-font-weight-medium:500;--typography-font-weight-semibold:600;--typography-font-weight-bold:700;--typography-line-height-tight:1.2;--typography-line-height-snug:1.35;--typography-line-height-normal:1.55;--typography-line-height-relaxed:1.7;--typography-letter-spacing-tight:-.01em;--typography-letter-spacing-normal:0em;--typography-letter-spacing-wide:.06em;--typography-measure:68ch;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 18px 48px #00000073;--shadow-glow:0 12px 36px #7b6cf659;--shadow-dock:0 -12px 32px #00000073;--motion-duration-fast:.12s;--motion-duration-base:.2s;--motion-duration-slow:.32s;--motion-duration-slower:.48s;--motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--motion-easing-emphasized:cubic-bezier(.3, 0, .1, 1);--motion-easing-linear:linear;--layout-max-content-width:1200px;--layout-sidebar-width:248px;--layout-topbar-height:64px;--layout-player-dock-height:88px;--layout-bottom-nav-height:64px;--layout-touch-target:44px;--layout-content-padding:20px;--layout-content-padding-wide:32px;--layout-safe-area-top:env(safe-area-inset-top,0px);--layout-safe-area-bottom:env(safe-area-inset-bottom,0px);--layout-safe-area-left:env(safe-area-inset-left,0px);--layout-safe-area-right:env(safe-area-inset-right,0px);--layout-breakpoint-tablet:768px;--layout-breakpoint-desktop:1024px;--layout-breakpoint-wide:1440px;--layout-focus-ring-width:2px;--layout-focus-ring-offset:2px;--z-index-dock:30;--z-index-nav:40;--z-index-overlay:50;--z-index-skip-link:60}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-background);background-image:var(--gradient-background);min-height:100vh;color:var(--color-text-primary);font-family:var(--typography-font-family-sans);font-size:var(--typography-font-size-md);line-height:var(--typography-line-height-normal);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-attachment:fixed;margin:0}h1,h2,h3,p{margin:0}a{color:var(--color-accent-soft);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:var(--layout-focus-ring-width) solid var(--color-focus);outline-offset:var(--layout-focus-ring-offset)}.skip-link{left:var(--spacing-4);z-index:var(--z-index-skip-link);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-md);transition:top var(--motion-duration-fast) var(--motion-easing-standard);position:absolute;top:-100px}.skip-link:focus-visible{top:var(--spacing-4)}.app-shell{min-height:100vh;padding-left:var(--layout-safe-area-left);padding-right:var(--layout-safe-area-right);flex-direction:column;display:flex}.app-shell__body{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell__content{min-width:0;padding:var(--layout-content-padding);flex:1}.app-shell__content-inner{width:100%;max-width:var(--layout-max-content-width);margin:0 auto}.topbar{z-index:var(--z-index-nav);height:var(--layout-topbar-height);padding:var(--layout-safe-area-top) var(--layout-content-padding) 0;border-bottom:1px solid var(--color-border);background:var(--color-background);align-items:center;display:flex;position:sticky;top:0}.topbar__brand{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-semibold);letter-spacing:var(--typography-letter-spacing-tight)}.sidebar{display:none}.sidebar__nav{flex:1;overflow-y:auto}.nav-list{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-link{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard);display:flex}.nav-link:hover{background:var(--color-surface);color:var(--color-text-primary);text-decoration:none}.nav-link[aria-current=page]{background:var(--color-accent-muted);color:var(--color-text-primary)}.nav-link__icon{width:var(--layout-touch-target);height:var(--layout-touch-target);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-accent-soft);flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-link__text{min-width:0;padding-top:var(--spacing-1);flex-direction:column;display:flex}.nav-link__label{font-weight:var(--typography-font-weight-medium)}.nav-link__description{color:var(--color-text-tertiary);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-snug)}.sidebar__user{padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.sidebar__user-label{color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-wide);text-transform:uppercase}.sidebar__user-name{font-weight:var(--typography-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mark{width:var(--layout-touch-target);height:var(--layout-touch-target);border-radius:var(--radius-md);background:var(--gradient-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:inline-flex}.brand-name{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-semibold);letter-spacing:var(--typography-letter-spacing-tight)}.bottom-nav{z-index:var(--z-index-nav);padding-bottom:var(--layout-safe-area-bottom);border-top:1px solid var(--color-border);background:var(--color-surface);position:sticky;bottom:0}.bottom-nav__list{margin:0;padding:0;list-style:none;display:flex}.bottom-nav__list>li{flex:1}.bottom-nav__link{justify-content:center;align-items:center;gap:var(--spacing-1);min-height:var(--layout-bottom-nav-height);padding:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-wide);text-transform:uppercase;flex-direction:column;display:flex}.bottom-nav__link:hover{color:var(--color-text-primary);text-decoration:none}.bottom-nav__link[aria-current=page]{color:var(--color-accent-soft)}.bottom-nav__icon{display:inline-flex}.player-dock{bottom:calc(var(--layout-bottom-nav-height) + var(--layout-safe-area-bottom));z-index:var(--z-index-dock);border-top:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-dock);position:sticky}.player-dock__inner{justify-content:space-between;align-items:center;gap:var(--spacing-4);max-width:var(--layout-max-content-width);min-height:var(--layout-player-dock-height);padding:var(--spacing-3) var(--layout-content-padding);margin:0 auto;display:flex}.player-dock__meta{align-items:center;gap:var(--spacing-3);min-width:0;display:flex}.player-dock__art{width:var(--spacing-9);height:var(--spacing-9);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-accent-soft);flex:none;justify-content:center;align-items:center;display:inline-flex}.player-dock__text{flex-direction:column;min-width:0;display:flex}.player-dock__title{font-weight:var(--typography-font-weight-medium)}.player-dock__subtitle{color:var(--color-text-secondary);font-size:var(--typography-font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-dock__controls{align-items:center;gap:var(--spacing-2);flex:none;display:flex}.player-dock__expand svg{transition:transform var(--motion-duration-base) var(--motion-easing-standard)}.player-dock__expand svg.is-rotated{transform:rotate(180deg)}.player-dock__status{gap:var(--spacing-3);max-width:var(--layout-max-content-width);padding:0 var(--layout-content-padding) var(--spacing-2);color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs);flex-wrap:wrap;margin:0 auto;display:flex}.player-dock__status:empty{display:none}.player-dock__badge{align-items:center;gap:var(--spacing-1);display:inline-flex}.player-dock__spinner{width:var(--spacing-3);height:var(--spacing-3);border:2px solid var(--color-border-strong);border-top-color:var(--color-accent-soft);border-radius:var(--radius-circle);animation:cadence-spin var(--motion-duration-slower) var(--motion-easing-linear) infinite}.player-dock__progress{max-width:var(--layout-max-content-width);padding:0 var(--layout-content-padding);margin:0 auto}.player-dock__error{align-items:center;gap:var(--spacing-3);max-width:var(--layout-max-content-width);margin:0 auto var(--spacing-3);padding:var(--spacing-3) var(--layout-content-padding) 0;color:var(--color-status-danger);font-size:var(--typography-font-size-sm);flex-wrap:wrap;display:flex}.player-dock__error .button{color:var(--color-text-primary)}.player-dock__details{max-width:var(--layout-max-content-width);padding:var(--spacing-3) var(--layout-content-padding) var(--spacing-4);border-top:1px solid var(--color-border);margin:0 auto}.player-scrubber{align-items:center;gap:var(--spacing-3);width:100%;display:flex}.player-scrubber__time{min-width:3.5rem;color:var(--color-text-secondary);font-size:var(--typography-font-size-xs);font-variant-numeric:tabular-nums;flex:none}.player-scrubber__time:last-child{text-align:right}.player-scrubber__field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.player-scrubber__rail{border-radius:var(--radius-pill);background:var(--color-surface-overlay);height:6px;position:absolute;left:0;right:0;overflow:hidden}.player-scrubber__buffered{background:var(--color-border-strong);height:100%}.player-scrubber__played{background:var(--gradient-accent);height:100%;position:absolute;top:0;left:0}.player-scrubber__input{z-index:1;width:100%;height:var(--layout-touch-target);cursor:pointer;appearance:none;background:0 0;margin:0;position:relative}.player-scrubber__input::-webkit-slider-runnable-track{background:0 0;height:6px}.player-scrubber__input::-webkit-slider-thumb{border-radius:var(--radius-circle);background:var(--color-text-primary);-webkit-appearance:none;border:none;width:16px;height:16px;margin-top:-5px}.player-scrubber__input::-moz-range-track{background:0 0;height:6px}.player-scrubber__input::-moz-range-thumb{border-radius:var(--radius-circle);background:var(--color-text-primary);border:none;width:16px;height:16px}.player-scrubber__input:disabled{cursor:not-allowed;opacity:.5}.player-details{gap:var(--spacing-4);grid-template-columns:minmax(0,1fr);display:grid}.player-details__field{gap:var(--spacing-2);flex-direction:column;min-width:0;display:flex}.player-details__field--status{justify-content:center;align-items:flex-start}.player-details__label{align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-wide);text-transform:uppercase;display:inline-flex}.player-details__select{min-height:var(--layout-touch-target);padding:0 var(--spacing-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font:inherit}.player-details__rates{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.player-details__rate{min-width:var(--layout-touch-target);min-height:var(--layout-touch-target);padding:0 var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;cursor:pointer}.player-details__rate.is-selected{background:var(--color-accent-muted);color:var(--color-text-primary);border-color:#0000}.player-details__rate:disabled{cursor:not-allowed;opacity:.5}.player-details__range{width:100%;min-height:var(--layout-touch-target);accent-color:var(--color-accent-soft)}.player-details__hint{color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs)}@media (min-width:768px){.player-details{grid-template-columns:repeat(3,minmax(0,1fr))}}.button{justify-content:center;align-items:center;gap:var(--spacing-2);min-height:var(--layout-touch-target);padding:0 var(--spacing-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-weight:var(--typography-font-weight-medium);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-standard), filter var(--motion-duration-fast) var(--motion-easing-standard);display:inline-flex}.button:hover:not(:disabled){text-decoration:none;transform:translateY(-1px)}.button--primary{background:var(--gradient-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-glow);border-color:#0000}.button--block{width:100%}.button:disabled{cursor:not-allowed;opacity:.55}.icon-button{width:var(--layout-touch-target);height:var(--layout-touch-target);border:1px solid var(--color-border);border-radius:var(--radius-circle);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-button--primary{background:var(--gradient-accent);color:var(--color-text-on-accent);border-color:#0000}.icon-button:disabled{cursor:not-allowed;opacity:.5}.page{gap:var(--spacing-6);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.page-header__text{gap:var(--spacing-2);max-width:var(--typography-measure);flex-direction:column;display:flex}.page-header__title{font-size:var(--typography-font-size-2xl);font-weight:var(--typography-font-weight-semibold);letter-spacing:var(--typography-letter-spacing-tight)}.page-header__description{color:var(--color-text-secondary)}.state{align-items:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.state__spinner{width:var(--spacing-7);height:var(--spacing-7);border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-circle);animation:cadence-spin var(--motion-duration-slower) var(--motion-easing-linear) infinite}.state__icon{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-circle);background:var(--color-accent-muted);color:var(--color-accent-soft);justify-content:center;align-items:center;display:inline-flex}.state__title{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-semibold)}.state__description{max-width:var(--typography-measure);color:var(--color-text-secondary)}.state--error{border-color:var(--color-status-danger)}.state--error .state__title{color:var(--color-status-danger)}@keyframes cadence-spin{to{transform:rotate(360deg)}}.auth-screen,.boot-screen{min-height:100vh;padding:var(--spacing-6) var(--layout-content-padding);padding-top:calc(var(--spacing-6) + var(--layout-safe-area-top));padding-bottom:calc(var(--spacing-6) + var(--layout-safe-area-bottom));justify-content:center;align-items:center;display:flex}.auth-panel{width:100%;max-width:26rem}.auth-panel__card{gap:var(--spacing-4);padding:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.auth-panel__brand{align-items:center;gap:var(--spacing-3);display:flex}.auth-panel__title{font-size:var(--typography-font-size-xl);font-weight:var(--typography-font-weight-semibold);letter-spacing:var(--typography-letter-spacing-tight)}.auth-panel__reason{color:var(--color-text-secondary)}.auth-panel__error{padding:var(--spacing-3);border:1px solid var(--color-status-danger);border-radius:var(--radius-md);background:var(--color-overlay);color:var(--color-status-danger);font-size:var(--typography-font-size-sm)}.auth-panel__note{color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs);line-height:var(--typography-line-height-snug)}.auth-form{gap:var(--spacing-4);flex-direction:column;display:flex}.segmented{gap:var(--spacing-1);padding:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-elevated);display:flex}.segmented__option{min-height:var(--layout-touch-target);border-radius:var(--radius-pill);color:var(--color-text-secondary);font:inherit;font-weight:var(--typography-font-weight-medium);cursor:pointer;background:0 0;border:none;flex:1}.segmented__option.is-selected{background:var(--color-accent-muted);color:var(--color-text-primary)}.field{gap:var(--spacing-2);flex-direction:column;display:flex}.field__label{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-medium);color:var(--color-text-secondary)}.field__input{min-height:var(--layout-touch-target);padding:var(--spacing-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text-primary);font:inherit}.field__input::placeholder{color:var(--color-text-tertiary)}.field__input[aria-invalid=true]{border-color:var(--color-status-danger)}.field__hint{color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs)}.field__error{color:var(--color-status-danger);font-size:var(--typography-font-size-sm)}.profile{align-items:flex-start;gap:var(--spacing-6);flex-direction:column;display:flex}.detail-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;width:100%;max-width:34rem;margin:0;display:flex}.detail-list__row{gap:var(--spacing-2);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;display:flex}.detail-list__row:last-child{border-bottom:none}.detail-list__term{color:var(--color-text-secondary)}.detail-list__value{font-weight:var(--typography-font-weight-medium);margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button--compact{min-height:var(--spacing-7);padding:0 var(--spacing-4);font-size:var(--typography-font-size-sm)}.section-heading{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-semibold);letter-spacing:var(--typography-letter-spacing-tight)}.section-hint{max-width:var(--typography-measure);color:var(--color-text-secondary)}.inline-error{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-status-danger);border-radius:var(--radius-md);background:var(--color-overlay);color:var(--color-status-danger);font-size:var(--typography-font-size-sm)}.back-link{color:var(--color-text-secondary);font-weight:var(--typography-font-weight-medium);align-self:flex-start}.back-link:hover{color:var(--color-text-primary)}.book-cover{aspect-ratio:2/3;border-radius:var(--radius-md);background-color:var(--color-surface-elevated);width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.book-cover__monogram{color:var(--color-text-on-accent);font-size:var(--typography-font-size-2xl);font-weight:var(--typography-font-weight-bold);letter-spacing:var(--typography-letter-spacing-tight);text-shadow:var(--shadow-sm)}.book-cover__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book-cover--card{border-radius:var(--radius-md)}.book-cover--detail{border-radius:var(--radius-lg);max-width:15rem;box-shadow:var(--shadow-lg)}.book-cover--thumb{width:var(--spacing-10);border-radius:var(--radius-sm)}.progress{align-items:center;gap:var(--spacing-2);width:100%;display:flex}.progress__track{height:var(--spacing-1);border-radius:var(--radius-pill);background:var(--color-surface-overlay);flex:1;position:relative;overflow:hidden}.progress__fill{border-radius:var(--radius-pill);background:var(--gradient-accent);height:100%;display:block}.progress__value{color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs);font-variant-numeric:tabular-nums;flex:none}.progress-label{padding:0 var(--spacing-2);border-radius:var(--radius-pill);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);letter-spacing:var(--typography-letter-spacing-wide);text-transform:uppercase;align-items:center;display:inline-flex}.progress-label--unplayed{background:var(--color-surface-overlay);color:var(--color-text-secondary)}.progress-label--active{background:var(--color-accent-muted);color:var(--color-accent-soft)}.progress-label--finished{color:var(--color-status-success);background:#4ecb8f29}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-elevated) 0%, var(--color-surface-overlay) 50%, var(--color-surface-elevated) 100%);animation:cadence-shimmer var(--motion-duration-slower) var(--motion-easing-linear) infinite;background-size:200% 100%;display:block}.skeleton--cover{aspect-ratio:2/3;border-radius:var(--radius-md);width:100%}.skeleton--line{height:var(--spacing-3);margin-top:var(--spacing-3);width:80%}.skeleton--short{width:55%}.skeleton--bar{height:var(--spacing-1);margin-top:var(--spacing-3);width:100%}@keyframes cadence-shimmer{to{background-position:-200% 0}}.library{gap:var(--spacing-8);flex-direction:column;display:flex}.library__section{gap:var(--spacing-4);flex-direction:column;display:flex}.book-grid{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));display:grid}.book-card{flex-direction:column;min-width:0;display:flex}.book-card--skeleton{padding:0}.book-card__cover-link{display:block}.book-card__cover-link:hover{text-decoration:none}.book-card__body{gap:var(--spacing-2);padding-top:var(--spacing-3);flex-direction:column;display:flex}.book-card__title{font-size:var(--typography-font-size-md);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-snug)}.book-card__title a{color:var(--color-text-primary)}.book-card__author{color:var(--color-text-secondary);font-size:var(--typography-font-size-sm)}.book-card__meta{align-items:center;gap:var(--spacing-1);color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs);flex-wrap:wrap;display:flex}.book-card__actions{gap:var(--spacing-2);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.book-card__now-playing{color:var(--color-accent-soft);font-size:var(--typography-font-size-xs)}.continue-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.continue-item{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.continue-item__text{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.continue-item__title{font-weight:var(--typography-font-weight-medium)}.continue-item__meta{color:var(--color-text-secondary);font-size:var(--typography-font-size-sm)}.continue-item__actions{gap:var(--spacing-2);display:flex}.book-detail{gap:var(--spacing-6)}.book-detail__hero{gap:var(--spacing-5);flex-direction:column;display:flex}.book-detail__intro{gap:var(--spacing-4);flex-direction:column;min-width:0;display:flex}.book-detail__title{font-size:var(--typography-font-size-2xl);font-weight:var(--typography-font-weight-semibold);letter-spacing:var(--typography-letter-spacing-tight)}.book-detail__author{color:var(--color-text-secondary);font-size:var(--typography-font-size-lg)}.book-detail__facts{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;display:grid}.book-detail__fact{gap:var(--spacing-1);flex-direction:column;display:flex}.book-detail__fact dt{color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-wide);text-transform:uppercase}.book-detail__fact dd{font-weight:var(--typography-font-weight-medium);margin:0}.book-detail__progress{gap:var(--spacing-2);flex-direction:column;max-width:32rem;display:flex}.book-detail__position{color:var(--color-text-secondary);font-size:var(--typography-font-size-sm);font-variant-numeric:tabular-nums}.book-detail__actions,.book-detail__state-actions{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.book-detail__columns{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}.book-detail__panel{gap:var(--spacing-3);flex-direction:column;display:flex}.book-detail__description{max-width:var(--typography-measure);color:var(--color-text-secondary);line-height:var(--typography-line-height-relaxed);white-space:pre-line}.chapter-list{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chapter-list__item{justify-content:space-between;align-items:baseline;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex}.chapter-list__item:last-child{border-bottom:none}.chapter-list__title{min-width:0}.chapter-list__time{color:var(--color-text-tertiary);font-size:var(--typography-font-size-sm);font-variant-numeric:tabular-nums;flex:none}.offline-download{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-column:1/-1}.offline-download__note{max-width:var(--typography-measure);color:var(--color-text-secondary);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-snug)}.offline-download__status{gap:var(--spacing-2);color:var(--color-text-primary);flex-direction:column;display:flex}.offline-download__numbers{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.offline-download__progress{width:100%;height:var(--spacing-2);accent-color:var(--color-accent-soft)}.offline-download__actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.discover{gap:var(--spacing-8);flex-direction:column;display:flex}.discover-search{align-items:flex-end;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.discover-search__field{flex:14rem}.discover-search__hint{flex-basis:100%}.discover__section{gap:var(--spacing-4);flex-direction:column;display:flex}.catalog-grid{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}.catalog-card{gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.catalog-card__art{width:var(--spacing-9);height:var(--spacing-9);border-radius:var(--radius-sm);background:var(--gradient-accent);flex:none;position:relative;overflow:hidden}.catalog-card__image{object-fit:cover;width:100%;height:100%}.catalog-card__fallback{background:var(--gradient-accent);width:100%;height:100%;display:block}.catalog-card__body{gap:var(--spacing-2);flex-direction:column;min-width:0;display:flex}.catalog-card__title{font-size:var(--typography-font-size-md);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-snug)}.catalog-card__author{color:var(--color-text-secondary);font-size:var(--typography-font-size-sm)}.catalog-card__meta{color:var(--color-text-tertiary);font-size:var(--typography-font-size-xs)}.catalog-card__description{-webkit-line-clamp:3;line-clamp:3;color:var(--color-text-secondary);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-snug);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.catalog-card__actions{gap:var(--spacing-2);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.profile__card{gap:var(--spacing-4);width:100%;padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.stat-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.stat-tile{gap:var(--spacing-1);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);flex-direction:column;display:flex}.stat-tile__value{font-size:var(--typography-font-size-xl);font-weight:var(--typography-font-weight-semibold);font-variant-numeric:tabular-nums}.stat-tile__label{color:var(--color-text-secondary);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-wide);text-transform:uppercase}.stat-grid__note{font-size:var(--typography-font-size-xs);grid-column:1/-1}.recent-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recent-item{align-items:center;gap:var(--spacing-4);display:flex}.recent-item__cover{flex:none}.recent-item__cover:hover{text-decoration:none}.recent-item__text{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.recent-item__title{font-weight:var(--typography-font-weight-medium)}.recent-item__meta{color:var(--color-text-secondary);font-size:var(--typography-font-size-sm)}@media (min-width:768px){.app-shell__content{padding:var(--layout-content-padding-wide)}.book-detail__hero{align-items:flex-start;gap:var(--spacing-6);flex-direction:row}.book-detail__intro{flex:1}.book-detail__columns{grid-template-columns:1.4fr 1fr}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.topbar,.player-dock__inner{padding-left:var(--layout-content-padding-wide);padding-right:var(--layout-content-padding-wide)}}@media (min-width:1024px){.app-shell{flex-direction:row;align-items:stretch}.sidebar{gap:var(--spacing-5);width:var(--layout-sidebar-width);height:100vh;padding:var(--spacing-5) var(--spacing-4);padding-top:calc(var(--spacing-5) + var(--layout-safe-area-top));border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:none;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--spacing-3);display:flex}.topbar,.bottom-nav{display:none}.player-dock{bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}