.google-referral-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.google-referral-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:100%;animation:referral-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes referral-pop{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.google-referral-modal__title{font-family:var(--font-display);font-size:1.4rem;margin:0 0 .5rem;color:var(--color-text-primary)}.google-referral-modal__body{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 1.25rem}.google-referral-modal__form{display:flex;flex-direction:column;gap:.75rem}.google-referral-modal__input{padding:.7rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase}.google-referral-modal__input:focus{outline:none;border-color:var(--color-accent-gold)}.google-referral-modal__error{color:#f87171;font-size:.82rem;margin:0}.google-referral-modal__actions{display:flex;gap:.75rem;margin-top:.25rem}.google-referral-modal__submit{flex:1;padding:.65rem 1rem;border-radius:var(--radius-pill);border:none;background:var(--color-accent-gold);color:#0a0a0a;font-weight:700;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:opacity .15s}.google-referral-modal__submit:disabled{opacity:.5;cursor:not-allowed}.google-referral-modal__skip{padding:.65rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:border-color .15s}.google-referral-modal__skip:hover{border-color:var(--color-text-secondary)}.google-referral-modal__success{text-align:center;color:var(--color-accent-gold);font-weight:600;padding:.75rem 0}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);display:grid;place-items:center;cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),transform var(--transition-fast),background-color var(--transition-base)}.theme-toggle:hover{border-color:var(--color-border-hover)}.theme-toggle.is-light{color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.theme-toggle__icon{display:inline-block;transition:transform var(--transition-base);font-size:1rem}.theme-toggle__icon.is-light{transform:rotate(180deg)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform .1s ease,box-shadow var(--transition-base),background-position .4s ease}.ui-button:disabled{cursor:not-allowed;opacity:.7}.ui-button:active:not(:disabled){transform:scale(.97)}.ui-button--sm{padding:var(--space-2) var(--space-3);font-size:.85rem}.ui-button--md{padding:var(--space-3) var(--space-5);font-size:.95rem}.ui-button--lg{padding:var(--space-4) var(--space-6);font-size:1rem}.ui-button--primary{background-color:var(--color-accent-gold);color:var(--color-text-on-accent);border-color:var(--color-accent-gold);background-image:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 45%,transparent 90%);background-size:200% 100%;background-position:0% 50%;position:relative;overflow:hidden}.ui-button--primary:hover:not(:disabled){background-color:var(--color-accent-gold-hover);border-color:var(--color-accent-gold-hover);transform:translateY(-1px);background-position:100% 50%}.ui-button--secondary{background-color:transparent;color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.ui-button--secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-gold) 15%,transparent)}.ui-button--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.ui-button--ghost:hover:not(:disabled){color:var(--color-accent-blue)}.ui-button__spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor;animation:ui-button-spin .9s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}.coin-balance{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-gold) 14%,transparent),color-mix(in srgb,var(--color-accent-gold) 7%,transparent));border:1px solid color-mix(in srgb,var(--color-accent-gold) 32%,transparent);border-radius:var(--radius-pill);padding:.22rem .65rem .22rem .5rem;font-size:.82rem;font-weight:700;color:var(--color-accent-gold);cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:border-color .2s,background .2s,box-shadow .2s}.coin-balance:hover{border-color:color-mix(in srgb,var(--color-accent-gold) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent-gold) 18%,transparent)}.coin-balance__icon{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));transition:transform .1s}.coin-balance__icon--bump{animation:coin-bump .55s cubic-bezier(.36,.07,.19,.97)}@keyframes coin-bump{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.35) rotate(-18deg)}45%{transform:scale(1.25) rotate(12deg)}65%{transform:scale(1.1) rotate(-6deg)}80%{transform:scale(1.04) rotate(2deg)}to{transform:scale(1) rotate(0)}}.coin-balance__count{line-height:1;letter-spacing:.02em}.navbar{position:fixed;top:0;left:0;width:100%;z-index:20;height:64px;background-color:color-mix(in srgb,var(--color-bg-primary) 95%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar__content{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-5);gap:var(--space-4)}.navbar__logo{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.navbar__logo span{color:var(--color-accent-gold)}.navbar__toggle{display:none;background:transparent;border:none;padding:0;cursor:pointer;transition:color var(--transition-base)}.navbar__toggle-bar{display:block;width:22px;height:2px;background-color:var(--color-text-primary);margin:4px 0;transition:transform var(--transition-base),background-color var(--transition-base)}.navbar__toggle:hover .navbar__toggle-bar{background-color:var(--color-accent-gold)}.navbar__menu{display:flex;align-items:center;gap:var(--space-4)}.navbar__links{display:flex;gap:var(--space-5)}.navbar__link{color:var(--color-text-secondary);font-weight:500;font-family:var(--font-body);font-size:.875rem;transition:color var(--transition-base)}.navbar__link:hover,.navbar__link.is-active{color:var(--color-text-primary)}.navbar__actions{display:flex;align-items:center;gap:var(--space-3)}.navbar__avatar{position:relative}.navbar__avatar-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-accent-gold);background-color:var(--color-bg-secondary);color:var(--color-accent-gold);font-weight:600;position:relative;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.navbar__avatar-button:hover{border-color:var(--color-accent-gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-gold) 30%,transparent);transform:translateY(-1px)}.navbar__avatar-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--color-accent-gold);border:2px solid var(--color-bg-primary)}.navbar__verify-tooltip{position:absolute;top:44px;right:0;background:var(--color-bg-card);color:var(--color-accent-gold);border:1px solid var(--color-accent-gold);padding:6px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-family:var(--font-body);font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s}.navbar__verify-tooltip:hover{background:color-mix(in srgb,var(--color-accent-gold) 12%,transparent)}@media (max-width: 900px){.navbar__toggle{display:inline-flex;flex-direction:column;justify-content:center}.navbar__menu{position:absolute;top:100%;left:0;right:0;background-color:color-mix(in srgb,var(--color-bg-primary) 95%,transparent);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.navbar__menu.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.navbar__links{flex-direction:column;align-items:flex-start}.navbar__actions{width:100%;justify-content:space-between}}.footer{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-gold) 30%,#e0bc6a 50%,var(--color-accent-gold) 70%,transparent 100%);background-size:200% 100%;animation:footer-shimmer 4s linear infinite}@keyframes footer-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.footer__inner{display:grid;grid-template-columns:320px 1fr;gap:72px;padding:80px 0 64px;align-items:start}.footer__brand{display:flex;flex-direction:column;gap:20px}.footer__logo{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-display);width:fit-content;transition:opacity var(--transition-fast)}.footer__logo:hover{opacity:.85}.footer__logo img{transition:transform .3s ease}.footer__logo:hover img{transform:rotate(-6deg) scale(1.05)}.footer__tagline{margin:0;max-width:30rem;font-size:.95rem;line-height:1.9;color:var(--color-text-secondary)}.footer__social{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer__social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.footer__social a:hover{color:var(--color-accent-gold);border-color:var(--color-accent-gold);background-color:color-mix(in srgb,var(--color-accent-gold) 10%,transparent);transform:translateY(-2px) scale(1.08);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent-gold) 25%,transparent)}.footer__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:52px}.footer__col-heading{font-size:.78rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 18px;display:flex;align-items:center;gap:8px}.footer__col-heading:before{content:"";display:inline-block;width:14px;height:2px;background:var(--color-accent-gold);border-radius:2px;flex-shrink:0}.footer__col-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.footer__link{font-size:.95rem;line-height:1.85;color:var(--color-text-secondary);text-decoration:none;display:inline-block;transition:color .2s ease,transform .2s ease;position:relative}.footer__link:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--color-accent-gold);transition:width .2s ease}.footer__link:hover{color:var(--color-text-primary);transform:translate(4px)}.footer__link:hover:after{width:100%}.footer__bottom{border-top:1px solid var(--color-border)}.footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:20px}.footer__bottom p{margin:0;font-size:.9rem;color:var(--color-text-muted)}.footer__bottom strong{color:var(--color-accent-gold);font-weight:600}@media (max-width: 1024px){.footer__inner{grid-template-columns:280px 1fr;gap:54px;padding:68px 0 56px}.footer__columns{gap:36px}}@media (max-width: 980px){.footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}@media (max-width: 768px){.footer__inner{grid-template-columns:1fr;gap:42px;padding:60px 0 40px}.footer__tagline{max-width:100%}.footer__columns{grid-template-columns:1fr;gap:28px}.footer__bottom-inner{flex-direction:column;text-align:center;gap:10px;padding:24px 0}}.user-sidebar{position:fixed;top:0;left:0;width:min(260px,85vw);height:100vh;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);transform:translate(calc(-1*min(260px,85vw)));transition:transform .3s ease;z-index:55}.user-sidebar.is-open{transform:translate(0)}.user-sidebar__profile{display:flex;align-items:center;gap:var(--space-3)}.user-sidebar__avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-accent-gold);color:var(--color-text-on-accent);display:grid;place-items:center;font-weight:700;font-size:.95rem}.user-sidebar__profile-text{display:grid;gap:var(--space-1)}.user-sidebar__name{font-weight:500;font-size:.95rem}.user-sidebar__email{color:var(--color-text-secondary);font-size:.75rem;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-sidebar__divider{height:1px;width:100%;background-color:var(--color-border)}.user-sidebar__nav{display:grid;gap:var(--space-2);align-content:start;flex:1;min-height:0;overflow-y:auto}.user-sidebar__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:3px solid transparent;background:var(--color-bg-primary);color:inherit;cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.user-sidebar__link:hover,.user-sidebar__link.is-active{border-left-color:var(--color-accent-gold);border-color:var(--color-accent-gold);background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.user-sidebar__settings-toggle{width:100%}.user-sidebar__link-text{display:inline-flex;align-items:center;gap:var(--space-2)}.user-sidebar__link-text svg{width:18px;height:18px}.user-sidebar__chevron{width:18px;height:18px;transition:transform var(--transition-base)}.user-sidebar__chevron.is-open{transform:rotate(180deg)}.user-sidebar__subnav{display:grid;gap:var(--space-2);padding-left:var(--space-4);color:var(--color-text-secondary)}.user-sidebar__sublink{padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.user-sidebar__sublink:hover,.user-sidebar__sublink.is-active{border-color:var(--color-accent-gold);background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.user-sidebar__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.user-sidebar__theme-toggle{width:42px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-bg-primary);display:flex;align-items:center;padding:2px;transition:background-color var(--transition-base),border-color var(--transition-base)}.user-sidebar__theme-toggle span{width:18px;height:18px;border-radius:50%;background-color:var(--color-bg-card);transition:transform var(--transition-base),background-color var(--transition-base)}.user-sidebar__theme-toggle.is-on{background-color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.user-sidebar__theme-toggle.is-on span{transform:translate(18px);background-color:var(--color-text-on-accent)}.user-sidebar__signout{flex-shrink:0;justify-content:flex-start;font-weight:600}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);overflow-x:hidden}.app-shell__body{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease;margin-left:0}.app-shell--sidebar-open .app-shell__body{margin-left:260px}.app-content{flex:1;padding-top:64px}@media (max-width: 768px){.app-content{padding-top:64px}}.ui-skeleton{width:100%;background:linear-gradient(90deg,var(--color-bg-secondary) 0%,color-mix(in srgb,var(--color-accent-gold) 8%,transparent) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:ui-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes ui-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ui-badge--new{background-color:var(--color-accent-gold);color:var(--color-text-on-accent)}.ui-badge--genre{border:1px solid var(--color-accent-blue);color:var(--color-accent-blue);background-color:transparent;font-size:.7rem}.ui-badge--downloaded{border:1px solid var(--color-accent-blue);color:var(--color-accent-blue);background-color:color-mix(in srgb,var(--color-accent-blue) 10%,transparent)}.ui-badge--draft{background-color:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border)}.book-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;width:160px;justify-self:start}.book-card:hover{transform:translateY(-4px);border-color:var(--color-accent-gold);box-shadow:0 0 8px 2px var(--color-accent-gold-faded)}.book-card__cover-wrapper{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden}.book-card__cover{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.book-card__ribbon{position:absolute;top:var(--space-4);left:calc(var(--space-5) * -1);background-color:var(--color-accent-gold);color:var(--color-text-on-accent);padding:var(--space-1) var(--space-6);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-45deg);z-index:1}.book-card__info{padding:var(--space-5);display:grid;gap:var(--space-2)}.book-card__info h3{font-family:var(--font-display);font-size:.95rem;margin:0;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.book-card__author{margin:0;color:var(--color-text-secondary);font-size:.75rem}.book-card__meta{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);font-size:.7rem;color:var(--color-text-secondary)}.book-card__year{font-size:.7rem;color:var(--color-text-secondary)}@media (min-width: 720px){.book-card{width:200px}}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-5);justify-items:start;align-items:start;align-content:start}.book-grid__item{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;transition-delay:var(--book-grid-delay, 0ms);perspective:1000px;will-change:transform}.book-grid__item.is-visible{opacity:1;transform:translateY(0)}.book-grid__card{transform-style:preserve-3d;backface-visibility:hidden}@keyframes cardFlipShuffle{0%{transform:rotateY(0) scale(1)}40%{transform:rotateY(90deg) scale(.95)}60%{transform:rotateY(90deg) scale(.95)}to{transform:rotateY(0) scale(1)}}.book-grid__item.book-card-shuffling{animation:cardFlipShuffle .6s ease-in-out;transform-style:preserve-3d;backface-visibility:hidden}.book-grid__skeleton{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;width:160px;justify-self:start}.book-grid__skeleton-cover{aspect-ratio:2 / 3;border-radius:var(--radius-md)}.book-grid__skeleton-body{padding:var(--space-5);display:grid;gap:var(--space-2)}@media (min-width: 720px){.book-grid__skeleton{width:200px}}@media (min-width: 1024px){.book-grid__skeleton{max-width:200px}}.home{display:flex;flex-direction:column;gap:0;padding-bottom:var(--space-7)}.home-hero{min-height:calc(100vh - 64px);padding:var(--space-7) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,color-mix(in srgb,var(--color-accent-gold) 8%,transparent) 0%,transparent 70%),var(--color-bg-primary)}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(201,168,76,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.hero-coin{position:absolute;animation:coin-drift 6s ease-in-out infinite;pointer-events:none;z-index:0}.hero-coin svg{filter:drop-shadow(0 4px 16px rgba(201,168,76,.35))}@keyframes coin-drift{0%,to{transform:translateY(0) rotate(-4deg);opacity:.55}50%{transform:translateY(-18px) rotate(4deg);opacity:.9}}.home-hero__content{display:flex;justify-content:center;position:relative;z-index:1}.home-hero__text{max-width:680px;display:grid;gap:var(--space-4);text-align:center;justify-items:center}.home-hero__eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;margin:0;background:color-mix(in srgb,var(--color-accent-gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-gold) 22%,transparent);border-radius:var(--radius-pill);padding:.3rem .85rem}.home-hero__headline{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4rem);margin:0;color:var(--color-text-primary);line-height:1.15}.home-hero__cursor{color:var(--color-accent-gold);animation:hero-cursor 1s step-end infinite}.home-hero__subtitle{margin:0;color:var(--color-text-secondary);font-size:1.05rem;max-width:540px;line-height:1.7;opacity:0;transition:opacity .4s ease .2s}.home-hero__subtitle.fade-in{opacity:1}.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.home-hero__actions .ui-button{opacity:0;transform:translateY(16px)}.home-hero__actions.fade-in .ui-button{animation:fade-up .35s ease forwards}.home-hero__actions.fade-in .ui-button:nth-child(1){animation-delay:.35s}.home-hero__actions.fade-in .ui-button:nth-child(2){animation-delay:.5s}.home-hero__actions .ui-button{padding:14px 32px;border-radius:var(--radius-pill)}.home-hero__pills{position:relative;z-index:1;display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;padding:var(--space-5) var(--space-4) var(--space-5);margin-top:var(--space-6);border-top:1px solid var(--color-border);width:100%}.home-hero__pill{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem 1.2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:140px}.home-hero__pill-label{font-size:.82rem;font-weight:700;color:var(--color-text-primary)}.home-hero__pill-desc{font-size:.72rem;color:var(--color-text-muted)}.home-section{display:grid;gap:var(--space-4);padding:var(--space-8) 0;opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.home-section.is-visible{opacity:1;transform:translateY(0)}.home-section__header{text-align:center;display:grid;gap:var(--space-2)}.home-section__tag{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-accent-gold);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin:0 auto var(--space-1)}.home-section__header h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);margin:0;color:var(--color-text-primary)}.home-section__header p{margin:0;color:var(--color-text-secondary);font-size:.95rem}.home-section__stagger>*{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--stagger-index, 0) * 70ms)}.home-section.is-visible .home-section__stagger>*{opacity:1;transform:translateY(0)}.home-coins{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-accent-gold) 4%,transparent),transparent)}.home-coins__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.home-coin-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);display:grid;gap:var(--space-3);transition:border-color .25s,box-shadow .25s,transform .2s;overflow:hidden}.home-coin-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-gold) 5%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .25s}.home-coin-card:hover{border-color:color-mix(in srgb,var(--color-accent-gold) 40%,transparent);box-shadow:0 8px 32px #0003,0 0 0 1px color-mix(in srgb,var(--color-accent-gold) 12%,transparent);transform:translateY(-3px)}.home-coin-card:hover:before{opacity:1}.home-coin-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-accent-gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-gold) 22%,transparent);border-radius:var(--radius-lg);color:var(--color-accent-gold)}.home-coin-card__icon svg{width:22px;height:22px}.home-coin-card__coin{position:absolute;top:var(--space-4);right:var(--space-4);opacity:.35}.home-coin-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0}.home-coin-card__body{font-size:.88rem;color:var(--color-text-secondary);line-height:1.65;margin:0}.home-featured{display:flex;gap:var(--space-5);overflow-x:auto;padding:0 var(--space-5);scroll-snap-type:x mandatory;width:min(1200px,100%);margin:0 auto}.home-featured__item{min-width:200px;flex:0 0 auto;scroll-snap-align:start}.home-featured__skeleton{height:320px;border-radius:var(--radius-lg)}.home__error{margin-top:var(--space-3);color:var(--color-text-secondary)}.home-about{text-align:center}.home-about__content{display:grid;gap:var(--space-5)}.home-about__content h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);margin:0}.home-about__content>p{margin:0 auto;max-width:680px;color:var(--color-text-secondary);line-height:1.7}.home-about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.home-about__stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:border-color .2s,transform .2s}.home-about__stat-card:hover{border-color:color-mix(in srgb,var(--color-accent-gold) 35%,transparent);transform:translateY(-2px)}.home-about__stat-icon{width:28px;height:28px;color:var(--color-accent-gold);opacity:.8}.home-about__stat-coin{filter:drop-shadow(0 2px 8px rgba(201,168,76,.4))}.home-about__stat-card h3{margin:0;font-family:var(--font-display);font-size:2rem;color:var(--color-accent-gold);line-height:1}.home-about__stat-card span{font-size:.82rem;color:var(--color-text-secondary)}.home-cta{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.home-cta.is-visible{opacity:1;transform:translateY(0)}.home-cta__content{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-gold) 10%,var(--color-bg-card)),var(--color-bg-card));border:1px solid color-mix(in srgb,var(--color-accent-gold) 28%,transparent);border-radius:var(--radius-xl, 20px);padding:var(--space-8) var(--space-6);text-align:center;display:grid;gap:var(--space-4);position:relative;overflow:hidden}.home-cta__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 0%,color-mix(in srgb,var(--color-accent-gold) 12%,transparent) 0%,transparent 70%);pointer-events:none}.home-cta__coins{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-1)}.home-cta__coins>:first-child,.home-cta__coins>:last-child{opacity:.45}.home-cta__content h2{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);margin:0;color:var(--color-text-primary);position:relative}.home-cta__content>p{margin:0;color:var(--color-text-secondary);font-size:1rem;position:relative}.home-cta__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;position:relative}.home-cta__actions .ui-button{padding:14px 32px;border-radius:var(--radius-pill)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@keyframes hero-cursor{0%,to{opacity:1}50%{opacity:0}}@media (min-width: 900px){.home-featured{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow:visible}}@media (max-width: 860px){.home-coins__grid,.home-about__stats{grid-template-columns:1fr}}@media (max-width: 640px){.home-hero__pills{gap:var(--space-2)}.home-hero__pill{min-width:110px;padding:.45rem .8rem}.hero-coin{display:none}.home-cta__content{padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion: reduce){.hero-coin,.coin-access__coin,.streak-day.is-today .streak-day__coin{animation:none!important}}.browse{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-7) 0}.browse__header h1{font-family:var(--font-display);margin:0 0 var(--space-3);font-size:clamp(2rem,4vw,2.5rem)}.browse__header p{margin:0;color:var(--color-text-secondary)}.browse__filters{display:flex;gap:var(--space-4);align-items:center;overflow-x:auto;padding-bottom:var(--space-2)}.browse__label{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.browse__search input,.browse__select select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base),outline var(--transition-base)}.browse__search input:focus,.browse__select select:focus{outline:2px solid var(--color-accent-gold);border-color:var(--color-accent-gold)}.browse__search{flex:1 1 260px;min-width:240px;max-width:400px}.browse__select{flex:0 0 auto;min-width:200px}.browse__sort{display:flex;flex-direction:column;gap:var(--space-2);flex:0 0 auto}.browse__sort-buttons{display:flex;gap:var(--space-2);flex-wrap:nowrap}.browse__sort-button{padding:var(--space-2) var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.browse__sort-button.is-active{background-color:var(--color-accent-gold);color:var(--color-text-on-accent);border-color:var(--color-accent-gold)}.browse__sort-button:not(.is-active):hover{color:var(--color-text-primary);border-color:var(--color-accent-gold)}.browse__empty{text-align:center;padding:var(--space-5);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:grid;gap:var(--space-3);justify-items:center}.browse__empty h2{margin:0;font-family:var(--font-display)}.browse__empty p{margin:0;color:var(--color-text-secondary)}.browse__empty-illustration{width:180px;color:var(--color-text-secondary)}.browse__empty-illustration svg rect{fill:var(--color-bg-card);stroke:var(--color-border);stroke-width:2}.browse__empty-illustration svg line{stroke:var(--color-text-secondary);stroke-width:2}.browse__grid{position:relative}.browse__shuffle-indicator{position:absolute;top:-12px;right:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-bg-card) 80%,transparent);color:var(--color-text-secondary);display:grid;place-items:center;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translateY(-4px)}.browse__shuffle-indicator.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width: 640px){.browse__filters{flex-direction:column;align-items:stretch;gap:var(--space-3);overflow:visible}.browse__search{min-width:0;max-width:none}.browse__select{min-width:0;width:100%}.browse__sort-buttons{flex-wrap:wrap}}@media (min-width: 900px){.browse__filters{flex-wrap:wrap;overflow:visible}}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:40}.auth-gate__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:420px;width:100%;position:relative;text-align:left}.auth-gate__card h3{margin:0 0 var(--space-3);font-size:1.3rem}.auth-gate__card p{margin:0 0 var(--space-5);color:var(--color-text-secondary)}.auth-gate__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.auth-gate__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:20px;line-height:1}.auth-gate__close:hover{color:var(--color-text-primary)}.coin-access{display:flex;flex-direction:column;gap:var(--space-4)}.coin-access__card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-gold) 9%,var(--color-bg-secondary)),var(--color-bg-secondary));border:1px solid color-mix(in srgb,var(--color-accent-gold) 28%,transparent);border-radius:var(--radius-lg);position:relative;overflow:hidden}.coin-access__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,215,80,.06) 50%,transparent 60%);background-size:200% 100%;animation:card-shimmer 4s ease-in-out infinite}@keyframes card-shimmer{0%,to{background-position:200% 50%}50%{background-position:-200% 50%}}.coin-access__icon-wrap{position:relative;flex-shrink:0}.coin-access__coin{display:block;filter:drop-shadow(0 4px 10px rgba(201,168,76,.4));animation:coin-float 3s ease-in-out infinite}@keyframes coin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.coin-access__glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.22) 0%,transparent 70%);animation:coin-glow 3s ease-in-out infinite;pointer-events:none}@keyframes coin-glow{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.coin-access__details{display:flex;flex-direction:column;gap:.3rem}.coin-access__tier{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.22rem .7rem;border-radius:var(--radius-pill);display:inline-flex;align-items:center;width:fit-content}.coin-access__tier--1{background:color-mix(in srgb,var(--color-accent-blue) 14%,transparent);color:var(--color-accent-blue);border:1px solid color-mix(in srgb,var(--color-accent-blue) 28%,transparent)}.coin-access__tier--2{background:color-mix(in srgb,#a855f7 14%,transparent);color:#c084fc;border:1px solid color-mix(in srgb,#a855f7 28%,transparent)}.coin-access__tier--3{background:color-mix(in srgb,var(--color-accent-gold) 14%,transparent);color:var(--color-accent-gold);border:1px solid color-mix(in srgb,var(--color-accent-gold) 28%,transparent)}.coin-access__cost{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.coin-access__cost strong{color:var(--color-accent-gold);font-weight:700}.coin-access__warning{margin:0;font-size:.78rem;color:#f87171}.download-button{position:relative;overflow:hidden}.download-button:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:var(--download-progress, 0%);background-color:var(--color-accent-gold);transition:width var(--transition-base)}.download-button--saved{border:1px solid var(--color-accent-blue);color:var(--color-accent-blue)}.download-button--saved:hover{color:var(--color-accent-blue)}.download-button--saved:after{display:none}.download-button--error{border:1px solid #ef4444;color:#ef4444;background:transparent}.download-button--error:after{background-color:#ef4444}.download-button--downloading{color:var(--color-text-on-accent)}.book-detail{display:flex;flex-direction:column;gap:var(--space-7);padding:var(--space-7) 0}.book-detail__layout{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:var(--space-7);align-items:start}.book-detail__cover{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-bg-card);max-width:280px;width:100%;position:sticky;top:96px;box-shadow:0 18px 40px color-mix(in srgb,var(--color-accent-gold) 12%,transparent)}.book-detail__cover img{width:100%;height:100%;object-fit:cover;aspect-ratio:2 / 3}.book-detail__content{display:grid;gap:var(--space-6)}.book-detail__meta{display:grid;gap:var(--space-2)}.book-detail__meta h1{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-3);font-size:2rem}.book-detail__author{margin:0;color:var(--color-accent-gold);font-size:1rem}.book-detail__stats{display:flex;gap:0;font-size:.875rem;color:var(--color-text-secondary)}.book-detail__stats span+span:before{content:"·";margin:0 var(--space-2);color:var(--color-text-secondary)}.book-detail__description{margin-top:var(--space-4);color:var(--color-text-secondary);line-height:1.8;font-size:1rem}.book-detail__actions{position:sticky;top:96px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-3);align-self:start}.book-detail__actions .ui-button{width:100%}.book-detail__hint{margin:0;color:var(--color-text-secondary);font-size:.85rem}.book-detail__recommendations h2{font-family:var(--font-display);margin-bottom:var(--space-3)}.book-detail__recommendations{padding:var(--space-7) 0}.book-detail__row{display:flex;gap:var(--space-5);overflow-x:auto;padding-bottom:var(--space-2);align-items:flex-start}.book-detail__row-item{min-width:200px;flex:0 0 auto}.book-detail__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);display:grid;place-items:center;z-index:30;padding:var(--space-4)}.book-detail__modal{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);max-width:420px;display:grid;gap:var(--space-3)}.book-detail__modal h3{margin:0;font-family:var(--font-display)}.book-detail__modal p{margin:0;color:var(--color-text-secondary)}.book-detail__modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.book-detail__empty{text-align:center;padding:var(--space-8) var(--space-4);display:grid;gap:var(--space-3);justify-items:center}@media (max-width: 960px){.book-detail__layout{grid-template-columns:1fr}.book-detail__actions,.book-detail__cover{position:static}}body.reader-active .navbar,body.reader-active .navbar+*>.page-padding{display:none}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;overflow:hidden;transition:background-color .3s ease,color .3s ease}.reader--dark{--rd-bg: #111111;--rd-stage-bg: #0d0d0d;--rd-bar-bg: rgba(8, 8, 8, .92);--rd-border: rgba(255, 255, 255, .08);--rd-icon: #7a7a7a;--rd-icon-hover: #c9a84c;--rd-nav-bg: rgba(20, 20, 20, .88);--rd-nav-hover-bg: rgba(35, 35, 35, .96);--rd-text: #e4e4e4;--rd-text-muted: #555;background-color:var(--rd-bg);color:var(--rd-text)}.reader--sepia{--rd-bg: #f4ecd8;--rd-stage-bg: #ede4ce;--rd-bar-bg: rgba(240, 230, 210, .94);--rd-border: rgba(0, 0, 0, .1);--rd-icon: #7a6046;--rd-icon-hover: #6b3e1a;--rd-nav-bg: rgba(230, 215, 190, .9);--rd-nav-hover-bg: rgba(215, 200, 175, .97);--rd-text: #3d2b1f;--rd-text-muted: #9b8470;background-color:var(--rd-bg);color:var(--rd-text)}.reader--white{--rd-bg: #ffffff;--rd-stage-bg: #f5f5f5;--rd-bar-bg: rgba(255, 255, 255, .94);--rd-border: rgba(0, 0, 0, .1);--rd-icon: #555;--rd-icon-hover: #c9a84c;--rd-nav-bg: rgba(240, 240, 240, .9);--rd-nav-hover-bg: rgba(225, 225, 225, .97);--rd-text: #111111;--rd-text-muted: #999;background-color:var(--rd-bg);color:var(--rd-text)}.reader__topbar{position:relative;z-index:5;height:56px;flex:0 0 56px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--rd-bar-bg);border-bottom:1px solid var(--rd-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}.reader--immersive .reader__topbar{transform:translateY(-100%);opacity:0;pointer-events:none}.reader__book-title{flex:1;font-family:var(--font-display, "Playfair Display", serif);font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--rd-text)}.reader__icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;border:none;background:transparent;color:var(--rd-icon);border-radius:8px;cursor:pointer;transition:color .15s ease,background .15s ease}.reader__icon-btn svg{width:18px;height:18px}.reader__icon-btn:hover{color:var(--rd-icon-hover);background:var(--rd-nav-bg)}.reader__icon-btn:disabled{opacity:.35;cursor:not-allowed}.reader__toolbar{display:flex;align-items:center;gap:2px;flex:0 0 auto}.reader__zoom-badge{min-width:42px;height:26px;padding:0 7px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rd-border);border-radius:5px;font-size:.74rem;font-weight:700;font-family:var(--font-mono, ui-monospace, monospace);color:var(--rd-icon);-webkit-user-select:none;user-select:none;letter-spacing:.03em}.reader__toolbar-sep{width:1px;height:18px;background:var(--rd-border);margin:0 4px}.reader__viewport{flex:1;position:relative;display:flex;overflow:hidden;background:var(--rd-stage-bg)}.reader__stage{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;scroll-behavior:smooth}.reader__stage::-webkit-scrollbar{width:5px;height:5px}.reader__stage::-webkit-scrollbar-track{background:transparent}.reader__stage::-webkit-scrollbar-thumb{background:var(--rd-border);border-radius:4px}.reader__page-track{position:relative;flex:0 0 auto}.reader__canvas,.reader__slide{display:block;max-width:100%;height:auto}.reader__no-content{padding:48px 24px;font-size:.9rem;color:var(--rd-text-muted);text-align:center}.reader__nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:72px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rd-border);border-radius:10px;background:var(--rd-nav-bg);color:var(--rd-icon);cursor:pointer;opacity:0;transition:opacity .2s ease,background .15s ease,color .15s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.reader__nav-arrow svg{width:20px;height:20px}.reader__nav-arrow--prev{left:10px}.reader__nav-arrow--next{right:10px}.reader__viewport:hover .reader__nav-arrow:not(:disabled){opacity:.65}.reader__nav-arrow:hover:not(:disabled){opacity:1!important;background:var(--rd-nav-hover-bg);color:var(--rd-icon-hover)}.reader__nav-arrow:disabled{opacity:0!important;pointer-events:none}.reader--immersive .reader__nav-arrow{opacity:0!important;pointer-events:none}.reader__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none}.reader__spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(201,168,76,.2);border-top-color:#c9a84c;animation:rd-spin .75s linear infinite}@keyframes rd-spin{to{transform:rotate(360deg)}}.reader__footer{position:relative;z-index:5;flex:0 0 52px;display:flex;flex-direction:column;background:var(--rd-bar-bg);border-top:1px solid var(--rd-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}.reader--immersive .reader__footer{transform:translateY(100%);opacity:0;pointer-events:none}.reader__progress-track{height:3px;background:var(--rd-border);cursor:pointer;position:relative;transition:height .15s ease}.reader__progress-track:hover{height:5px}.reader__progress-fill{position:absolute;inset:0 auto 0 0;background:#c9a84c;transition:width .2s ease}.reader__progress-track:hover .reader__progress-fill{background:#d4b66a}.reader__page-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.reader__page-arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--rd-icon);font-size:1.5rem;line-height:1;font-weight:300;cursor:pointer;border-radius:6px;transition:color .15s ease,background .15s ease}.reader__page-arrow:hover:not(:disabled){color:var(--rd-icon-hover);background:var(--rd-nav-bg)}.reader__page-arrow:disabled{opacity:.28;cursor:not-allowed}.reader__page-indicator{min-width:110px;display:flex;align-items:center;justify-content:center}.reader__page-counter{border:none;background:transparent;color:var(--rd-icon);font-size:.82rem;font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background .15s ease,color .15s ease;white-space:nowrap}.reader__page-counter:hover{background:var(--rd-nav-bg);color:var(--rd-icon-hover)}.reader__page-total{opacity:.5;font-weight:400}.reader__page-input{width:86px;padding:5px 8px;border-radius:5px;border:1.5px solid #c9a84c;background:var(--rd-nav-bg);color:var(--rd-text);font-family:var(--font-mono, ui-monospace, monospace);font-size:.82rem;font-weight:600;text-align:center;outline:none}.reader__settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:rd-fade-in .18s ease}@keyframes rd-fade-in{0%{opacity:0}to{opacity:1}}.reader__settings-panel{position:absolute;top:0;right:0;bottom:0;width:min(288px,88vw);background:var(--color-bg-card, #161616);border-left:1px solid var(--color-border, #222);padding:20px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;animation:rd-slide-in .22s cubic-bezier(.4,0,.2,1)}@keyframes rd-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.reader__settings-header{display:flex;align-items:center;justify-content:space-between}.reader__settings-header h3{margin:0;font-family:var(--font-display, "Playfair Display", serif);font-size:1.05rem;font-weight:700;color:var(--color-text-primary, #e4e4e4)}.reader__settings-group{display:flex;flex-direction:column;gap:10px}.reader__settings-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted, #555)}.reader__settings-opts{display:flex;gap:8px}.reader__settings-opt{flex:1;padding:10px 6px;border-radius:8px;border:2px solid var(--color-border, #222);font-size:.78rem;font-weight:700;cursor:pointer;text-align:center;transition:border-color .15s ease,color .15s ease,background .15s ease}.reader__settings-opt--dark{background:#1a1a1a;color:#a0a0a0}.reader__settings-opt--sepia{background:#f4ecd8;color:#7a6046}.reader__settings-opt--white{background:#fff;color:#333}.reader__settings-opt.is-active{border-color:#c9a84c}.reader__settings-zoom{display:flex;align-items:center;gap:8px}.reader__settings-zoom-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #222);background:var(--color-bg-secondary, #111);color:var(--color-text-secondary, #a0a0a0);border-radius:7px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.reader__settings-zoom-btn:hover:not(:disabled){border-color:#c9a84c;color:#c9a84c}.reader__settings-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.reader__settings-zoom-val{flex:1;height:36px;border:1px solid var(--color-border, #222);background:var(--color-bg-secondary, #111);color:var(--color-text-secondary, #a0a0a0);border-radius:7px;font-size:.82rem;font-weight:700;font-family:var(--font-mono, ui-monospace, monospace);cursor:pointer;text-align:center;transition:border-color .15s ease,color .15s ease}.reader__settings-zoom-val:hover{border-color:#c9a84c;color:#c9a84c}.reader__settings-hint{margin:0;font-size:.72rem;color:var(--color-text-muted, #555)}.reader__shortcuts{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}.reader__shortcuts span:nth-child(odd){font-family:var(--font-mono, ui-monospace, monospace);font-size:.75rem;font-weight:700;padding:2px 7px;border:1px solid var(--color-border, #222);border-radius:4px;color:var(--color-text-secondary, #a0a0a0);white-space:nowrap;background:var(--color-bg-secondary, #111)}.reader__shortcuts span:nth-child(2n){font-size:.78rem;color:var(--color-text-muted, #666)}.reader__empty-state{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:var(--color-bg-primary, #0a0a0a);color:var(--color-text-primary, #e4e4e4);padding:24px}.reader__empty-state h2{font-family:var(--font-display, "Playfair Display", serif);font-size:1.2rem;font-weight:600;margin:0;max-width:420px}.reader__empty-state p{font-size:.88rem;color:var(--color-text-secondary, #a0a0a0);margin:0}.reader__empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.reader__empty-btn{padding:10px 22px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,#c9a84c,#8b6914);color:#0a0a0a;transition:opacity .15s ease}.reader__empty-btn:hover{opacity:.85}.reader__empty-btn--ghost{background:transparent;border:1px solid var(--color-border, #333);color:var(--color-text-secondary, #a0a0a0)}.reader__empty-btn--ghost:hover{border-color:#c9a84c;color:#c9a84c;opacity:1}@media (max-width: 600px){.reader__topbar{padding:0 10px;gap:6px}.reader__book-title{font-size:.82rem}.reader__zoom-badge,.reader__toolbar-sep{display:none}.reader__nav-arrow{width:36px;height:58px}.reader__nav-arrow--prev{left:4px}.reader__nav-arrow--next{right:4px}.reader__settings-panel{width:100vw;border-left:none;border-top:1px solid var(--color-border, #222);top:auto;bottom:0;height:auto;max-height:80vh;border-radius:16px 16px 0 0;animation:rd-slide-up .22s cubic-bezier(.4,0,.2,1)}@keyframes rd-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.offline{min-height:60vh;display:grid;place-items:center;padding:var(--space-8) var(--space-4)}.offline__card{text-align:center;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:grid;gap:var(--space-3);max-width:520px}.offline__card h1{font-family:var(--font-display);margin:0}.offline__card p{margin:0;color:var(--color-text-secondary)}.not-found{min-height:60vh;display:grid;place-items:center;padding:var(--space-8) var(--space-4)}.not-found__card{text-align:center;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:grid;gap:var(--space-3);max-width:520px}.not-found__card h1{margin:0;font-family:var(--font-display)}.not-found__card p{margin:0;color:var(--color-text-secondary)}.auth-page{min-height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.auth-card{width:min(420px,100%);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 24px 60px #00000040}.auth-card h1{margin-top:0;margin-bottom:var(--space-3)}.auth-card p{margin-top:0;margin-bottom:var(--space-5);color:var(--color-text-secondary)}.auth-form{display:grid;gap:var(--space-4)}.auth-field{display:grid;gap:var(--space-2)}.auth-field label{font-size:.9rem;color:var(--color-text-secondary)}.auth-field input{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary)}.auth-field input:focus{outline:2px solid color-mix(in srgb,var(--color-accent-gold) 55%,transparent);border-color:var(--color-accent-gold)}.auth-helper{font-size:.85rem;color:var(--color-text-secondary);background:transparent;border:none;padding:0;cursor:pointer;text-align:left}.auth-actions{display:grid;gap:var(--space-3)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-consent{margin:0;font-size:.8rem;line-height:1.5;color:var(--color-text-secondary)}.auth-consent a{color:var(--color-accent-gold)}.auth-links{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-secondary)}.auth-links a{color:var(--color-accent-gold)}.auth-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);cursor:pointer}.auth-google svg{width:18px;height:18px}.password-strength{display:flex;align-items:center;gap:var(--space-3)}.password-strength__bar{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.password-strength__fill{height:100%;width:33%;background:#ef4444;transition:width var(--transition-base),background var(--transition-base)}.password-strength--fair .password-strength__fill{width:66%;background:var(--color-accent-gold)}.password-strength--strong .password-strength__fill{width:100%;background:#22c55e}.password-strength__label{font-size:.8rem;color:var(--color-text-secondary);text-transform:capitalize}.auth-success{color:var(--color-accent-gold);font-weight:600}.auth-error{color:#f87171;font-size:.85rem}@media (max-width: 768px){.auth-page{min-height:calc(100vh - 72px)}}.verify-email__inputs{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.verify-email__inputs input{width:44px;height:52px;flex-shrink:0;text-align:center;font-size:1.25rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary)}.verify-email__inputs input:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-gold) 25%,transparent)}.verify-email__inputs.is-shaking{animation:verify-email-shake .4s ease}.verify-email__actions{display:grid;gap:var(--space-3)}.verify-email__success{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.verify-email__check{width:36px;height:36px;border-radius:50%;background:var(--color-accent-gold);color:var(--color-text-on-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700;animation:verify-email-pop .5s ease}.verify-email__resend{border:none;background:transparent;color:var(--color-accent-gold);cursor:pointer;font-size:.9rem;text-align:center}.verify-email__resend:disabled{color:var(--color-text-muted);cursor:not-allowed}@media (max-width: 360px){.verify-email__inputs{gap:6px}.verify-email__inputs input{width:38px;height:46px;font-size:1rem}}@keyframes verify-email-shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes verify-email-pop{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}.shelf-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;display:grid;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:relative;width:160px;justify-self:start}.shelf-card:hover{transform:translateY(-4px);border-color:var(--color-accent-gold);box-shadow:0 0 0 2px var(--color-accent-gold)}.shelf-card__cover-wrapper{position:relative;overflow:hidden}.shelf-card__cover{width:100%;height:100%;object-fit:cover;aspect-ratio:2 / 3;border-radius:var(--radius-md)}.shelf-card__remove{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-bg-card) 85%,transparent);color:var(--color-text-secondary);display:grid;place-items:center;opacity:0;transition:opacity var(--transition-base),border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base);cursor:pointer}.shelf-card:hover .shelf-card__remove{opacity:1}.shelf-card__remove:hover{color:#f87171;border-color:#f87171}.shelf-card__remove svg{width:16px;height:16px}.shelf-card__confirm{position:absolute;top:48px;right:var(--space-3);background-color:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-3);border-radius:var(--radius-md);display:grid;gap:var(--space-2);z-index:3}.shelf-card__confirm p{margin:0;font-size:.8rem;color:var(--color-text-secondary)}.shelf-card__confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.shelf-card__confirm-actions button{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.shelf-card__confirm-actions button:first-child,.shelf-card__confirm-actions button:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.shelf-card__progress-track{width:100%;height:6px;background-color:var(--color-bg-secondary);border-radius:var(--radius-pill);overflow:hidden;margin:var(--space-3) var(--space-5) 0}.shelf-card__info{padding:var(--space-4) var(--space-5) var(--space-5);display:grid;gap:var(--space-2)}.shelf-card__info h3{margin:0;font-family:var(--font-display);font-size:.95rem}.shelf-card__author{margin:0;color:var(--color-text-secondary);font-size:.75rem}.shelf-card__progress-bar{height:100%;background-color:var(--color-accent-gold)}.shelf-card__progress-label{font-size:.75rem;color:var(--color-text-secondary)}@media (min-width: 720px){.shelf-card{width:200px}}.shelf{padding:var(--space-7) 0}.shelf__header{display:grid;gap:var(--space-2);padding:var(--space-7) 0 var(--space-3)}.shelf__header h1{font-family:var(--font-display);margin:0}.shelf__header p{margin:0;color:var(--color-text-secondary)}.shelf-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));justify-items:start;align-items:start}.shelf-empty{min-height:320px;display:grid;place-items:center;text-align:center;gap:var(--space-3);padding:var(--space-5);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.shelf-empty__illustration svg{width:160px;height:auto;stroke:var(--color-border);fill:none}.shelf-loading{text-align:center;color:var(--color-text-secondary)}.shelf__storage{margin-top:var(--space-6);color:var(--color-text-secondary);font-size:.75rem}@media (min-width: 720px){.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.legal-page{padding:var(--space-7) 0 var(--space-8)}.legal-page__content{display:grid;gap:var(--space-6);max-width:860px;margin:0 auto;line-height:1.7}.legal-page__intro{display:grid;gap:var(--space-2)}.legal-page__effective-date{margin:0;font-size:.95rem;color:var(--color-text-secondary)}.legal-page__section{display:grid;gap:var(--space-3)}.legal-page__section h2{margin:0}.legal-page__section p{margin:0;color:var(--color-text-secondary)}.legal-page__section ul{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2);color:var(--color-text-secondary)}.legal-page__section li{line-height:1.6}.legal-page a{color:var(--color-accent-gold)}@media (max-width: 768px){.legal-page{padding:var(--space-6) 0 var(--space-7)}}.contact-page{background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:80px 0 60px;min-height:100vh}.contact-page__content{max-width:900px}.contact-page__header{text-align:center;margin-bottom:80px}.contact-page__header h1{font-size:3rem;font-family:var(--font-display);font-weight:700;margin:0 0 20px;color:var(--color-text-primary)}.contact-page__header p{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;max-width:600px;margin:0 auto}.contact-page__methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:80px}.contact-method{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:40px 30px;text-align:center;transition:border-color .2s ease,transform .2s ease}.contact-method:hover{border-color:var(--color-accent-gold);transform:translateY(-4px)}.contact-method__icon{display:flex;justify-content:center;margin-bottom:20px;color:var(--color-accent-gold)}.contact-method h3{font-size:1.3rem;font-family:var(--font-display);margin:0 0 12px;color:var(--color-text-primary)}.contact-method__text{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 18px;line-height:1.7}.contact-method__link{display:inline-block;font-size:1rem;font-weight:600;color:var(--color-accent-gold);text-decoration:none;transition:color .2s ease}.contact-method__link:hover{color:var(--color-accent-gold-hover)}.contact-method__socials{display:flex;justify-content:center;gap:12px;margin-top:16px}.contact-method__socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);transition:all .2s ease}.contact-method__socials a:hover{color:var(--color-accent-gold);border-color:var(--color-accent-gold);background-color:color-mix(in srgb,var(--color-accent-gold) 10%,transparent);transform:translateY(-2px)}.contact-page__info{background-color:var(--color-bg-secondary);border-left:4px solid var(--color-accent-gold);border-radius:var(--radius-md);padding:40px}.contact-page__info h2{font-size:1.6rem;font-family:var(--font-display);margin:0 0 24px;color:var(--color-text-primary)}.contact-page__info p{font-size:1rem;color:var(--color-text-secondary);line-height:1.8;margin:0 0 16px}.contact-page__info p:last-child{margin-bottom:0}.contact-page__info strong{color:var(--color-text-primary)}@media (max-width: 1024px){.contact-page{padding:60px 0 45px}.contact-page__header{margin-bottom:60px}.contact-page__header h1{font-size:2.2rem}.contact-page__methods{gap:32px}}@media (max-width: 768px){.contact-page{padding:40px 0 30px}.contact-page__header{margin-bottom:40px}.contact-page__header h1{font-size:1.8rem}.contact-page__methods{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.contact-method,.contact-page__info{padding:30px 24px}.contact-page__info h2{font-size:1.3rem;margin-bottom:16px}.contact-page__info p{font-size:.95rem}}.streak-widget{display:flex;flex-direction:column;gap:var(--space-4)}.streak-widget__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.streak-widget__title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-text-primary);margin:0}.streak-widget__flame{font-size:.78rem;color:var(--color-text-secondary);margin:.25rem 0 0}.streak-widget__balance{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-gold) 14%,transparent),color-mix(in srgb,var(--color-accent-gold) 7%,transparent));border:1px solid color-mix(in srgb,var(--color-accent-gold) 30%,transparent);border-radius:var(--radius-pill);padding:.2rem .6rem .2rem .45rem;font-size:.8rem;font-weight:700;color:var(--color-accent-gold);white-space:nowrap;flex-shrink:0}.streak-widget__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.streak-day{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .1rem}.streak-day__coins{font-size:.55rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.02em}.streak-day.is-done .streak-day__coins,.streak-day.is-today .streak-day__coins{color:var(--color-accent-gold)}.streak-day__coin-wrap{position:relative;display:flex;align-items:center;justify-content:center}.streak-day__coin{display:block;transition:transform .2s,filter .2s}.streak-day.is-done .streak-day__coin{filter:drop-shadow(0 2px 6px rgba(201,168,76,.5))}.streak-day.is-today .streak-day__coin{animation:streak-coin-pulse 2s ease-in-out infinite}@keyframes streak-coin-pulse{0%,to{filter:drop-shadow(0 0 0px rgba(201,168,76,0));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(201,168,76,.7));transform:scale(1.06)}}.streak-day.is-done .streak-day__coin{animation:streak-coin-pop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes streak-coin-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.streak-day__star{position:absolute;top:-5px;right:-4px;font-size:.55rem;color:var(--color-accent-gold);background:var(--color-bg-card);line-height:1;padding:0 1px;border-radius:2px}.streak-day__label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.streak-day.is-done .streak-day__label,.streak-day.is-today .streak-day__label{color:var(--color-accent-gold)}.streak-widget__btn{width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-accent-gold);background:linear-gradient(135deg,#c9a84c,#e8b84b);color:#1a1000;font-weight:700;font-size:.9rem;font-family:var(--font-body);cursor:pointer;letter-spacing:.02em;transition:opacity .15s,transform .1s,box-shadow .2s;box-shadow:0 2px 12px #c9a84c4d}.streak-widget__btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 18px #c9a84c73}.streak-widget__btn:active:not(:disabled){transform:scale(.97)}.streak-widget__btn:disabled{cursor:not-allowed;transform:none}.streak-widget__btn.is-done{background:transparent;border-color:color-mix(in srgb,var(--color-accent-gold) 38%,transparent);color:var(--color-accent-gold);box-shadow:none;opacity:1}.dashboard{padding:var(--space-7) 0}.dashboard__welcome{font-family:var(--font-display);font-size:2.25rem;margin:0 0 var(--space-6)}.dashboard__section{display:grid;gap:var(--space-4);padding:var(--space-7) 0}.dashboard__section+.dashboard__section{margin-top:0}.dashboard__section-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);display:grid;gap:var(--space-3);opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;transition-delay:var(--card-delay, 0ms)}.dashboard__section-card.is-visible{opacity:1;transform:translateY(0)}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dashboard__section-header h2{margin:0;font-size:1.4rem}.dashboard__link{color:var(--color-accent-gold);font-weight:500;transition:color var(--transition-base)}.dashboard__link:hover{color:var(--color-accent-gold-hover)}.dashboard__loading,.dashboard__error{color:var(--color-text-secondary)}.dashboard-continue{display:grid;grid-template-columns:140px 1fr;gap:var(--space-4);padding:0}.dashboard-continue__cover{width:100%;border-radius:var(--radius-md);object-fit:cover}.dashboard-continue__content{display:grid;gap:var(--space-3)}.dashboard-continue__author{color:var(--color-text-secondary);margin:var(--space-1) 0 0}.dashboard-continue__progress{height:6px;background-color:var(--color-bg-secondary);border-radius:var(--radius-pill);overflow:hidden}.dashboard-continue__progress-bar{height:100%;background-color:var(--color-accent-gold)}.dashboard-continue__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.dashboard-continue__percent{color:var(--color-text-secondary);font-size:.9rem}.dashboard-shelf__row{display:flex;gap:var(--space-5);overflow-x:auto;padding-bottom:var(--space-2)}.dashboard-shelf__row .shelf-card{min-width:160px;flex:0 0 auto}.dashboard-shelf__row .shelf-card__remove,.dashboard-shelf__row .shelf-card__confirm{display:none}@media (min-width: 720px){.dashboard-shelf__row .shelf-card{min-width:200px}}.dashboard-shelf__empty{display:grid;gap:var(--space-3);text-align:center;justify-items:center;color:var(--color-text-secondary)}.dashboard-referral{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-gold) 8%,var(--color-bg-card)),var(--color-bg-card));border-color:color-mix(in srgb,var(--color-accent-gold) 25%,transparent)!important;position:relative;overflow:hidden}.dashboard-referral:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,215,80,.05) 50%,transparent 60%);background-size:200% 100%;animation:ref-shimmer 5s ease-in-out infinite;pointer-events:none}@keyframes ref-shimmer{0%,to{background-position:200% 50%}50%{background-position:-200% 50%}}.dashboard-referral__header{display:flex;align-items:center;gap:var(--space-3)}.dashboard-referral__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-accent-gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-gold) 25%,transparent);border-radius:var(--radius-lg);flex-shrink:0}.dashboard-referral__title{font-family:var(--font-display);font-size:1.1rem;margin:0;color:var(--color-text-primary)}.dashboard-referral__sub{margin:.2rem 0 0;font-size:.85rem;color:var(--color-text-secondary)}.dashboard-referral__sub strong{color:var(--color-accent-gold)}.dashboard-referral__code-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.dashboard-referral__code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.15em;color:var(--color-accent-gold);background:color-mix(in srgb,var(--color-accent-gold) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-gold) 22%,transparent);border-radius:var(--radius-md);padding:.4rem .9rem}.dashboard-referral__copy{padding:.4rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-accent-gold);background:transparent;color:var(--color-accent-gold);font-size:.82rem;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background .15s,color .15s}.dashboard-referral__copy:hover,.dashboard-referral__copy.is-copied{background:var(--color-accent-gold);color:#1a1000}.referral-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:overlay-fade-in .2s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.referral-popup{background:var(--color-bg-card);border:1px solid color-mix(in srgb,var(--color-accent-gold) 28%,transparent);border-radius:var(--radius-xl, 20px);padding:var(--space-7) var(--space-6);max-width:420px;width:100%;display:grid;gap:var(--space-4);text-align:center;justify-items:center;animation:popup-spring .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.referral-popup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% -5%,color-mix(in srgb,var(--color-accent-gold) 12%,transparent) 0%,transparent 65%);pointer-events:none}@keyframes popup-spring{0%{transform:scale(.88) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.referral-popup__coins{display:flex;align-items:center;gap:var(--space-2)}.referral-popup__title{font-family:var(--font-display);font-size:1.5rem;margin:0;color:var(--color-text-primary);position:relative}.referral-popup__body{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.65;max-width:320px;position:relative}.referral-popup__body strong{color:var(--color-accent-gold)}.referral-popup__code-row{display:flex;align-items:center;gap:var(--space-2);position:relative}.referral-popup__code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:1.3rem;font-weight:700;letter-spacing:.2em;color:var(--color-accent-gold);background:color-mix(in srgb,var(--color-accent-gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-gold) 25%,transparent);border-radius:var(--radius-md);padding:.45rem 1rem}.referral-popup__copy{padding:.45rem 1.1rem;border-radius:var(--radius-pill);border:1px solid var(--color-accent-gold);background:linear-gradient(135deg,#c9a84c,#e8b84b);color:#1a1000;font-size:.85rem;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:opacity .15s,transform .1s}.referral-popup__copy:hover{opacity:.9;transform:translateY(-1px)}.referral-popup__dismiss{background:none;border:none;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;font-family:var(--font-body);padding:.2rem;position:relative}.referral-popup__dismiss:hover{color:var(--color-text-secondary)}@media (max-width: 768px){.dashboard-continue{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard__welcome{font-size:1.6rem}.dashboard__section{padding:var(--space-5) 0}.dashboard__section-header h2{font-size:1.15rem}}.profile-page{padding:var(--space-6) 0 var(--space-10)}.profile-page__content{display:grid;gap:var(--space-6);max-width:640px}.profile-page__hero{display:flex;align-items:center;gap:var(--space-5)}.profile-page__avatar-container{position:relative;width:fit-content}.profile-page__avatar{width:72px;height:72px;flex-shrink:0;border-radius:50%;background-color:var(--color-accent-gold);color:var(--color-text-on-accent);display:grid;place-items:center;font-size:1.5rem;font-weight:700;background-size:cover;background-position:center}.profile-page__avatar-upload-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background-color:var(--color-accent-gold);color:var(--color-text-on-accent);border:2px solid var(--color-bg-primary);display:grid;place-items:center;cursor:pointer;transition:opacity .2s ease}.profile-page__avatar-upload-btn:hover:not(:disabled){opacity:.85}.profile-page__avatar-upload-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page__hero-text{display:grid;gap:var(--space-1)}.profile-page__display-name{margin:0;font-size:1.4rem;line-height:1.2}.profile-page__display-username{margin:0;font-size:.95rem;color:var(--color-text-secondary)}.profile-page__display-email{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.profile-page__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.profile-page__badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg-secondary);text-decoration:none}.profile-page__badge--green{color:#22c55e;border-color:#22c55e;background:color-mix(in srgb,#22c55e 10%,transparent)}.profile-page__badge--warn{color:#f59e0b;border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,transparent)}.profile-page__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.profile-page__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-card);text-align:center}.profile-page__stat-value{font-size:1.6rem;font-weight:700;color:var(--color-accent-gold);font-family:var(--font-display);line-height:1}.profile-page__stat-label{font-size:.78rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.profile-page__section{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-card);display:grid;gap:var(--space-4)}.profile-page__section h2{margin:0;font-size:1rem;font-weight:600}.profile-page__form{display:grid;gap:var(--space-3)}.profile-page__field{display:grid;gap:var(--space-2)}.profile-page__field label{font-size:.875rem;color:var(--color-text-secondary)}.profile-page__field input{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.95rem;width:100%;box-sizing:border-box}.profile-page__field input:focus{outline:2px solid color-mix(in srgb,var(--color-accent-gold) 55%,transparent);border-color:var(--color-accent-gold)}.profile-page__error{margin:0;font-size:.85rem;color:#f87171}.profile-page__success{margin:0;font-size:.85rem;color:#22c55e}.profile-page__username-input-container{position:relative;display:flex;align-items:center}.profile-page__username-prefix{position:absolute;left:var(--space-3);font-weight:500;color:var(--color-text-secondary);pointer-events:none}.profile-page__username-input{padding-left:calc(var(--space-3) + 1.2rem)!important}.profile-page__username-indicator{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.8rem;pointer-events:none}.profile-page__username-indicator--checking{color:var(--color-text-muted)}.profile-page__username-indicator--available{color:#22c55e}.profile-page__username-indicator--taken{color:#f87171}.profile-page__muted{margin:0;color:var(--color-text-secondary);font-size:.9rem}.profile-page__link{color:var(--color-accent-gold);text-decoration:none}.profile-page__link:hover{text-decoration:underline}.profile-page__info-grid{display:grid;gap:var(--space-3)}.profile-page__info-item span{display:block;font-size:.78rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.profile-page__info-item p{margin:0;font-size:.95rem;color:var(--color-text-primary)}.profile-page__mono{font-family:monospace;letter-spacing:.08em;color:var(--color-accent-gold)!important}@media (max-width: 480px){.profile-page__hero{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.profile-page__stats{grid-template-columns:repeat(3,1fr)}}.protected-route{min-height:80vh;display:flex;align-items:center;justify-content:center}.protected-route__spinner{width:48px;height:48px;border-radius:50%;border:3px solid color-mix(in srgb,var(--color-accent-gold) 30%,transparent);border-top-color:var(--color-accent-gold);animation:protected-route-spin .9s linear infinite}@keyframes protected-route-spin{to{transform:rotate(360deg)}}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:grid-template-columns .3s ease}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);background-color:#0b0b0b;border-right:1px solid var(--color-border)}.admin-sidebar__brand{display:flex;align-items:center;gap:var(--space-3)}.admin-sidebar__logo{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--color-accent-gold);color:var(--color-text-on-accent);font-weight:700;display:grid;place-items:center;font-family:var(--font-display)}.admin-sidebar__title{display:flex;flex-direction:column;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.admin-sidebar__title strong{font-size:1rem;color:var(--color-text-primary)}.admin-nav{display:grid;gap:var(--space-2)}.admin-nav__link{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.admin-nav__icon svg{width:20px;height:20px;fill:currentColor}.admin-nav__link:hover{color:var(--color-text-primary);background-color:#3b82f61f}.admin-nav__link.is-active{background-color:#c9a84c2e;color:var(--color-accent-gold)}.admin-sidebar__footer{margin-top:auto;display:grid;gap:var(--space-3)}.admin-user{display:flex;gap:var(--space-3);align-items:center}.admin-user__avatar{width:40px;height:40px;border-radius:var(--radius-pill);background-color:var(--color-bg-card);border:1px solid var(--color-border);display:grid;place-items:center;font-weight:600}.admin-user__info{display:grid;gap:2px}.admin-user__name{font-weight:600}.admin-user__role{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.admin-signout{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.admin-signout svg{width:18px;height:18px;fill:currentColor}.admin-signout:hover{color:var(--color-text-primary);border-color:var(--color-accent-gold)}.admin-main{display:flex;flex-direction:column;min-height:100vh}.admin-topbar{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.admin-topbar__breadcrumb{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.admin-topbar__title{margin:var(--space-2) 0 0;font-family:var(--font-display)}.admin-content{padding:var(--space-6)}.admin-primary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;background-color:var(--color-accent-gold);color:var(--color-text-on-accent);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.admin-primary:hover{background-color:var(--color-accent-gold-hover)}.admin-primary:disabled{opacity:.7;cursor:not-allowed}.admin-ghost{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer}.admin-ghost:hover{border-color:var(--color-accent-blue);color:var(--color-text-primary)}@media (max-width: 1024px){.admin-shell{grid-template-columns:72px 1fr}.admin-sidebar{padding:var(--space-4) var(--space-2)}.admin-sidebar__title,.admin-nav__label,.admin-user__info,.admin-signout span{display:none}.admin-nav__link{grid-template-columns:1fr;justify-items:center}.admin-sidebar__brand{justify-content:center}.admin-sidebar__footer{align-items:center}}@media (max-width: 720px){.admin-content,.admin-topbar{padding:var(--space-4)}}.admin-topbar__menu-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;margin-right:var(--space-3)}.admin-topbar__menu-btn svg{width:20px;height:20px}.admin-topbar__menu-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent-gold)}.admin-sidebar__backdrop{display:none}@media (max-width: 640px){.admin-topbar__menu-btn{display:flex}.admin-topbar{display:flex;align-items:center}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(260px,82vw);height:100vh;transform:translate(-110%);transition:transform .3s ease;z-index:60;padding:var(--space-5) var(--space-4)}.admin-sidebar.is-mobile-open{transform:translate(0)}.admin-sidebar.is-mobile-open .admin-sidebar__title,.admin-sidebar.is-mobile-open .admin-nav__label,.admin-sidebar.is-mobile-open .admin-user__info,.admin-sidebar.is-mobile-open .admin-signout span{display:block}.admin-sidebar.is-mobile-open .admin-nav__link{grid-template-columns:20px 1fr;justify-items:start}.admin-sidebar.is-mobile-open .admin-sidebar__brand{justify-content:flex-start}.admin-sidebar.is-mobile-open .admin-sidebar__footer{align-items:stretch}.admin-sidebar__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:59}.admin-books__table,.admin-users__table,.admin-table{overflow-x:auto}.admin-books__head,.admin-books__row{min-width:560px}.admin-users__head,.admin-users__row{min-width:520px}.admin-table__header,.admin-table__row{min-width:480px}.admin-content{padding:var(--space-3)}.admin-books__header,.admin-users__controls{flex-direction:column;align-items:flex-start}}.admin-login{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background-color:#070707}.admin-login__card{width:min(420px,100%);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:grid;gap:var(--space-4);box-shadow:0 20px 60px #0006}.admin-login__title{margin:0;font-family:var(--font-display);font-size:2rem}.admin-login__subtitle{margin:0;color:var(--color-text-secondary)}.admin-login__form{display:grid;gap:var(--space-3)}.admin-login__field{display:grid;gap:var(--space-2);font-size:.9rem;color:var(--color-text-secondary)}.admin-login__field input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#0c0c0c;color:var(--color-text-primary)}.admin-login__field input:focus{outline:none;border-color:var(--color-accent-blue)}.admin-login__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:#dc26261f;color:#fca5a5}.admin-login__button{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:none;background-color:var(--color-accent-gold);color:var(--color-text-on-accent);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.admin-login__button:hover{background-color:var(--color-accent-gold-hover)}.admin-login__button:disabled{opacity:.7;cursor:not-allowed}.admin-dashboard{display:grid;gap:var(--space-6)}.admin-dashboard__stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-stat{padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-bg-card);border:1px solid var(--color-border);display:grid;gap:var(--space-2)}.admin-stat__label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--color-text-muted)}.admin-stat__value{font-size:2rem;font-weight:600}.admin-stat__delta{color:var(--color-text-secondary);font-size:.85rem}.admin-stat--gold{border-left:3px solid var(--color-accent-gold)}.admin-stat--blue{border-left:3px solid var(--color-accent-blue)}.admin-dashboard__chart,.admin-dashboard__table{display:grid;gap:var(--space-3)}.admin-dashboard__section-title{font-size:1rem;font-weight:600}.admin-dashboard__chart-frame{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.admin-table{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;background-color:var(--color-bg-card)}.admin-table__header,.admin-table__row{display:grid;grid-template-columns:60px 1.4fr 1fr .8fr .8fr .8fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.admin-table__header{background-color:#0f0f0f;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.admin-table__row{border-top:1px solid var(--color-border);background:transparent;color:inherit;text-align:left;cursor:pointer}.admin-table__row img{width:40px;height:56px;object-fit:cover;border-radius:var(--radius-sm)}.admin-table__row:hover{background-color:#3b82f614}.admin-table__empty{padding:var(--space-4);color:var(--color-text-muted)}@media (max-width: 640px){.admin-dashboard__stats{grid-template-columns:repeat(2,1fr)}.admin-stat__value{font-size:1.5rem}}.admin-toggle{width:44px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-bg-card);position:relative;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.admin-toggle__handle{width:18px;height:18px;border-radius:50%;background-color:var(--color-text-secondary);position:absolute;top:2px;left:3px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.admin-toggle.is-on{background-color:#c9a84c33;border-color:var(--color-accent-gold)}.admin-toggle.is-on .admin-toggle__handle{transform:translate(20px);background-color:var(--color-accent-gold)}.admin-toggle.is-disabled{opacity:.5;cursor:not-allowed}.admin-books{display:grid;gap:var(--space-4)}.admin-books__header{display:flex;align-items:center;justify-content:space-between}.admin-books__header h2{margin:0}.admin-books__table{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-bg-card);overflow:hidden}.admin-books__head,.admin-books__row{display:grid;grid-template-columns:40px 60px 1.4fr 1fr .7fr .9fr .9fr .9fr .9fr .8fr;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.admin-books__head{background-color:#0f0f0f;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.admin-books__row{border-top:1px solid var(--color-border)}.admin-books__drag{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-accent-gold);cursor:grab}.admin-books__drag:active{cursor:grabbing}.admin-books__cell--cover img{width:40px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.admin-books__cell--title{display:grid;gap:4px}.admin-books__cell--title span{color:var(--color-text-secondary);font-size:.85rem}.admin-badge{padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--color-accent-blue);color:var(--color-accent-blue);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.admin-status{padding:4px 10px;border-radius:var(--radius-pill);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.admin-status--published{background-color:#c9a84c33;color:var(--color-accent-gold)}.admin-status--draft{background-color:#a0a0a01a;color:var(--color-text-muted)}.admin-status--processing{background-color:#3b82f633;color:var(--color-accent-blue);animation:adminPulse 1.4s ease-in-out infinite}.admin-status--failed{background-color:#dc262633;color:#f87171}.admin-icon-button{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:grid;place-items:center}.admin-icon-button svg{width:18px;height:18px;fill:currentColor}.admin-icon-button:hover:not(:disabled){color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.admin-icon-button:disabled{opacity:.4;cursor:not-allowed}.admin-books__empty{padding:var(--space-4);color:var(--color-text-muted)}@keyframes adminPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 1024px){.admin-books__head,.admin-books__row{grid-template-columns:40px 60px 1.5fr 1fr .7fr .9fr .9fr .9fr .9fr}.admin-books__head span:last-child,.admin-books__cell--actions{display:none}}@media (max-width: 900px){.admin-books__head,.admin-books__row{grid-template-columns:40px 60px 1.5fr 1fr .7fr .9fr}.admin-books__head span:nth-child(n+7),.admin-books__cell:nth-child(n+7){display:none}}.admin-book-form{display:grid;gap:var(--space-5);position:relative}.admin-book-form__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-5)}.admin-book-form__panel{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-4)}.admin-book-form__field{display:grid;gap:var(--space-2)}.admin-book-form__field label{font-size:.85rem;color:var(--color-text-secondary)}.admin-book-form__field input,.admin-book-form__field textarea{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#0c0c0c;color:var(--color-text-primary)}.admin-book-form__field input:focus,.admin-book-form__field textarea:focus{outline:none;border-color:var(--color-accent-blue)}.admin-book-form__field-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.admin-book-form__counter{justify-self:end;font-size:.75rem;color:var(--color-text-muted)}.admin-book-form__type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.admin-type-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;text-align:left;display:grid;gap:var(--space-2)}.admin-type-card.is-active{border-color:var(--color-accent-gold);color:var(--color-text-primary);background-color:#c9a84c1a}.admin-type-card:disabled{opacity:.6;cursor:not-allowed}.admin-type-card__title{font-weight:600}.admin-type-card__icon svg{width:20px;height:20px;fill:currentColor}.admin-type-card__subtitle{font-size:.85rem;color:var(--color-text-muted)}.admin-book-form__access{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:#c9a84c0a}.admin-book-form__access-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.admin-book-form__access-label{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap}.admin-book-form__tier-opts{display:flex;gap:var(--space-2)}.admin-tier-btn{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.admin-tier-btn.is-active{border-color:var(--color-accent-gold);color:var(--color-accent-gold);background-color:#c9a84c1f;font-weight:600}.admin-book-form__field--inline{display:grid;grid-template-columns:auto 100px auto;align-items:center;gap:var(--space-3)}.admin-book-form__field--inline label{font-size:.85rem;color:var(--color-text-secondary)}.admin-book-form__field-hint{font-size:.8rem;color:var(--color-text-muted)}.admin-book-form__toggles{display:grid;gap:var(--space-3)}.admin-book-form__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.admin-status-toggle{display:inline-flex;border-radius:var(--radius-pill);border:1px solid var(--color-border);overflow:hidden;background:transparent}.admin-status-toggle span{padding:6px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.admin-status-toggle span.is-active{background-color:var(--color-accent-gold);color:var(--color-text-on-accent)}.admin-book-form__upload{display:grid;gap:var(--space-3)}.admin-book-form__upload-title{font-size:.85rem;color:var(--color-text-secondary)}.admin-upload-zone{border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;place-items:center;min-height:180px;color:var(--color-text-muted);cursor:pointer;background-color:#0c0c0c}.admin-upload-zone--cover{aspect-ratio:2 / 3}.admin-upload-zone input{display:none}.admin-upload-zone img{width:100%;max-height:320px;object-fit:cover;border-radius:var(--radius-md)}.admin-upload-zone--file{min-height:120px}.admin-book-form__conversion{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:.85rem;color:var(--color-text-muted)}.admin-book-form__conversion button{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);padding:6px 12px;border-radius:var(--radius-md);cursor:pointer}.admin-book-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.admin-book-form__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:#dc26261f;color:#fca5a5}.admin-book-form__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);display:grid;place-items:center;z-index:10}.admin-book-form__overlay-card{padding:var(--space-4) var(--space-6);background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-weight:600}.admin-book-form__loading{color:var(--color-text-secondary)}@media (max-width: 1024px){.admin-book-form__grid{grid-template-columns:1fr}}.admin-users{display:grid;gap:var(--space-4)}.admin-users__controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.admin-users__controls input{flex:1 1 240px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#0c0c0c;color:var(--color-text-primary)}.admin-users__filters{display:inline-flex;gap:var(--space-2)}.admin-filter{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer}.admin-filter.is-active{background-color:var(--color-accent-gold);color:var(--color-text-on-accent);border-color:transparent}.admin-users__table{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-bg-card);overflow:hidden}.admin-users__head,.admin-users__row{display:grid;grid-template-columns:1.6fr .8fr .8fr .8fr .6fr .9fr .6fr .8fr;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4)}.admin-users__head{background-color:#0f0f0f;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.admin-users__row{border-top:1px solid var(--color-border)}.admin-users__cell--user{display:flex;gap:var(--space-3);align-items:center}.admin-users__cell--user span{color:var(--color-text-secondary);font-size:.85rem}.admin-users__avatar{width:40px;height:40px;border-radius:var(--radius-pill);background-color:#0c0c0c;border:1px solid var(--color-border);display:grid;place-items:center;font-weight:600}.admin-status{display:inline-flex;align-items:center;gap:4px}.admin-status svg{width:14px;height:14px;fill:currentColor}.admin-status--verified{background-color:#22c55e26;color:#4ade80;padding:4px 10px;border-radius:var(--radius-pill);font-size:.7rem;text-transform:uppercase}.admin-status--warning{background-color:#fb923c26;color:#fdba74;padding:4px 10px;border-radius:var(--radius-pill);font-size:.7rem;text-transform:uppercase}.admin-role{padding:4px 10px;border-radius:var(--radius-pill);font-size:.7rem;text-transform:uppercase;background-color:#94a3b833;color:#cbd5f5}.admin-role--admin{background-color:#c9a84c33;color:var(--color-accent-gold)}.admin-link{border:none;background:transparent;color:var(--color-accent-blue);cursor:pointer;font-family:var(--font-body);font-size:.82rem;padding:0}.admin-link--danger{color:#f87171}.admin-link--success{color:#4ade80}.admin-users__row--banned{opacity:.6;background:#f871710a}.admin-users__pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.admin-users__empty{padding:var(--space-4);color:var(--color-text-muted)}@media (max-width: 1024px){.admin-users__head,.admin-users__row{grid-template-columns:1.4fr .8fr .8fr .8fr .6fr .9fr}.admin-users__head span:nth-child(n+7),.admin-users__row .admin-users__cell:nth-child(n+7){display:none}}@media (max-width: 640px){.admin-users__filters{flex-wrap:wrap}}.admin-settings{display:grid;gap:var(--space-4)}.admin-settings__card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-4)}.admin-settings__header{display:flex;align-items:center;justify-content:space-between}.admin-settings__details{display:grid;gap:var(--space-3);color:var(--color-text-secondary)}.admin-settings__details strong{display:block;color:var(--color-text-primary);margin-top:var(--space-1)}.admin-settings__form{display:grid;gap:var(--space-3)}.admin-settings__form label{display:grid;gap:var(--space-2);color:var(--color-text-secondary)}.admin-settings__form input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#0c0c0c;color:var(--color-text-primary)}.admin-settings__message{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:#3b82f61f;color:var(--color-text-secondary)}.admin-settings__sub{margin:.3rem 0 0;font-size:.82rem;color:var(--color-text-muted)}.admin-maintenance-toggle{display:flex;align-items:center;gap:.5rem;border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:700;color:var(--color-text-secondary);flex-shrink:0;padding:0;transition:color .2s}.admin-maintenance-toggle.is-on{color:#f87171}.admin-maintenance-toggle:disabled{opacity:.5;cursor:not-allowed}.admin-maintenance-toggle__track{width:44px;height:24px;border-radius:12px;background:var(--color-border);display:flex;align-items:center;padding:2px;transition:background .2s;flex-shrink:0}.admin-maintenance-toggle.is-on .admin-maintenance-toggle__track{background:#f87171}.admin-maintenance-toggle__thumb{width:20px;height:20px;border-radius:50%;background:#fff;transform:translate(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0000004d}.admin-maintenance-toggle.is-on .admin-maintenance-toggle__thumb{transform:translate(20px)}.admin-maintenance-banner{display:flex;align-items:center;gap:.5rem;padding:var(--space-2) var(--space-3);background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-md);color:#f87171;font-size:.82rem;font-weight:500}.admin-route{min-height:100vh;display:grid;place-items:center;background-color:var(--color-bg-primary)}.admin-route__spinner{width:48px;height:48px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-accent-gold);animation:adminRouteSpin .8s linear infinite}@keyframes adminRouteSpin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;right:var(--space-4);bottom:var(--space-4);display:grid;gap:var(--space-2);z-index:50}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text-primary);box-shadow:0 8px 24px #0000004d;min-width:240px;animation:toast-enter .3s ease both}.toast--success{border-color:color-mix(in srgb,var(--color-accent-gold) 50%,var(--color-border))}.toast--info{border-color:color-mix(in srgb,var(--color-accent-blue) 50%,var(--color-border))}.toast--error{border-color:#ef4444}.toast button{background:transparent;border:none;color:inherit;font-size:1.1rem;cursor:pointer}.toast--exit{animation:toast-exit .25s ease forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #111111;--color-bg-card: #161616;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #555555;--color-accent-gold: #c9a84c;--color-accent-gold-hover: #e0bc6a;--color-accent-blue: #3b82f6;--color-accent-blue-hover: #60a5fa;--color-border: #222222;--color-border-hover: #333333;--color-text-on-accent: #0a0a0a;--color-overlay: rgba(10, 10, 10, .8);--color-reader-bg-dark: #0a0a0a;--color-reader-bg-sepia: #f4ecd8;--color-reader-bg-white: #ffffff;--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--transition-fast: .15s ease;--transition-base: .25s ease}html[data-theme=light]{--color-bg-primary: #f5f5f0;--color-bg-secondary: #ebebe6;--color-bg-card: #ffffff;--color-text-primary: #0a0a0a;--color-text-secondary: #444444;--color-text-muted: #888888;--color-border: #dddddd;--color-border-hover: #cccccc}:root{text-rendering:optimizeLegibility}html{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);scroll-behavior:smooth}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}button{cursor:pointer;transition:filter var(--transition-base)}button:hover:not(:disabled){filter:brightness(1.05)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2}#root{min-height:100vh}.container{width:min(1200px,100%);margin:0 auto;padding:0 var(--space-5)}.route-transition{animation:route-fade .25s ease}@keyframes route-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}