.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-primary)}.google-referral-modal__error{color:var(--color-error);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-primary);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-primary);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-primary);border-color:var(--color-accent-primary)}.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-primary);color:var(--color-text-on-accent);border-color:var(--color-accent-primary);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-primary-hover);border-color:var(--color-accent-primary-hover);transform:translateY(-1px);background-position:100% 50%}.ui-button--secondary{background-color:transparent;color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.ui-button--secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-primary) 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-primary)}.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-primary) 14%,transparent),color-mix(in srgb,var(--color-accent-primary) 7%,transparent));border:1px solid color-mix(in srgb,var(--color-accent-primary) 32%,transparent);border-radius:var(--radius-pill);padding:.22rem .65rem .22rem .5rem;font-size:.82rem;font-weight:700;color:var(--color-accent-primary);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-primary) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent-primary) 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) 92%,transparent);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar__content{display:flex;align-items:center;height:64px;gap:var(--space-4)}.navbar__logo{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);flex-shrink:0;margin-right:auto}.navbar__logo span{color:var(--color-accent-primary)}.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);padding:4px 0;position:relative}.navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent-primary);border-radius:2px;transition:width .2s ease}.navbar__link:hover,.navbar__link.is-active{color:var(--color-text-primary)}.navbar__link.is-active:after,.navbar__link:hover:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:var(--space-3)}.navbar__refer{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);color:var(--color-accent-primary);font-size:.78rem;font-weight:700;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,transform .15s ease}.navbar__refer:hover{background:var(--color-accent-primary);color:var(--color-text-on-accent);transform:translateY(-1px)}.navbar__refer.is-copied{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.navbar__actions-avatar{display:flex;align-items:center;gap:var(--space-2)}.navbar__sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--color-border);background:none;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.navbar__sidebar-toggle:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.navbar__avatar{position:relative}.navbar__avatar-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-accent-primary);background-color:var(--color-bg-secondary);color:var(--color-accent-primary);font-weight:600;font-size:.9rem;position:relative;text-decoration:none;flex-shrink:0;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.navbar__avatar-button:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 30%,transparent);transform:translateY(-1px)}.navbar__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.navbar__avatar-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--color-warning);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-primary);border:1px solid var(--color-accent-primary);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;z-index:10}.navbar__verify-tooltip:hover{background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent)}.navbar__topbar-right{display:none;align-items:center;gap:var(--space-2)}.navbar__topbar-avatar{display:none}.navbar__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:none;padding:0;cursor:pointer;border-radius:var(--radius-md);flex-shrink:0;transition:background-color .15s ease}.navbar__toggle:hover{background-color:var(--color-bg-secondary)}.navbar__toggle-bar{display:block;width:22px;height:2px;background-color:var(--color-text-primary);border-radius:2px;margin:0 auto;transition:transform .25s ease,opacity .2s ease,background-color var(--transition-base)}.navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__toggle[aria-expanded=true] .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 900px){.navbar__topbar-right{display:flex}.navbar__topbar-avatar{display:block}.navbar__toggle{display:flex}.navbar__sidebar-toggle{display:none}.navbar__menu{position:fixed;top:64px;left:0;right:0;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-shadow:0 8px 32px #00000047;flex-direction:column;align-items:stretch;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;z-index:19}.navbar__menu.is-open{max-height:340px;padding:var(--space-3) 0 var(--space-4)}.navbar__links{flex-direction:column;gap:0;padding:0 var(--space-5)}.navbar__link{display:block;padding:13px 0;font-size:.95rem;border-bottom:1px solid var(--color-border)}.navbar__link:last-child{border-bottom:none}.navbar__link:after{display:none}.navbar__actions{padding:var(--space-3) var(--space-5) 0;gap:var(--space-2);flex-wrap:wrap}.navbar__actions-avatar{display:none}.navbar__refer{font-size:.75rem;padding:5px 10px}}@media (max-width: 380px){.navbar__refer{display:none}}.navbar{position:sticky;top:0;z-index:30;background:#fffdf8eb;border-bottom:1px solid rgba(23,45,61,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar__content{min-height:76px}.navbar__logo{color:var(--color-text-primary);letter-spacing:-.04em;font-size:1.15rem;font-weight:800}.navbar__logo:before{content:"A";display:inline-grid;place-items:center;width:30px;height:30px;margin-right:9px;border-radius:10px 10px 10px 3px;background:var(--color-text-primary);color:var(--color-accent-ai-flag);font-size:.85rem;letter-spacing:0}.navbar__logo span{color:var(--color-accent-primary);font-weight:500}.navbar__links{gap:6px}.navbar__link{border-radius:var(--radius-pill);padding:9px 14px;color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.navbar__link:hover,.navbar__link.is-active{color:var(--color-text-primary);background:#e8f0eb}.navbar__actions{gap:10px}.navbar__refer{border-radius:var(--radius-pill);border:1px solid rgba(210,155,85,.55);background:#fff5df;color:#8a5f27;padding:9px 13px;font-size:.76rem;font-weight:800}.navbar__avatar-button{border:2px solid var(--color-bg-card);box-shadow:0 0 0 1px var(--color-border)}.navbar__sidebar-toggle,.navbar__toggle{border-radius:12px}@media (max-width: 760px){.navbar__content{min-height:68px}.navbar__logo{font-size:1rem}.navbar__logo:before{width:27px;height:27px;margin-right:7px}}html[data-theme=dark] .navbar{background:#0e1b23eb;border-color:#ffffff1f}html[data-theme=dark] .navbar__link:hover,html[data-theme=dark] .navbar__link.is-active{color:#f6f1e7;background:#1c3a42}html[data-theme=dark] .navbar__refer{background:#d29b5529;color:#e7bb78;border-color:#d29b5585}html[data-theme=dark] .navbar__logo:before{background:#f6f1e7;color:#173342}.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-primary) 30%,#e0bc6a 50%,var(--color-accent-primary) 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-primary);border-color:var(--color-accent-primary);background-color:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);transform:translateY(-2px) scale(1.08);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent-primary) 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-primary);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-primary);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-primary);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:36px;padding:48px 0 36px}.footer__tagline{display:none}.footer__social{gap:14px}.footer__social a{width:52px;height:52px;border-radius:50%;border-width:1.5px;color:var(--color-text-secondary)}.footer__columns{grid-template-columns:repeat(2,1fr);gap:36px 20px}.footer__col-heading{font-size:.85rem;margin-bottom:20px}.footer__col-list{gap:20px}.footer__link{font-size:1rem;line-height:1.5}.footer__link:hover{transform:none}.footer__bottom-inner{flex-direction:column;text-align:center;gap:10px;padding:24px 0}}.footer{background:var(--color-text-primary);color:#e9eee9;border-top:0}.footer__logo{color:#fffdf8}.footer__tagline,.footer__bottom p,.footer__link{color:#afc0bd}.footer__col-heading{color:#fffdf8}.footer__bottom{border-color:#ffffff24}.footer__bottom strong,.footer__link:hover{color:var(--color-accent-ai-flag)}.footer__social a{border-color:#fff3;color:#afc0bd}.footer__social a:hover{color:#fffdf8;border-color:var(--color-accent-ai-flag);background:#d29b5529;box-shadow:none}html[data-theme=dark] .footer{background:#09151c}html[data-theme=dark] .footer{background:#09151c;color:#e9eee9}html[data-theme=dark] .footer__tagline,html[data-theme=dark] .footer__bottom p,html[data-theme=dark] .footer__link{color:#9db4b0}html[data-theme=dark] .footer__col-heading,html[data-theme=dark] .footer__logo{color:#f6f1e7}.footer{padding-top:clamp(72px,8vw,112px)}.footer__inner{padding-top:0;padding-bottom:64px}.footer__columns{padding-top:8px}.footer__col-heading{margin-top:0}.footer__bottom-inner{padding-top:30px;padding-bottom:30px}@media (max-width: 1024px){.footer__inner{padding-top:76px;padding-bottom:58px}}@media (max-width: 768px){.footer{padding-top:56px}.footer__inner{gap:44px;padding-top:0;padding-bottom:46px}.footer__brand{padding-bottom:4px}.footer__columns{padding-top:4px;row-gap:44px;column-gap:24px}.footer__col-heading{margin-bottom:22px}.footer__col-list{gap:18px}.footer__bottom-inner{gap:12px;padding:22px 16px 24px}.footer__bottom p{line-height:1.55}}@media (max-width: 480px){.footer{padding-top:48px}.footer__inner{padding-top:0;padding-bottom:40px}.footer__columns{gap:38px 18px}.footer__link{font-size:.92rem}.footer__bottom-inner{padding-inline:12px}}.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-primary);color:var(--color-text-on-accent);display:grid;place-items:center;font-weight:700;font-size:.95rem;overflow:hidden;flex-shrink:0}.user-sidebar__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.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-primary);border-color:var(--color-accent-primary);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-primary);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-primary);border-color:var(--color-accent-primary)}.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}.user-sidebar__badge{margin-left:auto;min-width:18px;height:18px;border-radius:999px;background:var(--color-accent-primary, #3b82f6);color:#0a0a0a;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.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}@media (min-width: 769px){.app-shell__body{transition:margin-left .3s ease;margin-left:0}.app-shell--sidebar-open .app-shell__body{margin-left:min(260px,85vw)}}.app-content{flex:1;padding-top:64px}.app-shell__backdrop{display:none}@media (max-width: 768px){.app-shell__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:54;opacity:0;pointer-events:none;transition:opacity .3s ease}.app-shell--sidebar-open .app-shell__backdrop{opacity:1;pointer-events:auto}}.ui-skeleton{width:100%;background:linear-gradient(90deg,var(--color-bg-secondary) 0%,color-mix(in srgb,var(--color-accent-primary) 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-primary);color:var(--color-text-on-accent)}.ui-badge--genre{border:1px solid var(--color-accent-primary);color:var(--color-accent-primary);background-color:transparent;font-size:.7rem}.ui-badge--downloaded{border:1px solid var(--color-accent-primary);color:var(--color-accent-primary);background-color:color-mix(in srgb,var(--color-accent-primary) 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-primary);box-shadow:0 0 8px 2px color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.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-primary);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:clamp(420px,55vh,680px);padding:var(--space-6) 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-primary) 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(color-mix(in srgb,var(--color-accent-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-accent-primary) 4%,transparent) 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 color-mix(in srgb,var(--color-accent-primary) 35%,transparent))}@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-primary);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;margin:0;background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 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-primary);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-6) 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-primary);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-primary) 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-primary) 5%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .25s}.home-coin-card:hover{border-color:color-mix(in srgb,var(--color-accent-primary) 40%,transparent);box-shadow:0 8px 32px #0003,0 0 0 1px color-mix(in srgb,var(--color-accent-primary) 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-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 22%,transparent);border-radius:var(--radius-lg);color:var(--color-accent-primary)}.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__empty-state{margin:var(--space-4) auto;color:var(--color-text-muted);text-align:center;font-size:.95rem}.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-primary) 35%,transparent);transform:translateY(-2px)}.home-about__stat-icon{width:28px;height:28px;color:var(--color-accent-primary);opacity:.8}.home-about__stat-coin{filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--color-accent-primary) 40%,transparent))}.home-about__stat-card h3{margin:0;font-family:var(--font-display);font-size:2rem;color:var(--color-accent-primary);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-primary) 10%,var(--color-bg-card)),var(--color-bg-card));border:1px solid color-mix(in srgb,var(--color-accent-primary) 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-primary) 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:repeat(2,1fr)}}@media (max-width: 600px){.home-coins__grid,.home-about__stats{grid-template-columns:1fr}.home-section{padding:var(--space-6) 0}.home-cta__content{padding:var(--space-6) var(--space-4)}}@media (max-width: 640px){.home-hero{padding:var(--space-6) 0 0}.home-hero__pills{gap:var(--space-2)}.home-hero__pill{min-width:110px;padding:.45rem .8rem}.hero-coin{display:none}.home-hero__actions .ui-button{padding:12px 24px}}@media (prefers-reduced-motion: reduce){.hero-coin,.coin-access__coin,.streak-day.is-today .streak-day__coin{animation:none!important}}.home{background:radial-gradient(ellipse 80% 30% at 50% 0%,color-mix(in srgb,var(--color-accent-primary) 10%,transparent),transparent 72%),var(--color-bg-primary)}.home-hero{min-height:min(760px,82vh);align-items:stretch;justify-content:center;padding-top:clamp(4rem,10vw,8rem);background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--color-accent-primary) 18%,transparent),transparent 24%),radial-gradient(circle at 8% 75%,rgba(202,138,4,.08),transparent 28%),var(--color-bg-primary)}.home-hero:after{content:"";position:absolute;width:min(48vw,620px);aspect-ratio:1;right:-8%;top:18%;border:1px solid color-mix(in srgb,var(--color-accent-primary) 18%,transparent);border-radius:46% 54% 60% 40%;transform:rotate(18deg);pointer-events:none}.home-hero__content{justify-content:flex-start}.home-hero__text{max-width:760px;text-align:left;justify-items:start;gap:var(--space-5)}.home-hero__eyebrow{border:0;border-left:2px solid var(--color-accent-primary);border-radius:0;padding:0 0 0 .8rem;background:transparent;letter-spacing:.18em}.home-hero__headline{max-width:750px;font-size:clamp(3rem,7.5vw,6.6rem);line-height:.96;letter-spacing:-.07em}.home-hero__subtitle{max-width:610px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.home-hero__actions{justify-content:flex-start}.home-hero__pills{justify-content:flex-start;gap:0;padding:1.25rem max(1rem,calc((100vw - 1200px)/2)) 1.25rem;border-top-color:color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-bg-card) 55%,transparent)}.home-hero__pill{min-width:0;flex:1;align-items:flex-start;border:0;border-right:1px solid var(--color-border);border-radius:0;padding:.35rem 1.35rem;background:transparent}.home-hero__pill:last-child{border-right:0}.home-hero__pill-label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.home-section{padding:clamp(4rem,9vw,7rem) 0}.home-section__header{text-align:left;justify-items:start;max-width:680px}.home-section__tag{margin:0}.home-section__header h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.06em}.home-section__header p{font-size:1rem;line-height:1.65}.home-coins__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-coin-card{min-height:260px;padding:1.5rem;border-radius:1.25rem;background:linear-gradient(145deg,var(--color-bg-card),color-mix(in srgb,var(--color-bg-secondary) 40%,var(--color-bg-card)))}.home-coin-card__title{font-size:1.35rem;letter-spacing:-.035em}.home-featured{padding:0 max(1rem,calc((100vw - 1200px)/2));gap:1.25rem}.home-featured__item{min-width:220px}.home-about{background:color-mix(in srgb,var(--color-accent-primary) 4%,transparent)}.home-about__content{text-align:left}.home-about__content h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.06em}.home-about__content>p{max-width:720px;margin:0;font-size:1.05rem}.home-about__stats{gap:1rem}.home-about__stat-card{align-items:flex-start;text-align:left;min-height:160px;border-radius:1.15rem;padding:1.5rem;background:var(--color-bg-card)}.home-about__stat-card h3{font-size:2.6rem}.home-cta__content{min-height:360px;align-content:center;border-radius:1.5rem;padding:clamp(2rem,7vw,5rem);text-align:left;justify-items:start}.home-cta__content h2,.home-cta__content>p{max-width:560px}.home-cta__actions{justify-content:flex-start}@media (max-width: 720px){.home-hero{min-height:auto;padding-top:4rem}.home-hero__headline{font-size:clamp(2.8rem,14vw,4.5rem)}.home-hero__pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem}.home-hero__pill{border-right:0;padding:.75rem;border:1px solid var(--color-border);border-radius:.85rem}.home-coins__grid,.home-about__stats{grid-template-columns:1fr}.home-section__header,.home-about__content,.home-cta__content{text-align:left}}.home{background:transparent}.home-hero{position:relative;min-height:620px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(105deg,#0f2631f0,#0f2631c7 47%,#0f26312e),radial-gradient(circle at 72% 18%,rgba(210,155,85,.32),transparent 24rem),#173342}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%)}.home-hero:after{content:"";position:absolute;width:42vw;height:42vw;right:-12vw;top:-16vw;border:1px solid rgba(210,155,85,.36);border-radius:50%;box-shadow:0 0 0 44px #d29b550d,0 0 0 88px #d29b5508}.home-hero__content{position:relative;z-index:1;width:100%;padding-top:82px;padding-bottom:72px}.home-hero__text{max-width:690px;text-align:left}.home-hero__eyebrow,.home-section__tag{color:#d9b778;letter-spacing:.16em;font-size:.72rem;font-weight:800}.home-hero__headline{max-width:680px;color:#fffdf8;font-size:clamp(3rem,6.4vw,6.25rem);letter-spacing:-.07em;line-height:.98}.home-hero__headline:first-line{color:#fffdf8}.home-hero__cursor{color:#d9b778}.home-hero__subtitle{max-width:530px;margin-top:26px;color:#c1d0cd;font-size:1.08rem;line-height:1.65}.home-hero__actions{justify-content:flex-start;margin-top:30px}.home-hero__actions .ui-button{border-radius:12px;padding:14px 22px}.home-hero__actions .ui-button:first-child{background:#d29b55;color:#173342;box-shadow:0 12px 24px #d29b5540}.home-hero__actions .ui-button:first-child:hover{background:#e0af69}.home-hero__pills{justify-content:flex-start;gap:0;margin-top:54px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.2)}.home-hero__pill{min-width:0;padding:0 30px 0 0;margin-right:30px;border:0;border-radius:0;background:transparent;align-items:flex-start}.home-hero__pill-label{color:#fffdf8;font-size:.88rem}.home-hero__pill-desc{color:#9eb4af;font-size:.75rem}.home-section{padding:92px 0}.home-section__header{text-align:left;justify-items:start}.home-section__header h2{color:var(--color-text-primary);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.055em}.home-section__header p{max-width:560px}.home-coins{background:#ebe6da}.home-coins__grid{grid-template-columns:repeat(3,1fr);gap:18px}.home-coin-card{min-height:220px;padding:28px;border:1px solid rgba(23,45,61,.1);border-radius:var(--radius-lg);background:#fffdf8;box-shadow:none}.home-coin-card:hover{transform:translateY(-6px);border-color:var(--color-accent-primary);box-shadow:var(--shadow-soft)}.home-coin-card__icon{color:var(--color-accent-primary)}.home-coin-card__title{color:var(--color-text-primary)}.home-featured{background:#fffdf8}.home-featured__item{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.home-about{background:var(--color-text-primary);color:#fffdf8}.home-about__content h2{color:#fffdf8;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.055em}.home-about__content>p{max-width:660px;color:#b6c7c2}.home-about__stat-card{border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);background:#ffffff0f}.home-about__stat-card h3,.home-about__stat-card span{color:#fffdf8}.home-cta{position:relative;overflow:hidden;background:#d29b55}.home-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-image:radial-gradient(circle,#173342 1px,transparent 1px);background-size:18px 18px}.home-cta__content{position:relative}.home-cta h2,.home-cta p{color:#173342}.home-cta h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.05em}.home-cta__actions .ui-button:first-child{background:#173342;color:#fffdf8}.home-cta__actions .ui-button:last-child{border-color:#173342;color:#173342}@media (max-width: 760px){.home-hero{min-height:680px}.home-hero__content{padding-top:64px}.home-hero__headline{font-size:clamp(2.8rem,14vw,4.5rem)}.home-hero__pills{flex-direction:column;gap:16px}.home-hero__pill{padding:0;margin:0}.home-coins__grid{grid-template-columns:1fr}.home-section{padding:64px 0}}html[data-theme=dark] .home-coins{background:#142832}html[data-theme=dark] .home-featured{background:#0e1b23}html[data-theme=dark] .home-coin-card,html[data-theme=dark] .home-featured__item{background:#1a3039;border-color:#2e4a52}html[data-theme=dark] .home-about{background:#09151c}html[data-theme=dark] .home-hero{background:linear-gradient(105deg,#050e13f5,#0c252fd6 54%,#0c252f4d),#102a36}.home-archive-journey{--archive-progress: 0;position:relative;isolation:isolate}.home-archive-journey__ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at calc(78% - (var(--archive-progress) * 22%)) calc(18% + (var(--archive-progress) * 18%)),rgba(207,169,99,.19),transparent 24rem),radial-gradient(circle at 4% 82%,rgba(44,121,111,.13),transparent 26rem),linear-gradient(128deg,#081822,#102b32 53%,#173f3d);transition:background .7s ease}.home-archive-journey:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(250,239,211,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(250,239,211,.08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}.home-archive-journey .home-hero{position:sticky;top:0;z-index:0;min-height:min(88vh,820px);display:grid;align-content:center;background:radial-gradient(circle at 80% 28%,rgba(211,177,105,.16),transparent 18rem),linear-gradient(180deg,#081822f0,#08182299);border-bottom:1px solid rgba(242,225,185,.16);transform:translateY(calc(var(--archive-progress) * -4vh))}.home-archive-journey .home-hero:before{content:"";position:absolute;inset:11% 7% auto auto;width:min(48vw,660px);height:min(48vw,660px);border:1px solid rgba(240,214,159,.2);border-radius:50%;transform:rotate(20deg) scale(calc(1 + var(--archive-progress) * .12));box-shadow:inset 0 0 0 18px #f0d69f06,0 0 0 46px #f0d69f06,0 0 0 92px #f0d69f05;pointer-events:none}.home-archive-journey .home-hero:after{content:"INDEX  /  01";position:absolute;right:8%;bottom:15%;color:#f1ddae9e;font:700 .68rem/1 var(--font-body);letter-spacing:.2em;transform:rotate(-90deg);transform-origin:right bottom}.home-archive-journey .home-section{position:relative;z-index:1;background:color-mix(in srgb,#0b202a 78%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(238,217,172,.1)}.home-archive-journey .home-featured,.home-archive-journey .home-about,.home-archive-journey .home-cta{position:relative;z-index:2}.home-archive-journey .home-featured__item{box-shadow:0 20px 48px #0000003d}.home-archive-journey .home-featured__item:hover{transform:translateY(-10px) rotateY(-2deg)}.home-archive-journey .home-section__tag{text-shadow:0 0 20px rgba(214,179,108,.22)}.home-archive-journey__progress{position:fixed;z-index:20;top:50%;right:1.25rem;width:3px;height:18vh;border-radius:999px;background:#f0dfb726;transform:translateY(-50%);pointer-events:none}.home-archive-journey__progress span{display:block;width:100%;height:calc(var(--archive-progress) * 100%);min-height:8px;border-radius:inherit;background:linear-gradient(#d5b36a,#8fd1b2);box-shadow:0 0 16px #d5b36a8c}@media (max-width: 760px){.home-archive-journey .home-hero{position:relative;min-height:76vh;transform:none}.home-archive-journey .home-section{-webkit-backdrop-filter:none;backdrop-filter:none}.home-archive-journey__progress{right:.7rem;height:12vh}}@media (prefers-reduced-motion: reduce){.home-archive-journey .home-hero{position:relative;transform:none}.home-archive-journey__ambient,.home-archive-journey__progress{display:none}}:root{--archive-ink: #07121a;--archive-night: #07151d;--archive-deep: #0b2028;--archive-brass: #d5a85d;--archive-brass-bright: #f3d08a;--archive-paper: #f4ead3;--archive-muted: rgba(227, 220, 197, .62)}.archive-experience{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;color:var(--archive-paper);background:radial-gradient(ellipse at 50% 15%,#214353 0%,var(--archive-deep) 48%,var(--archive-night) 100%);font-family:var(--font-body, Inter, sans-serif)}.archive-experience:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.75;background:linear-gradient(90deg,rgba(1,8,12,.7),transparent 34%,transparent 66%,rgba(1,8,12,.72)),linear-gradient(180deg,rgba(255,220,140,.1),transparent 35%,rgba(0,0,0,.45))}.archive-experience:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-25vh;height:52vh;z-index:-2;transform:perspective(650px) rotateX(62deg);transform-origin:top;background:repeating-linear-gradient(90deg,rgba(213,168,93,.06) 0 1px,transparent 1px 78px),linear-gradient(180deg,rgba(177,135,69,.18),transparent 55%);box-shadow:0 -40px 80px #00000073}.archive-experience__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:screen}.archive-experience__ceiling{position:absolute;top:-22vh;left:16%;width:68%;height:48vh;z-index:-1;background:radial-gradient(ellipse,rgba(247,192,100,.23),transparent 64%);filter:blur(8px)}.archive-experience__ambient{position:absolute;top:28%;width:20rem;height:20rem;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.3}.archive-experience__ambient--left{left:-8rem;background:#b87333}.archive-experience__ambient--right{right:-8rem;background:#3d6a87}.archive-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1rem,4vw,4rem);border-bottom:1px solid rgba(240,208,137,.16);background:#040e1361;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.archive-wordmark{display:flex;align-items:center;gap:.75rem;border:0;color:var(--archive-paper);background:none;text-align:left;cursor:pointer}.archive-wordmark__seal{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--archive-brass);border-radius:50%;color:var(--archive-brass-bright);font-family:var(--font-display, Georgia, serif);font-size:1.3rem}.archive-wordmark b{display:block;font-family:var(--font-display, Georgia, serif);font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.archive-wordmark small{display:block;margin-top:.18rem;color:var(--archive-muted);font-size:.62rem;letter-spacing:.08em}.archive-topbar__status{color:#e5ddc48c;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.archive-status-dot{display:inline-block;width:.42rem;height:.42rem;margin-right:.45rem;border-radius:50%;background:#a9d29f;box-shadow:0 0 12px #a9d29f}.archive-topbar__shortcut,.archive-reset{display:flex;align-items:center;gap:.35rem;border:1px solid rgba(240,208,137,.25);border-radius:999px;padding:.55rem .8rem;color:var(--archive-muted);background:#040e1359;font:inherit;font-size:.68rem;cursor:pointer}.archive-topbar__shortcut:hover,.archive-reset:hover{color:var(--archive-brass-bright);border-color:var(--archive-brass)}.archive-awakening{position:relative;display:flex;min-height:calc(100vh - 5.25rem);flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 8rem;text-align:center;animation:archive-arrive 1.3s both cubic-bezier(.16,1,.3,1)}.archive-kicker{display:flex;align-items:center;gap:.45rem;margin:0 0 1rem;color:var(--archive-brass-bright);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.archive-awakening h1{position:relative;z-index:1;margin:0;color:#fff7df;font-family:var(--font-display, Georgia, serif);font-size:clamp(4rem,12vw,10rem);font-weight:400;letter-spacing:-.06em;line-height:.82;text-shadow:0 4px 30px rgba(0,0,0,.45)}.archive-awakening h1 em{color:var(--archive-brass-bright);font-style:italic}.archive-awakening__tagline{margin:2rem 0 2.2rem;color:var(--archive-muted);font-family:var(--font-display, Georgia, serif);font-size:clamp(1rem,2vw,1.35rem);line-height:1.6}.archive-enter-button{display:flex;align-items:center;gap:.8rem;border:1px solid var(--archive-brass);border-radius:999px;padding:.35rem .5rem .35rem .35rem;color:var(--archive-ink);background:var(--archive-brass-bright);font:inherit;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 #f3d08a59,0 20px 55px #00000047;cursor:pointer;transition:transform .2s,box-shadow .2s}.archive-enter-button:hover{transform:translateY(-3px);box-shadow:0 0 0 8px #f3d08a14,0 25px 70px #0006}.archive-enter-button__icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;color:var(--archive-brass-bright);background:var(--archive-ink)}.archive-awakening__hint{margin-top:1.6rem;color:#e3dcc559;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.archive-awakening__halo{position:absolute;top:42%;left:50%;width:min(70vw,42rem);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.archive-awakening__halo span{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:1px solid rgba(243,208,138,.12);border-radius:50%;animation:archive-orbit 18s linear infinite}.archive-awakening__halo span:nth-child(2){top:25%;right:25%;bottom:25%;left:25%;transform:rotateX(68deg);animation-duration:13s;animation-direction:reverse}.archive-awakening__halo span:nth-child(3){top:5%;right:5%;bottom:5%;left:5%;transform:rotateY(65deg);animation-duration:24s}.archive-floor{width:min(100%,1120px);margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) 7rem;animation:archive-arrive .9s both cubic-bezier(.16,1,.3,1)}.archive-floor__intro{display:flex;align-items:end;justify-content:space-between;gap:1rem}.archive-floor h1{margin:0;color:#fff7df;font-family:var(--font-display, Georgia, serif);font-size:clamp(2.6rem,6vw,5rem);font-weight:400;letter-spacing:-.04em}.archive-floor__intro>div>p:last-child{margin:.75rem 0 0;color:var(--archive-muted);font-family:var(--font-display, Georgia, serif);font-size:1rem}.archive-shelf-selector{display:flex;gap:.55rem;margin:2.5rem 0 1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.archive-shelf-selector::-webkit-scrollbar{display:none}.archive-shelf-tab{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(240,208,137,.13);border-radius:999px;padding:.65rem .85rem;color:#e3dcc58c;background:#05121873;font:inherit;font-size:.69rem;cursor:pointer;transition:.2s}.archive-shelf-tab span{color:var(--archive-brass);font-family:Georgia,serif;font-size:1rem}.archive-shelf-tab:hover,.archive-shelf-tab.is-active{border-color:var(--archive-brass);color:#fff7df;background:#d5a85d1f;transform:translateY(-2px)}.archive-shelf-wall{position:relative;min-height:22rem;padding:4.5rem 1rem 4rem;border:1px solid rgba(213,168,93,.2);border-radius:.35rem;background:linear-gradient(180deg,#392113d1,#131010f5);box-shadow:0 35px 80px #00000080,inset 0 0 80px #00000073;transform:perspective(1000px) rotateX(1deg)}.archive-shelf-wall__beam{position:absolute;left:-.7rem;right:-.7rem;height:1.15rem;border:1px solid rgba(244,205,122,.28);border-radius:.25rem;background:linear-gradient(180deg,#825a32,#382318 45%,#1e1510);box-shadow:0 9px 16px #00000061}.archive-shelf-wall__beam--top{top:.7rem}.archive-shelf-wall__beam--bottom{bottom:.7rem}.archive-shelf-wall__collection-label{position:absolute;top:1.35rem;left:1.3rem;color:#f3d08a9e;font-size:.59rem;letter-spacing:.18em;text-transform:uppercase}.archive-shelf-wall__books{display:grid;gap:1.15rem;align-content:end;min-height:30rem;padding:1rem 1rem 1.4rem;border-bottom:1px solid rgba(205,157,83,.3);background:repeating-linear-gradient(90deg,rgba(255,214,132,.025) 0 2px,transparent 2px 24px)}.archive-shelf-row{display:flex;align-items:end;justify-content:center;gap:clamp(.3rem,1vw,.85rem);min-height:13rem;padding:0 0 1rem;border-bottom:1px solid rgba(205,157,83,.23);box-shadow:0 9px 0 -8px #0000008c}.archive-shelf-row:last-child{border-bottom:0;padding-bottom:0}.archive-book{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(2.5rem,7vw,4.5rem);height:clamp(10rem,22vw,15rem);flex:0 1 4.5rem;overflow:hidden;border:1px solid rgba(0,0,0,.42);border-radius:.16rem .3rem .3rem .16rem;padding:.55rem .35rem;color:#fff1c9d9;background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 20%,rgba(255,255,255,.13) 49%,rgba(0,0,0,.2) 80%),var(--book-tone, #954f34);box-shadow:-5px 0 4px #00000047,4px 12px 12px #0000004d;cursor:pointer;transform:translateY(12px) rotate(var(--book-rotate, 0deg));opacity:0;animation:book-rise .7s both cubic-bezier(.16,1,.3,1);animation-delay:var(--book-delay);transition:transform .25s,filter .25s,box-shadow .25s}.archive-book:nth-child(4n+1){--book-tone: #2f5b65;--book-rotate: -1deg}.archive-book:nth-child(4n+2){--book-tone: #7e4032;--book-rotate: 1deg}.archive-book:nth-child(4n+3){--book-tone: #77602d;--book-rotate: -2deg}.archive-book:nth-child(4n+4){--book-tone: #4d416d;--book-rotate: 2deg}.archive-book.is-pending{filter:saturate(.55);opacity:.72}.archive-book.is-ornamental{filter:saturate(.72) brightness(.82);opacity:.84}.archive-book.is-pending:after{content:"SYNCING";position:absolute;bottom:10px;left:50%;transform:translate(-50%) rotate(90deg);color:#f7dc91b8;font-size:7px;letter-spacing:.16em;white-space:nowrap}.archive-book:hover,.archive-book.is-focused{z-index:2;filter:brightness(1.24);transform:translateY(-1.5rem) rotate(0) scale(1.08);box-shadow:-8px 0 5px #00000059,0 22px 28px #00000080,0 0 25px #f3d08a38}.archive-book__title{max-height:90%;overflow:hidden;writing-mode:vertical-rl;font-family:var(--font-display, Georgia, serif);font-size:clamp(.68rem,1.4vw,.86rem);line-height:1.15;text-align:left;text-overflow:ellipsis}.archive-book__spine-mark{position:absolute;top:.5rem;left:50%;transform:translate(-50%);color:#fff1c98c;font:.5rem var(--font-mono, monospace)}.archive-book__edge{position:absolute;top:.35rem;right:.3rem;bottom:.35rem;left:.3rem;border:1px solid rgba(255,231,175,.27);border-radius:.1rem;pointer-events:none}.archive-shelf-wall__legs{position:absolute;left:4%;right:4%;bottom:-2.7rem;display:flex;justify-content:space-between}.archive-shelf-wall__legs i{width:1.3rem;height:3rem;background:linear-gradient(90deg,#24170f,#8e6034,#24170f);box-shadow:0 10px 15px #00000080}.archive-floor__instruction{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:2.2rem 0 0;color:#e3dcc56e;font-size:.64rem;letter-spacing:.13em;text-align:center;text-transform:uppercase}.archive-books-loading{align-self:center;color:var(--archive-muted);font-family:var(--font-display, Georgia, serif)}.archive-book-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;grid-template-columns:minmax(180px,320px) minmax(260px,430px);align-content:center;justify-content:center;gap:clamp(2rem,8vw,8rem);padding:2rem;background:radial-gradient(circle at 50% 50%,#19404773,#030a0fe6 70%);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);animation:portal-in .55s both cubic-bezier(.16,1,.3,1)}.archive-book-portal__close{position:absolute;top:1.4rem;right:1.4rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(240,208,137,.3);border-radius:50%;color:var(--archive-paper);background:#0003;cursor:pointer}.archive-book-portal__book{position:relative;align-self:center;justify-self:center;width:min(18vw,12rem);aspect-ratio:.68;display:grid;place-items:center;padding:1.4rem;border:3px solid #392116;border-radius:.35rem .9rem .9rem .35rem;color:#f7e1a8;background:linear-gradient(90deg,#26150d,#7f4f29 45%,#a07138 50%,#53301a 53%,#28160e);box-shadow:-15px 0 #1c100a,-30px 35px 80px #000000b3,0 0 55px #f3d08a3b;transform:rotateY(-16deg) rotate(-3deg);animation:book-float 4s ease-in-out infinite}.archive-book-portal__book:before{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:1px solid rgba(247,225,168,.42);z-index:2;pointer-events:none}.archive-book-portal__book img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:.2rem .7rem .7rem .2rem;object-fit:cover;opacity:.92}.archive-book-portal__book span{writing-mode:vertical-rl;font-family:var(--font-display, Georgia, serif);font-size:1.15rem;text-align:center}.archive-book-portal__book i{position:absolute;left:50%;top:2%;bottom:2%;width:1px;background:#f7e1a880;z-index:3}.archive-book-portal__copy{max-width:32rem;align-self:center}.archive-book-portal__copy h2{margin:0;color:#fff7df;font-family:var(--font-display, Georgia, serif);font-size:clamp(2rem,5vw,4rem);font-weight:400;line-height:.95}.archive-book-portal__copy>p:not(.archive-kicker){margin:1rem 0;color:var(--archive-muted);font-family:var(--font-display, Georgia, serif);font-size:1.2rem}.archive-book-portal__meta{display:flex;gap:1.2rem;margin:1.4rem 0;color:#e3dcc58c;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.archive-open-book{display:flex;align-items:center;gap:.6rem;border:1px solid var(--archive-brass);border-radius:999px;padding:.75rem 1rem;color:var(--archive-ink);background:var(--archive-brass-bright);font:inherit;font-size:.75rem;font-weight:800;cursor:pointer;transition:transform .2s}.archive-open-book:hover:not(:disabled){transform:translateY(-2px)}.archive-open-book:disabled{opacity:.55;cursor:not-allowed}.archive-book-portal__copy small{display:block;margin-top:.8rem;color:#e3dcc561;font-size:.65rem}.archive-footer{position:absolute;z-index:3;right:clamp(1rem,4vw,4rem);bottom:1.4rem;left:clamp(1rem,4vw,4rem);display:flex;justify-content:space-between;color:#e3dcc557;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase}.archive-experience.is-opening-book .archive-book-portal__book{animation:book-leave .68s both cubic-bezier(.7,0,.84,.18)}@keyframes archive-arrive{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}@keyframes book-rise{to{opacity:1;transform:translateY(0) rotate(var(--book-rotate, 0deg))}}@keyframes archive-orbit{to{transform:rotate(360deg)}}@keyframes book-float{50%{transform:rotateY(-11deg) rotate(-1deg) translateY(-.7rem)}}@keyframes portal-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes book-leave{to{opacity:0;transform:translateZ(250px) rotateY(-35deg) scale(1.55)}}@media (max-width: 680px){.archive-topbar__status{display:none}.archive-topbar__shortcut{padding:.5rem;font-size:0}.archive-topbar__shortcut svg{width:1rem}.archive-floor__intro{align-items:start;flex-direction:column}.archive-reset{align-self:flex-start}.archive-shelf-wall{min-height:18rem;padding-inline:.3rem}.archive-shelf-wall__books{gap:.22rem;padding-inline:.25rem}.archive-book{height:11rem;padding-inline:.2rem}.archive-book__title{font-size:.59rem}.archive-book-portal{grid-template-columns:1fr;align-content:start;gap:.8rem;overflow-y:auto;padding:5rem 1.5rem 3rem;text-align:center}.archive-book-portal__book{width:8rem}.archive-book-portal__copy{justify-self:center}.archive-book-portal__copy .archive-kicker,.archive-book-portal__meta{justify-content:center}.archive-open-book{margin:0 auto}.archive-footer{font-size:.5rem}.archive-footer span:first-child{display:none}}@media (prefers-reduced-motion: reduce){.archive-awakening,.archive-floor,.archive-book,.archive-book-portal,.archive-book-portal__book{animation:none}.archive-book{opacity:1;transform:none}.archive-awakening__halo span{animation:none}}.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-primary);border-color:var(--color-accent-primary)}.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-primary);color:var(--color-text-on-accent);border-color:var(--color-accent-primary)}.browse__sort-button:not(.is-active):hover{color:var(--color-text-primary);border-color:var(--color-accent-primary)}.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-primary) 9%,var(--color-bg-secondary)),var(--color-bg-secondary));border:1px solid color-mix(in srgb,var(--color-accent-primary) 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 color-mix(in srgb,var(--color-accent-primary) 40%,transparent));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,color-mix(in srgb,var(--color-accent-primary) 22%,transparent) 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-primary) 14%,transparent);color:var(--color-accent-primary);border:1px solid color-mix(in srgb,var(--color-accent-primary) 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-primary) 14%,transparent);color:var(--color-accent-primary);border:1px solid color-mix(in srgb,var(--color-accent-primary) 28%,transparent)}.coin-access__cost{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.coin-access__cost strong{color:var(--color-accent-primary);font-weight:700}.coin-access__warning{margin:0;font-size:.78rem;color:var(--color-error)}.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-primary);transition:width var(--transition-base)}.download-button--saved{border:1px solid var(--color-accent-primary);color:var(--color-accent-primary)}.download-button--saved:hover{color:var(--color-accent-primary)}.download-button--saved:after{display:none}.download-button--error{border:1px solid var(--color-error);color:var(--color-error);background:transparent}.download-button--error:after{background-color:var(--color-error)}.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-primary) 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-primary);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{position:static}.book-detail__cover{position:static;max-width:220px;margin:0 auto}.book-detail__meta h1{font-size:1.65rem}}@media (max-width: 480px){.book-detail{padding:var(--space-5) 0;gap:var(--space-5)}.book-detail__cover{max-width:180px}.book-detail__meta h1{font-size:1.45rem}.book-detail__description{font-size:.95rem}.book-detail__recommendations{padding:var(--space-5) 0}}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;cursor:default}.reader--hud-hidden{cursor:none}.reader--dark{--rd-bg: #080808;--rd-stage-bg: #050505;--rd-bar-bg: rgba(15, 15, 15, .75);--rd-border: rgba(255, 255, 255, .08);--rd-icon: #7a7a7a;--rd-icon-hover: #c9a84c;--rd-text: #e4e4e4;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-text: #3d2b1f;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-text: #111111;background-color:var(--rd-bg);color:var(--rd-text)}.reader__hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.reader--hud-hidden .reader__hud{opacity:0}.reader__hud-top,.reader__hud-bottom{display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.reader__hud-group{display:flex;align-items:center;gap:8px;background:#0f0f0fd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:8px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080}.reader__hud-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;opacity:.8}.reader__hud-btn:hover{opacity:1;background:#ffffff1a;transform:scale(1.05)}.reader__hud-btn:disabled{opacity:.2;cursor:not-allowed}.reader__hud-btn.is-active{color:#c9a84c;background:#c9a84c26;opacity:1}.reader__hud-sep{width:1px;height:20px;background:#ffffff1f;margin:0 4px}.reader__hud-title{font-family:var(--font-display, "Playfair Display", serif);font-size:.95rem;font-weight:600;color:#fff;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader__hud-zoom{display:flex;align-items:center;gap:4px}.reader__hud-zoom-val{font-family:var(--font-mono, monospace);font-size:.78rem;font-weight:700;color:#c9a84c;min-width:48px;text-align:center}.reader__hud-link{background:#c9a84c;color:#000;border:none;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-right:8px}.reader__hud-link:hover{background:#d4b66a;transform:translateY(-1px)}.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;perspective:2500px}.reader__stage::-webkit-scrollbar{width:6px;height:6px}.reader__stage::-webkit-scrollbar-track{background:transparent}.reader__stage::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.reader__page-container{position:relative;transition:all .7s cubic-bezier(.19,1,.22,1);box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff0d;margin:60px 0;background:#fff;transform-origin:center center}.reader__page--loading{opacity:.4;filter:blur(15px);transform:scale(.92) rotateY(8deg)}.reader__page--ready{opacity:1;filter:blur(0);transform:scale(1) rotateY(0)}.reader__canvas,.reader__slide{display:block;max-width:100%;height:auto}.reader__side-nav{position:absolute;top:0;bottom:0;width:12%;z-index:10;cursor:pointer;transition:background .4s ease}.reader__side-nav--prev{left:0;background:linear-gradient(to right,rgba(0,0,0,.15),transparent)}.reader__side-nav--next{right:0;background:linear-gradient(to left,rgba(0,0,0,.15),transparent)}.reader__side-nav:hover{background:#ffffff0a}.reader--hud-hidden .reader__side-nav{cursor:none}.reader__hud-bottom{justify-content:center;width:100%}.reader__hud-progress-wrap{width:min(640px,92vw);background:#0f0f0fe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:14px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 15px 50px #0009}.reader__hud-progress-track{height:5px;background:#ffffff1a;border-radius:3px;cursor:pointer;margin-bottom:14px;position:relative;overflow:hidden}.reader__hud-progress-fill{position:absolute;left:0;top:0;bottom:0;background:#c9a84c;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #c9a84c99}.reader__hud-page-nav{display:flex;align-items:center;justify-content:space-between}.reader__hud-page-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;opacity:.75}.reader__hud-page-btn:hover:not(:disabled){opacity:1;background:#ffffff1f}.reader__hud-page-btn:disabled{opacity:.15;cursor:not-allowed}.reader__hud-page-indicator{font-family:var(--font-display, serif);font-size:.95rem;color:#fffffff2}.reader__hud-page-counter{background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background .2s ease}.reader__hud-page-counter:hover{background:#ffffff14}.reader__hud-page-total{opacity:.5;font-size:.85rem;margin-left:4px}.reader__hud-page-input{background:#ffffff14;border:1px solid #c9a84c;color:#fff;padding:4px 12px;border-radius:6px;width:70px;text-align:center;font-family:var(--font-mono, monospace);outline:none;box-shadow:0 0 10px #c9a84c33}.reader__empty-state{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080808;color:#fff;z-index:200;gap:20px}.reader__spinner{width:48px;height:48px;border:3px solid rgba(201,168,76,.1);border-top:3px solid #c9a84c;border-radius:50%;animation:rd-spin .8s linear infinite}@keyframes rd-spin{to{transform:rotate(360deg)}}.reader__empty-btn{background:#c9a84c;color:#000;border:none;padding:10px 24px;border-radius:999px;font-weight:700;cursor:pointer;transition:all .2s ease}.reader__empty-btn:hover{background:#d4b66a;transform:translateY(-2px)}.reader__settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;animation:rd-fade-in .3s ease}@keyframes rd-fade-in{0%{opacity:0}to{opacity:1}}.reader__settings-panel{width:320px;height:100%;background:#121212;border-left:1px solid rgba(255,255,255,.1);padding:30px 24px;display:flex;flex-direction:column;gap:32px;box-shadow:-20px 0 60px #000c;animation:rd-slide-left .4s cubic-bezier(.19,1,.22,1)}@keyframes rd-slide-left{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, serif);font-size:1.2rem;color:#fff}.reader__settings-group{display:flex;flex-direction:column;gap:12px}.reader__settings-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#555}.reader__settings-opts{display:flex;gap:8px}.reader__settings-opt{flex:1;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#888;cursor:pointer;font-size:.8rem;transition:all .2s ease}.reader__settings-opt.is-active{border-color:#c9a84c;color:#c9a84c;background:#c9a84c1a}.reader__settings-zoom{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border-radius:10px;padding:4px}.reader__settings-zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:6px}.reader__settings-zoom-btn:hover{background:#ffffff1a}.reader__settings-zoom-val{font-family:var(--font-mono, monospace);font-weight:700;color:#c9a84c;cursor:pointer}.reader__zoom-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.reader__zoom-preset{padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#666;font-size:.75rem;cursor:pointer}.reader__zoom-preset.is-active{border-color:#c9a84c;color:#c9a84c}.reader__shortcuts{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:.8rem}.reader__shortcuts span:nth-child(odd){color:#c9a84c;font-weight:700}.reader__shortcuts span:nth-child(2n){color:#888}@media (max-width: 768px){.reader__hud{padding:16px}.reader__hud-top{flex-direction:column;gap:10px;align-items:stretch}.reader__hud-group{justify-content:space-between;padding:6px 12px}.reader__hud-title{max-width:200px;font-size:.85rem}.reader__hud-zoom-val{min-width:40px;font-size:.75rem}.reader__hud-progress-wrap{padding:12px 20px;width:94vw}.reader__side-nav{width:18%}.reader__settings-panel{width:100vw;height:auto;max-height:85vh;border-radius:24px 24px 0 0;border-left:none;border-top:1px solid rgba(255,255,255,.1);animation:rd-slide-up .4s cubic-bezier(.19,1,.22,1)}@keyframes rd-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.thumb-sidebar{width:120px;flex:0 0 120px;overflow-y:auto;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px;padding:80px 10px 40px;z-index:50}.thumb-item{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:10px;transition:all .2s ease}.thumb-item:hover{background:#ffffff0d}.thumb-item.is-active{background:#c9a84c26;outline:1px solid #c9a84c}.thumb-canvas-wrap{width:100%;aspect-ratio:.7;background:#ffffff0d;border-radius:4px;overflow:hidden}.thumb-canvas{width:100%;height:100%;object-fit:cover}.thumb-label{font-size:.7rem;color:#666;font-weight:700}.thumb-item.is-active .thumb-label{color:#c9a84c}@media (max-width: 900px){.thumb-sidebar{display:none}}@media print{body *{display:none!important;visibility:hidden!important}}.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{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 25%,transparent);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-field__input-wrap{position:relative;display:flex}.auth-field__input-wrap input{width:100%;padding-right:2.8rem}.auth-field__eye-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;line-height:1}.auth-field__eye-btn:hover{color:var(--color-text-secondary)}.auth-forgot{font-size:.82rem;color:var(--color-text-muted);text-decoration:none;align-self:flex-end}.auth-forgot:hover{color:var(--color-accent-primary)}.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-primary)}.auth-links{display:flex;justify-content:center;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-secondary)}.auth-links a{color:var(--color-accent-primary)}.auth-links--center{justify-content:center}.auth-google{display:inline-flex;align-items:center;justify-content:center;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;transition:border-color .15s ease,background .15s ease}.auth-google:hover{border-color:color-mix(in srgb,var(--color-border) 60%,white);background:color-mix(in srgb,var(--color-border) 20%,transparent)}.auth-google svg{width:24px;height:24px}.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:var(--color-error);transition:width var(--transition-base),background var(--transition-base)}.password-strength--fair .password-strength__fill{width:66%;background:var(--color-warning)}.password-strength--strong .password-strength__fill{width:100%;background:var(--color-success)}.password-strength__label{font-size:.8rem;color:var(--color-text-secondary);text-transform:capitalize}.auth-success{color:var(--color-accent-primary);font-weight:600}.auth-error{color:var(--color-error);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-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 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-primary);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-primary);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-primary);box-shadow:0 0 0 2px var(--color-accent-primary)}.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:var(--color-error);border-color:var(--color-error)}.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-primary);color:var(--color-accent-primary)}.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-primary)}.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))}}.shelf-error{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:var(--color-error)}.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-primary)}@media (max-width: 768px){.legal-page{padding:var(--space-6) 0 var(--space-7)}}.contact-page{padding:72px 0 80px;min-height:100vh}.contact-page__header{text-align:center;margin-bottom:56px}.contact-page__header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);margin:0 0 12px;color:var(--color-text-primary)}.contact-page__header p{margin:0;font-size:1.05rem;color:var(--color-text-secondary);line-height:1.7}.contact-page__layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:start}.contact-form-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.contact-form-card__title{font-family:var(--font-display);font-size:1.35rem;margin:0 0 var(--space-5);color:var(--color-text-primary)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contact-form__field{display:flex;flex-direction:column;gap:6px}.contact-form__field label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.contact-form__field input,.contact-form__field textarea{padding:11px var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;font-family:var(--font-body);transition:border-color .15s ease,box-shadow .15s ease;resize:none}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:var(--color-text-muted)}.contact-form__field input:focus,.contact-form__field textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 18%,transparent)}.contact-form__field input.is-error,.contact-form__field textarea.is-error{border-color:var(--color-error)}.contact-form__error{font-size:.78rem;color:var(--color-error);margin-top:2px}.contact-form__server-error{margin:0;font-size:.88rem;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent);border-radius:var(--radius-md);padding:10px var(--space-4)}.contact-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px var(--space-6);background:var(--color-accent-primary);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-pill);font-size:.95rem;font-weight:700;font-family:var(--font-body);cursor:pointer;align-self:flex-start;transition:background .15s ease,opacity .15s ease,transform .15s ease}.contact-form__submit:hover:not(:disabled){background:var(--color-accent-primary-hover);transform:translateY(-1px)}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}.contact-form__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-7) var(--space-5);color:var(--color-accent-primary)}.contact-form__success h3{font-family:var(--font-display);font-size:1.5rem;margin:0;color:var(--color-text-primary)}.contact-form__success p{margin:0;color:var(--color-text-secondary)}.contact-form__send-another{margin-top:var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:8px 20px;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);transition:border-color .15s,color .15s}.contact-form__send-another:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.contact-sidebar{display:flex;flex-direction:column;gap:var(--space-3)}.contact-method{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4);transition:border-color .2s ease}.contact-method:hover{border-color:color-mix(in srgb,var(--color-accent-primary) 40%,transparent)}.contact-method__icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 22%,transparent);border-radius:var(--radius-md);color:var(--color-accent-primary)}.contact-method h3{font-family:var(--font-display);font-size:1rem;margin:0 0 4px;color:var(--color-text-primary)}.contact-method__text{margin:0 0 8px;font-size:.82rem;color:var(--color-text-secondary);line-height:1.5}.contact-method__link{font-size:.88rem;font-weight:600;color:var(--color-accent-primary);transition:color .15s}.contact-method__link:hover{color:var(--color-accent-primary-hover)}.contact-method__socials{display:flex;gap:8px;margin-top:4px}.contact-method__socials a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);transition:color .15s,border-color .15s,background .15s,transform .15s}.contact-method__socials a:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);transform:translateY(-2px)}.contact-sidebar__info{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:8px}.contact-sidebar__info p{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.contact-sidebar__info strong{color:var(--color-text-primary)}@media (max-width: 900px){.contact-page__layout{grid-template-columns:1fr}.contact-sidebar{order:-1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.contact-sidebar__info{grid-column:1 / -1}}@media (max-width: 640px){.contact-page{padding:48px 0 56px}.contact-page__header{margin-bottom:36px}.contact-form-card{padding:var(--space-4)}.contact-form__row{grid-template-columns:1fr}.contact-form__submit{width:100%}.contact-sidebar{grid-template-columns:1fr}}.about{display:flex;flex-direction:column;background:var(--color-bg-primary)}.about-label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--color-accent-primary);margin-bottom:var(--space-2)}.about-block{border-top:1px solid var(--color-border);padding:96px 0;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.about-block.is-on{opacity:1;transform:none}.about-section-head{margin-bottom:var(--space-7)}.about-section-head h2{font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,2.6rem);margin:0 0 var(--space-2);color:var(--color-text-primary);line-height:1.15}.about-section-head p{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.65}.about-section-head--left{max-width:480px}.about-hero{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;overflow:hidden;padding:80px 0 60px}.about-hero__glow{position:absolute;width:900px;height:700px;top:-200px;right:-200px;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-accent-primary) 9%,transparent) 0%,transparent 65%);pointer-events:none}.about-hero__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--color-accent-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-accent-primary) 4%,transparent) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.about-hero__ghost-num{position:absolute;right:-2%;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:clamp(200px,30vw,380px);font-weight:800;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--color-accent-primary) 10%,transparent);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.about-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 320px;gap:var(--space-8);align-items:center}.about-hero__chips{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap}.about-hero__chips span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:4px 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted)}.about-hero__name{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,7rem);font-weight:700;margin:0;color:var(--color-text-primary);line-height:.92;letter-spacing:-.02em}.about-hero__full-name{margin:var(--space-3) 0 var(--space-5);font-size:1rem;color:var(--color-text-muted);letter-spacing:.05em}.about-hero__thesis{margin:0 0 var(--space-4);padding-left:var(--space-4);border-left:3px solid var(--color-accent-primary);font-size:clamp(1rem,2vw,1.2rem);font-style:italic;color:var(--color-text-secondary);line-height:1.65;font-family:var(--font-display);max-width:580px}.about-hero__loc{margin:0 0 var(--space-6);font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.about-hero__loc:before{content:"◎";color:var(--color-accent-primary);font-size:.75rem}.about-hero__ctas{display:flex;gap:var(--space-3);flex-wrap:wrap}.about-hero__cta{display:inline-flex;align-items:center;padding:12px 26px;border-radius:var(--radius-pill);font-size:.9rem;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s}.about-hero__cta:hover{transform:translateY(-2px)}.about-hero__cta--gold{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.about-hero__cta--gold:hover{background:var(--color-accent-primary-hover)}.about-hero__cta--ghost{border:1px solid var(--color-border);color:var(--color-text-secondary);background:transparent}.about-hero__cta--ghost:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.about-hero__stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:0}.about-hero__stat{padding:var(--space-4) 0;display:flex;flex-direction:column;gap:4px}.about-hero__stat strong{font-family:var(--font-display);font-size:2rem;color:var(--color-accent-primary);line-height:1}.about-hero__stat span{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.about-hero__stat-rule{height:1px;background:var(--color-border)}.about-story__layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.about-story__text h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 var(--space-5);color:var(--color-text-primary);line-height:1.2}.about-story__text p{margin:0 0 var(--space-4);color:var(--color-text-secondary);line-height:1.85;font-size:.97rem}.about-story__text p:last-child{margin-bottom:0}.about-flagship{background:var(--color-bg-card);border:1px solid color-mix(in srgb,var(--color-accent-primary) 25%,transparent);border-radius:var(--radius-lg);overflow:hidden}.about-flagship__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border);background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent-primary) 5%,var(--color-bg-card)),var(--color-bg-card))}.about-flagship__header h3{font-family:var(--font-display);font-size:1.6rem;margin:var(--space-1) 0 var(--space-3);color:var(--color-text-primary)}.about-flagship__header p{margin:0;font-size:.86rem;color:var(--color-text-secondary);line-height:1.7}.about-flagship__layers{display:flex;flex-direction:column}.about-flagship__layer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.about-flagship__layer:last-child{border-bottom:none}.about-flagship__layer-n{font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent-primary);border:1px solid color-mix(in srgb,var(--color-accent-primary) 30%,transparent);border-radius:var(--radius-sm);padding:2px 6px;flex-shrink:0}.about-flagship__layer strong{display:block;font-size:.88rem;color:var(--color-text-primary);margin-bottom:2px}.about-flagship__layer span{font-size:.78rem;color:var(--color-text-muted)}.about-products__list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.about-product{display:grid;grid-template-columns:260px 1fr;border-bottom:1px solid var(--color-border);opacity:0;transform:translateY(12px);transition:background .2s}.about-product:last-child{border-bottom:none}.about-block.is-on .about-product{animation:row-in .4s ease forwards;animation-delay:calc(var(--i) * 80ms)}@keyframes row-in{to{opacity:1;transform:none}}.about-product:hover{background:color-mix(in srgb,var(--color-accent-primary) 3%,var(--color-bg-card))}.about-product__left{padding:var(--space-5) var(--space-5);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-bg-card)}.about-product__num{font-family:var(--font-mono);font-size:.68rem;color:var(--color-text-muted);letter-spacing:.12em}.about-product__title-row{display:flex;flex-direction:column;gap:var(--space-2)}.about-product__title-row h3{font-family:var(--font-display);font-size:1.2rem;margin:0;color:var(--color-text-primary)}.about-product__badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:var(--radius-pill);width:fit-content}.about-product__badge.is-live{background:color-mix(in srgb,#22c55e 12%,transparent);color:#22c55e;border:1px solid color-mix(in srgb,#22c55e 28%,transparent)}.about-product__badge.is-pre{background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);color:var(--color-accent-primary);border:1px solid color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.about-product__right{padding:var(--space-5) var(--space-6);background:var(--color-bg-primary);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4)}.about-product__right>p{margin:0;font-size:.88rem;color:var(--color-text-secondary);line-height:1.75}.about-product__meta{display:flex;flex-direction:column;gap:var(--space-2)}.about-product__stack{display:flex;flex-wrap:wrap;gap:6px}.about-product__stack span{font-size:.7rem;font-weight:600;padding:3px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-family:var(--font-mono)}.about-product__stat{margin:0;font-size:.78rem;font-weight:600;color:var(--color-accent-primary)}.about-product__link{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--color-accent-primary);transition:gap .15s,color .15s}.about-product__link:hover{gap:8px;color:var(--color-accent-primary-hover)}.about-pubs__layout{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-9);align-items:start}.about-pubs__cards{display:flex;flex-direction:column;gap:var(--space-4)}.about-pub{display:flex;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,border-color .2s}.about-pub:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.about-pub__spine{width:5px;flex-shrink:0;background:var(--color-border)}.about-pub__spine--gold{background:var(--color-accent-primary)}.about-pub__body{padding:var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.about-pub__body h3{font-family:var(--font-display);font-size:1.15rem;margin:0;color:var(--color-text-primary)}.about-pub__body p{margin:0;font-size:.86rem;color:var(--color-text-secondary);line-height:1.7}.about-pub__body ul{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:6px}.about-pub__body li{font-size:.86rem;color:var(--color-text-secondary)}.about-pub__body li::marker{color:var(--color-accent-primary)}.about-pub__status{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:3px 9px;border-radius:var(--radius-pill);width:fit-content}.about-pub__status--done{background:color-mix(in srgb,#22c55e 10%,transparent);color:#22c55e;border:1px solid color-mix(in srgb,#22c55e 25%,transparent)}.about-pub__status--wip{background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);color:var(--color-accent-primary);border:1px solid color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.about-ts__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.about-teaching h2,.about-skills h2{font-family:var(--font-display);font-size:1.6rem;margin:0 0 var(--space-5);color:var(--color-text-primary)}.about-teaching__items{display:flex;flex-direction:column;gap:var(--space-3)}.about-teaching__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.about-teaching__dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent-primary);flex-shrink:0;margin-top:5px}.about-teaching__item p{margin:0;font-size:.87rem;color:var(--color-text-secondary);line-height:1.6}.about-teaching__item p strong{color:var(--color-text-primary)}.about-skills__rows{display:flex;flex-direction:column;gap:0}.about-skills__row{display:grid;grid-template-columns:180px 1fr;gap:var(--space-4);align-items:start;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.about-skills__row:first-child{border-top:1px solid var(--color-border)}.about-skills__cat{font-size:.78rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding-top:3px}.about-skills__tags{display:flex;flex-wrap:wrap;gap:6px}.about-skills__tags span{font-size:.78rem;padding:4px 11px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);transition:border-color .15s,color .15s}.about-skills__tags span:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.about-inv__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.about-inv__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;gap:var(--space-4);position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.about-inv__card:hover{border-color:color-mix(in srgb,var(--color-accent-primary) 32%,transparent);transform:translateY(-2px)}.about-inv__card-num{position:absolute;top:var(--space-5);right:var(--space-5);font-family:var(--font-display);font-size:4rem;font-weight:800;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--color-accent-primary) 14%,transparent);line-height:1;pointer-events:none}.about-inv__card h3{font-family:var(--font-display);font-size:1.15rem;margin:0;color:var(--color-text-primary);max-width:85%}.about-inv__card p{margin:0;font-size:.87rem;color:var(--color-text-secondary);line-height:1.75}.about-inv__tags{display:flex;flex-wrap:wrap;gap:6px}.about-inv__tags span{font-size:.72rem;font-weight:600;padding:3px 10px;background:color-mix(in srgb,var(--color-accent-primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 18%,transparent);border-radius:var(--radius-pill);color:var(--color-accent-primary)}.about-cta{border-top:1px solid var(--color-border);padding:96px 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-accent-primary) 3%,transparent),transparent)}.about-cta__inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.about-cta__inner h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);margin:0;color:var(--color-text-primary)}.about-cta__inner p{margin:0;color:var(--color-text-secondary);font-size:.97rem}.about-cta__btns{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}@media (max-width: 1024px){.about-hero__inner{grid-template-columns:1fr}.about-hero__right{display:none}.about-hero__ghost-num{font-size:180px;opacity:.5}.about-story__layout,.about-pubs__layout{grid-template-columns:1fr;gap:var(--space-6)}.about-pubs__layout .about-section-head--left{max-width:100%}.about-ts__layout{grid-template-columns:1fr;gap:var(--space-7)}}@media (max-width: 768px){.about-block{padding:64px 0}.about-hero{padding:60px 0 48px;min-height:auto}.about-hero__name{font-size:clamp(3rem,15vw,5rem)}.about-hero__ghost-num{display:none}.about-product{grid-template-columns:1fr}.about-product__left{border-right:none;border-bottom:1px solid var(--color-border)}.about-product__right{background:var(--color-bg-card)}.about-inv__grid{grid-template-columns:1fr}.about-skills__row{grid-template-columns:1fr;gap:var(--space-2)}.about-skills__row:first-child{border-top:none}.about-skills__cat{padding-top:0;color:var(--color-accent-primary)}}.feat-block{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.feat-block.is-on{opacity:1;transform:none}.feat-label{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-primary);margin-bottom:var(--space-2)}.feat-block__head{margin-bottom:var(--space-6)}.feat-block__head h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-family:var(--font-display);font-weight:700;margin:0}.feat-hero{position:relative;overflow:hidden;padding:clamp(100px,14vw,160px) 0 clamp(80px,10vw,120px);text-align:center}.feat-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,color-mix(in srgb,var(--color-accent-primary) 10%,transparent),transparent 70%);pointer-events:none}.feat-hero__inner{position:relative;max-width:700px;margin:0 auto}.feat-hero__inner{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.feat-hero__inner.is-on{opacity:1;transform:none}.feat-hero__coins{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.feat-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4rem);font-weight:700;line-height:1.15;margin:0 0 var(--space-4)}.feat-hero h1 span{color:var(--color-accent-primary)}.feat-hero p{font-size:clamp(1rem,2vw,1.15rem);color:var(--color-text-secondary);max-width:520px;margin:0 auto var(--space-6);line-height:1.7}.feat-hero__btns{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.feat-bento{padding:var(--space-10) 0;background:var(--color-bg-secondary)}.feat-bento__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px}.feat-bento__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-5) var(--space-5) var(--space-6);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .2s,transform .2s}.feat-bento__card:hover{border-color:color-mix(in srgb,var(--color-accent-primary) 40%,transparent);transform:translateY(-2px)}.feat-bento__card--wide{grid-column:span 2}.feat-bento__card--tall{grid-row:span 2}.feat-bento__card--highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-primary) 8%,var(--color-bg-card)),var(--color-bg-card));border-color:color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.feat-bento__card--split{flex-direction:row;align-items:stretch;padding:0;gap:0}.feat-bento__split-item{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.feat-bento__split-divider{width:1px;background:var(--color-border);flex-shrink:0}.feat-bento__card-icon{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 25%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);flex-shrink:0}.feat-bento__card h3{font-size:1.05rem;font-weight:600;margin:0}.feat-bento__card p{font-size:.88rem;color:var(--color-text-secondary);line-height:1.65;margin:0;flex:1}.feat-bento__card-tag{display:inline-block;align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:600;background:color-mix(in srgb,var(--color-accent-primary) 15%,transparent);color:var(--color-accent-primary);margin-top:auto}.feat-bento__card-stat{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-secondary);margin-top:auto}.feat-bento__card-stat strong{color:var(--color-accent-primary)}.feat-bento__reader-themes{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.feat-bento__reader-themes span{padding:5px 14px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.1)}.feat-coins{padding:var(--space-10) 0}.feat-coins__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.feat-coins__text h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.2;margin:var(--space-2) 0 var(--space-5)}.feat-coins__text>p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.feat-coins__earn{display:flex;flex-direction:column;gap:var(--space-3)}.feat-coins__earn-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:12px;background:var(--color-bg-card);border:1px solid var(--color-border)}.feat-coins__plus{font-size:1.3rem;font-weight:700;color:var(--color-accent-primary);min-width:36px;text-align:center}.feat-coins__earn-row div{display:flex;flex-direction:column;gap:2px}.feat-coins__earn-row strong{font-size:.9rem}.feat-coins__earn-row span{font-size:.8rem;color:var(--color-text-secondary)}.feat-coins__steps{display:flex;flex-direction:column;gap:0}.feat-coins__step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;position:relative;opacity:0;transform:translate(20px);transition:opacity .4s ease calc(var(--i) * 80ms),transform .4s ease calc(var(--i) * 80ms)}.feat-coins.is-on .feat-coins__step{opacity:1;transform:none}.feat-coins__step:after{content:"";position:absolute;left:17px;top:52px;bottom:-8px;width:1px;background:var(--color-border)}.feat-coins__step:last-child:after{display:none}.feat-coins__step-n{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-accent-primary) 15%,transparent);border:1.5px solid color-mix(in srgb,var(--color-accent-primary) 40%,transparent);font-size:.72rem;font-weight:700;color:var(--color-accent-primary);letter-spacing:.02em}.feat-coins__step div{padding-top:6px}.feat-coins__step strong{font-size:.95rem;display:block;margin-bottom:4px}.feat-coins__step p{font-size:.84rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.feat-streak{padding:var(--space-10) 0;background:var(--color-bg-secondary)}.feat-streak__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.feat-streak__text h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.2;margin:var(--space-2) 0 var(--space-4)}.feat-streak__text>p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-5)}.feat-streak__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.feat-streak__bullets li{padding-left:var(--space-4);position:relative;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.feat-streak__bullets li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--color-accent-primary)}.feat-streak__calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.feat-streak__day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-card);transition:border-color .2s}.feat-streak__day.is-bonus{background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent-primary) 12%,var(--color-bg-card)),var(--color-bg-card));border-color:color-mix(in srgb,var(--color-accent-primary) 40%,transparent)}.feat-streak__day-num{font-size:.6rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.05em}.feat-streak__day-coin{position:relative;display:flex;align-items:center;justify-content:center}.feat-streak__x3{position:absolute;top:-6px;right:-10px;font-size:.6rem;font-weight:700;color:var(--color-accent-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:999px;padding:1px 4px}.feat-streak__day-val{font-size:.72rem;font-weight:700;color:var(--color-accent-primary)}.feat-tiers{padding:var(--space-10) 0}.feat-tiers__list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feat-tier{position:relative;border:1px solid var(--color-border);border-radius:16px;padding:var(--space-5);overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity .45s ease var(--delay),transform .45s ease var(--delay),border-color .2s}.feat-tiers.is-on .feat-tier{opacity:1;transform:none}.feat-tier:hover{border-color:color-mix(in srgb,var(--tc) 50%,transparent)}.feat-tier__bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--tc)}.feat-tier__note{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--tc);margin-top:var(--space-2)}.feat-tier h3{font-size:1.1rem;font-weight:700;margin:var(--space-2) 0 var(--space-2)}.feat-tier__cost{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.feat-tier p{font-size:.83rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.feat-coming{padding:var(--space-10) 0;background:var(--color-bg-secondary)}.feat-coming__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.feat-coming__card{border:1px solid var(--color-border);border-radius:16px;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .2s,transform .2s}.feat-coming__card:hover{transform:translateY(-2px)}.feat-coming__card--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-primary) 6%,var(--color-bg-card)),var(--color-bg-card));border-color:color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.feat-coming__soon{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:600;background:color-mix(in srgb,var(--color-accent-primary) 18%,transparent);color:var(--color-accent-primary);align-self:flex-start}.feat-coming__soon--dim{background:var(--color-bg-card);color:var(--color-text-secondary)}.feat-coming__icon{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--color-accent-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary)}.feat-coming__icon--dim{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-secondary)}.feat-coming__card h3{font-size:1.1rem;font-weight:700;margin:0}.feat-coming__card p{font-size:.86rem;color:var(--color-text-secondary);line-height:1.65;margin:0;flex:1}.feat-cta{padding:clamp(80px,10vw,120px) 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-accent-primary) 4%,transparent));text-align:center}.feat-cta__inner{max-width:600px;margin:0 auto}.feat-cta h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 var(--space-3)}.feat-cta p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.feat-cta__btns{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 1100px){.feat-tiers__list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 960px){.feat-bento__grid{grid-template-columns:repeat(2,1fr)}.feat-bento__card--wide{grid-column:span 2}.feat-bento__card--tall{grid-row:span 1}.feat-coins__layout,.feat-streak__layout{grid-template-columns:1fr;gap:var(--space-7)}.feat-streak__calendar{grid-template-columns:repeat(7,1fr)}.feat-coming__grid{grid-template-columns:1fr}}@media (max-width: 680px){.feat-bento__grid{grid-template-columns:1fr}.feat-bento__card--wide{grid-column:span 1}.feat-bento__card--split{flex-direction:column}.feat-bento__split-divider{width:100%;height:1px}.feat-tiers__list{grid-template-columns:1fr}.feat-streak__calendar{grid-template-columns:repeat(4,1fr);gap:8px}.feat-streak__day{padding:10px 4px}.feat-streak__day-num{font-size:.58rem}.feat-hero__btns,.feat-cta__btns{flex-direction:column;align-items:center}}.ui-avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:700;font-family:var(--font-body);-webkit-user-select:none;user-select:none}.ui-avatar--img{object-fit:cover}.friends-page{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.friends-page__title{font-family:var(--font-display);font-size:2rem;color:var(--color-accent-primary, #3b82f6);margin:0 0 var(--space-5)}.friends-page__tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.friends-tab{position:relative;background:none;border:none;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.friends-tab:hover{color:var(--color-text-primary)}.friends-tab--active{color:var(--color-accent-primary, #3b82f6);border-bottom-color:var(--color-accent-primary, #3b82f6)}.friends-tab__badge{position:absolute;top:6px;right:4px;min-width:16px;height:16px;border-radius:var(--radius-pill);background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.friends-page__two-col{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);align-items:start}.friends-col__heading{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4)}.friends-grid{display:flex;flex-direction:column;gap:var(--space-3)}.fc{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.fc-avatar{flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-bg-secondary);color:var(--color-accent-primary, #3b82f6);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;object-fit:cover}.fc-avatar--img{border-radius:var(--radius-pill)}.fc-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.fc-name{font-weight:600;color:var(--color-text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-username{color:var(--color-text-muted);font-size:.8rem}.fc-streak{color:var(--color-accent-primary, #3b82f6);font-size:.78rem;margin-top:2px}.fc-action{flex-shrink:0}.fc-btn-row{display:flex;gap:var(--space-2)}.fc-btn{border:none;border-radius:var(--radius-pill);padding:7px 16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.fc-btn:disabled{opacity:.6;cursor:not-allowed}.fc-btn:not(:disabled):hover{opacity:.85;transform:scale(1.02)}.fc-btn--add{background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent)}.fc-btn--remove{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.fc-btn--pending{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:default}.feed-list{display:flex;flex-direction:column;gap:var(--space-2)}.feed-card{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base)}.feed-card--unread{border-color:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 30%,transparent);background:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 4%,transparent)}.feed-card--ghost{background:var(--color-bg-primary);border-style:dashed;border-color:var(--color-border);opacity:.8}.feed-card__icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.feed-card__body{flex:1;font-size:.85rem;line-height:1.5;color:var(--color-text-secondary)}.feed-card__actor{color:var(--color-text-primary);font-weight:600}.feed-card__time{display:block;color:var(--color-text-muted);font-size:.75rem;margin-top:4px}.friend-search{max-width:560px}.friend-search__input-wrap{position:relative;margin-bottom:var(--space-4)}.friend-search__input{width:100%;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-4);color:var(--color-text-primary);font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.friend-search__input:focus{border-color:var(--color-accent-primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary, #3b82f6) 25%,transparent)}.friend-search__spinner{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent-primary, #3b82f6);border-radius:var(--radius-pill);animation:spin .7s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.friend-search__results{display:flex;flex-direction:column;gap:var(--space-2)}.friend-search__error{color:var(--color-error);font-size:.85rem;margin:0 0 var(--space-3)}.friend-search__empty{color:var(--color-text-muted);font-size:.85rem}.request-list{display:flex;flex-direction:column;gap:var(--space-3);max-width:560px}.discover-hint{color:var(--color-text-muted);font-size:.85rem;margin:0 0 var(--space-4)}.discovery-card{max-width:420px}.social-state{color:var(--color-text-muted);font-size:.9rem;margin:var(--space-3) 0}.social-state--error{color:var(--color-error)}.friends-page__load-more{margin-top:var(--space-4);background:none;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;font-size:.85rem;transition:color var(--transition-fast),border-color var(--transition-fast)}.friends-page__load-more:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.friends-page__load-more:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 860px){.friends-page__two-col{grid-template-columns:1fr}.feed-col{order:-1}}@media (max-width: 480px){.friends-page__title{font-size:1.5rem}.friends-tab{padding:var(--space-2) var(--space-3);font-size:.8rem}}.lb-page{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-9)}.lb-title{font-family:var(--font-display);font-size:2rem;color:var(--color-accent-primary, #3b82f6);margin:0 0 var(--space-2)}.lb-sub{color:var(--color-text-muted);font-size:.9rem;margin:0 0 var(--space-6)}.lb-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.lb-toggle-group{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;gap:2px}.lb-toggle{background:none;border:none;color:var(--color-text-muted);padding:7px 14px;font-size:.82rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.lb-toggle:hover{color:var(--color-text-secondary)}.lb-toggle--active{background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent);font-weight:600}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.lb-row{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base)}.lb-row--me{border-color:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 40%,transparent);background:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 5%,transparent)}.lb-rank{font-size:1.2rem;min-width:36px;text-align:center;flex-shrink:0;font-weight:700;color:var(--color-text-muted)}.lb-avatar{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--color-bg-secondary);color:var(--color-accent-primary, #3b82f6);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;object-fit:cover}.lb-avatar--img{border-radius:var(--radius-pill);object-fit:cover}.lb-name{flex:1;font-size:.95rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-you-tag{font-size:.7rem;font-weight:600;background:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 15%,transparent);color:var(--color-accent-primary, #3b82f6);border:1px solid color-mix(in srgb,var(--color-accent-primary, #3b82f6) 30%,transparent);border-radius:var(--radius-pill);padding:1px 7px}.lb-time{flex-shrink:0;font-size:.9rem;font-weight:600;color:var(--color-accent-primary, #3b82f6);font-variant-numeric:tabular-nums}.lb-my-rank{position:sticky;bottom:16px;margin-top:var(--space-5);display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-card);border:1px solid color-mix(in srgb,var(--color-accent-primary, #3b82f6) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);font-size:.9rem}.lb-my-rank strong{color:var(--color-accent-primary, #3b82f6);font-size:1.1rem;margin:0 auto}.lb-state{color:var(--color-text-muted);font-size:.9rem;margin:var(--space-5) 0}.lb-state--error{color:var(--color-error)}@media (max-width: 480px){.lb-title{font-size:1.5rem}.lb-controls{gap:var(--space-2)}.lb-toggle{padding:6px 10px;font-size:.78rem}}.sr-page{display:grid;grid-template-columns:1fr 300px;gap:var(--space-5);max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);align-items:start}.sr-page--center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4)}.sr-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.sr-header__info{flex:1;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sr-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-accent-primary, #3b82f6);margin:0}.sr-code{font-size:.85rem;color:var(--color-text-muted);font-family:var(--font-mono);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px}.sr-countdown{font-size:.8rem;color:var(--color-text-muted)}.sr-back-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;padding:6px 0;transition:color var(--transition-fast)}.sr-back-btn:hover{color:var(--color-text-primary)}.sr-leave{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-md);padding:7px 14px;font-size:.82rem;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.sr-leave:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.sr-book-card{display:flex;gap:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.sr-book-card__cover{width:80px;height:110px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.sr-book-card__info{display:flex;flex-direction:column;gap:4px}.sr-book-card__title{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin:0}.sr-book-card__author,.sr-book-card__pages{font-size:.82rem;color:var(--color-text-muted);margin:0}.sr-read-btn{display:inline-block;margin-top:12px;background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent);font-weight:700;font-size:.85rem;padding:8px 18px;border-radius:var(--radius-pill);text-decoration:none;transition:opacity var(--transition-fast)}.sr-read-btn:hover{opacity:.85}.sr-invite{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.sr-invite__heading{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.sr-invite__hint{font-size:.8rem;color:var(--color-text-muted);margin:0 0 14px}.sr-invite__form{display:flex;gap:var(--space-2)}.sr-invite__input{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 12px;color:var(--color-text-primary);font-size:.88rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sr-invite__input:focus{border-color:var(--color-accent-primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary, #3b82f6) 25%,transparent)}.sr-invite__btn{background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-md);padding:9px 16px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.sr-invite__btn:hover:not(:disabled){opacity:.85}.sr-invite__btn:disabled{opacity:.5;cursor:not-allowed}.sr-invite__code{margin:12px 0 0;font-size:.8rem;color:var(--color-text-muted)}.sr-invite__code strong{color:var(--color-accent-primary, #3b82f6);letter-spacing:1px}.sr-sidebar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;position:sticky;top:80px}.sr-sidebar__heading{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.sr-sidebar__count{background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:.75rem;border-radius:var(--radius-pill);padding:1px 7px}.sr-participant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.sr-participant{display:flex;align-items:center;gap:var(--space-2);opacity:1;transition:opacity var(--transition-base)}.sr-participant--idle{opacity:.5}.sr-avatar{width:36px;height:36px;border-radius:var(--radius-pill);background:var(--color-bg-secondary);color:var(--color-accent-primary, #3b82f6);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:cover}.sr-avatar--img{border-radius:var(--radius-pill);object-fit:cover}.sr-participant__info{flex:1;min-width:0}.sr-participant__name{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-participant__page{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.sr-participant__idle-tag{font-size:.65rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px 6px;flex-shrink:0}.sr-progress{height:3px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-top:5px;overflow:hidden}.sr-progress__bar{height:100%;background:var(--color-accent-primary, #3b82f6);border-radius:var(--radius-sm);transition:width .4s ease}.sr-state{color:var(--color-text-muted);font-size:.9rem}.sr-state--error{color:var(--color-error)}.sr-back{color:var(--color-accent-primary, #3b82f6);font-size:.85rem;text-decoration:none}@media (max-width: 720px){.sr-page{grid-template-columns:1fr}.sr-sidebar{position:static;order:-1}.sr-participant-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}@media (max-width: 420px){.sr-invite__form,.sr-book-card{flex-direction:column}.sr-participant-list{grid-template-columns:1fr}}.ch-page{max-width:680px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-9)}.ch-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-3)}.ch-title{font-family:var(--font-display);font-size:2rem;color:var(--color-accent-primary, #3b82f6);margin:0}.ch-new-btn{background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-pill);padding:9px 20px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.ch-new-btn:hover{opacity:.85}.ch-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.ch-form__heading{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4)}.ch-form__field{margin-bottom:var(--space-4)}.ch-form__field label{display:block;font-size:.82rem;color:var(--color-text-muted);margin-bottom:8px;font-weight:500}.ch-form__field input{width:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;color:var(--color-text-primary);font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ch-form__field input:focus{border-color:var(--color-accent-primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary, #3b82f6) 25%,transparent)}.ch-type-toggle{display:flex;gap:var(--space-2)}.ch-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-md);padding:8px 18px;font-size:.85rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.ch-toggle--on{background:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 12%,transparent);border-color:var(--color-accent-primary, #3b82f6);color:var(--color-accent-primary, #3b82f6);font-weight:600}.ch-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.ch-option{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-md);padding:6px 14px;font-size:.82rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.ch-option--on{background:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 12%,transparent);border-color:var(--color-accent-primary, #3b82f6);color:var(--color-accent-primary, #3b82f6);font-weight:600}.ch-submit{background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-pill);padding:10px 28px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast);margin-top:var(--space-1)}.ch-submit:hover:not(:disabled){opacity:.85}.ch-submit:disabled{opacity:.5;cursor:not-allowed}.ch-section{margin-bottom:var(--space-6)}.ch-section__heading{font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}.ch-list{display:flex;flex-direction:column;gap:var(--space-3)}.ch-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;transition:border-color var(--transition-base)}.ch-card--active{border-color:color-mix(in srgb,var(--color-accent-primary, #3b82f6) 25%,transparent)}.ch-card__top{display:flex;align-items:center;gap:var(--space-3)}.ch-avatar{width:38px;height:38px;border-radius:var(--radius-pill);background:var(--color-bg-secondary);color:var(--color-accent-primary, #3b82f6);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;object-fit:cover}.ch-avatar--img{border-radius:var(--radius-pill);object-fit:cover}.ch-card__meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ch-card__opp{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.ch-card__desc{font-size:.82rem;color:var(--color-text-muted)}.ch-card__date{font-size:.75rem;color:var(--color-text-muted)}.ch-badge{flex-shrink:0;font-size:.7rem;font-weight:700;border-radius:var(--radius-pill);padding:3px 10px;border:1px solid currentColor}.ch-badge.badge--pending{color:var(--color-accent-primary, #3b82f6)}.ch-badge.badge--active{color:var(--color-success)}.ch-badge.badge--done,.ch-badge.badge--expired{color:var(--color-text-muted)}.ch-card__progress{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);font-size:.82rem;color:var(--color-text-muted)}.ch-card__result{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border);font-size:.85rem;font-weight:600;color:var(--color-accent-primary, #3b82f6)}.ch-card__actions{display:flex;gap:var(--space-2);margin-top:12px}.ch-btn{border:none;border-radius:var(--radius-pill);padding:7px 18px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.ch-btn:disabled{opacity:.5;cursor:not-allowed}.ch-btn--accept{background:var(--color-accent-primary, #3b82f6);color:var(--color-text-on-accent)}.ch-btn--decline{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border)}.ch-btn:not(:disabled):hover{opacity:.85}.ch-card__waiting{font-size:.8rem;color:var(--color-text-muted);margin:10px 0 0;font-style:italic}.ch-state{color:var(--color-text-muted);font-size:.9rem;margin:var(--space-5) 0}@media (max-width: 480px){.ch-title{font-size:1.5rem}.ch-card__top{flex-wrap:wrap}}.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-primary) 14%,transparent),color-mix(in srgb,var(--color-accent-primary) 7%,transparent));border:1px solid color-mix(in srgb,var(--color-accent-primary) 30%,transparent);border-radius:var(--radius-pill);padding:.2rem .6rem .2rem .45rem;font-size:.8rem;font-weight:700;color:var(--color-accent-primary);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-primary)}.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 color-mix(in srgb,var(--color-accent-primary) 50%,transparent))}.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 color-mix(in srgb,var(--color-accent-primary) 0%,transparent));transform:scale(1)}50%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-accent-primary) 70%,transparent));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-primary);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-primary)}.streak-widget__btn{width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-accent-primary);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 color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.streak-widget__btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 18px color-mix(in srgb,var(--color-accent-primary) 45%,transparent)}.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-primary) 38%,transparent);color:var(--color-accent-primary);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-primary);font-weight:500;transition:color var(--transition-base)}.dashboard__link:hover{color:var(--color-accent-primary-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-primary)}.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-primary) 8%,var(--color-bg-card)),var(--color-bg-card));border-color:color-mix(in srgb,var(--color-accent-primary) 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-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 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-primary)}.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-primary);background:color-mix(in srgb,var(--color-accent-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 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-primary);background:transparent;color:var(--color-accent-primary);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-primary);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-primary) 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-primary) 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-primary)}.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-primary);background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 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-primary);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:120px 1fr}}@media (max-width: 480px){.dashboard-continue{grid-template-columns:1fr}.dashboard-continue__cover{max-width:140px;margin:0 auto;aspect-ratio:2 / 3;object-fit:cover}}@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}.dashboard__section-card{padding:var(--space-4)}.dashboard-referral__code-row{flex-direction:column;align-items:flex-start}.dashboard-referral__code{font-size:1rem;letter-spacing:.1em}}.dashboard-social__header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.dashboard-social__title{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text-primary)}.dashboard-social__meta{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.dashboard-social__stat{font-size:.82rem;color:var(--color-text-secondary, #888)}.dashboard-social__stat strong{color:var(--color-accent-primary, #3b82f6)}.dashboard-social__badge{background:color-mix(in srgb,var(--color-accent-primary) 15%,transparent);color:var(--color-accent-primary, #3b82f6);border:1px solid color-mix(in srgb,var(--color-accent-primary) 30%,transparent);border-radius:999px;font-size:.72rem;font-weight:600;padding:2px 8px}.dashboard-social__feed{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.dashboard-social__empty{color:var(--color-text-secondary, #888);font-size:.85rem;margin:0 0 14px}.dashboard-social__cta{display:inline-block;font-size:.85rem;color:var(--color-accent-primary, #3b82f6);text-decoration:none;font-weight:600;transition:opacity .15s}.dashboard-social__cta:hover{opacity:.75}.dashboard{--dash-ink: #102b3b;--dash-muted: #5f7075;--dash-panel: rgba(255, 253, 248, .84);--dash-panel-solid: #fffdf8;--dash-line: rgba(23, 45, 61, .12);--dash-teal: #277f75;--dash-teal-soft: #e5f1ed;--dash-gold: #c7974b;background:radial-gradient(circle at 92% 2%,rgba(199,151,75,.13),transparent 20rem),radial-gradient(circle at 4% 22%,rgba(39,127,117,.1),transparent 24rem),var(--color-bg-primary)}html[data-theme=dark] .dashboard{--dash-ink: #f6f1e7;--dash-muted: #a9bfbb;--dash-panel: rgba(20, 40, 50, .86);--dash-panel-solid: #142832;--dash-line: rgba(190, 224, 214, .15);--dash-teal: #76c7ae;--dash-teal-soft: #1b3a3d;--dash-gold: #e0ba73;background:radial-gradient(circle at 92% 2%,rgba(224,186,115,.13),transparent 20rem),radial-gradient(circle at 4% 22%,rgba(87,177,151,.12),transparent 24rem),var(--color-bg-primary)}.dashboard__welcome{color:var(--dash-ink);letter-spacing:-.045em;animation:dashboard-welcome-in .65s cubic-bezier(.23,1,.32,1) both}.dashboard__section-card{background:linear-gradient(135deg,var(--dash-panel),color-mix(in srgb,var(--dash-panel-solid) 92%,var(--dash-teal-soft)));border-color:var(--dash-line);box-shadow:0 16px 42px #102b3b12,inset 0 1px #ffffff3d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .5s ease,transform .5s cubic-bezier(.23,1,.32,1),border-color .22s ease,box-shadow .22s ease}.dashboard__section-card.is-visible:hover{border-color:color-mix(in srgb,var(--dash-teal) 50%,var(--dash-line));box-shadow:0 22px 54px #102b3b1f,0 0 0 1px color-mix(in srgb,var(--dash-teal) 14%,transparent);transform:translateY(-3px)}.dashboard__section-header h2,.dashboard-continue__content h3,.dashboard-social__title,.dashboard-referral__title{color:var(--dash-ink);letter-spacing:-.025em}.dashboard__link,.dashboard-social__cta{color:var(--dash-teal)}.dashboard__link:hover,.dashboard-social__cta:hover{color:var(--dash-gold)}.dashboard__loading,.dashboard__error,.dashboard-continue__author,.dashboard-continue__percent,.dashboard-social__stat,.dashboard-social__empty,.dashboard-referral__sub{color:var(--dash-muted)}.dashboard-continue__cover{box-shadow:0 12px 24px #102b3b2e;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease}.dashboard__section-card:hover .dashboard-continue__cover{transform:translateY(-4px) rotate(-1.5deg);box-shadow:0 18px 32px #102b3b3d}.dashboard-continue__progress{background:var(--dash-teal-soft);height:8px}.dashboard-continue__progress-bar{background:linear-gradient(90deg,var(--dash-teal),var(--dash-gold));border-radius:inherit;transform-origin:left;animation:dashboard-progress-in .9s cubic-bezier(.23,1,.32,1) both}.dashboard-shelf__row{scrollbar-color:var(--dash-teal) transparent}.dashboard-shelf__row .shelf-card{transition:transform .28s cubic-bezier(.23,1,.32,1),box-shadow .28s ease,border-color .22s ease}.dashboard-shelf__row .shelf-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 18px 36px #102b3b29;border-color:var(--dash-teal)}.dashboard-referral{background:linear-gradient(120deg,color-mix(in srgb,var(--dash-gold) 13%,var(--dash-panel-solid)),color-mix(in srgb,var(--dash-teal) 8%,var(--dash-panel-solid)));border-color:color-mix(in srgb,var(--dash-gold) 35%,var(--dash-line))!important}.dashboard-referral__icon{background:var(--dash-teal-soft);border-color:color-mix(in srgb,var(--dash-teal) 35%,transparent);color:var(--dash-teal);animation:dashboard-icon-breathe 3.2s ease-in-out infinite}.dashboard-referral__sub strong,.dashboard-referral__code,.dashboard-social__stat strong{color:var(--dash-gold)}.dashboard-referral__code{background:color-mix(in srgb,var(--dash-gold) 10%,transparent);border-color:color-mix(in srgb,var(--dash-gold) 30%,transparent)}.dashboard-referral__copy{border-color:var(--dash-teal);color:var(--dash-teal)}.dashboard-referral__copy:hover,.dashboard-referral__copy.is-copied{background:var(--dash-teal);color:#f8fff9}.dashboard-social__badge{background:color-mix(in srgb,var(--dash-teal) 14%,transparent);color:var(--dash-teal);border-color:color-mix(in srgb,var(--dash-teal) 32%,transparent);animation:dashboard-badge-pulse 2.8s ease-in-out infinite}@keyframes dashboard-welcome-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-progress-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dashboard-icon-breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--dash-teal) 0%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--dash-teal) 12%,transparent)}}@keyframes dashboard-badge-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--dash-teal) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--dash-teal) 10%,transparent)}}@media (prefers-reduced-motion: reduce){.dashboard__welcome,.dashboard-referral__icon,.dashboard-social__badge,.dashboard-continue__progress-bar{animation:none}.dashboard__section-card,.dashboard-continue__cover,.dashboard-shelf__row .shelf-card{transition:none}}.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-primary);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-primary);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:var(--color-success);border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,transparent)}.profile-page__badge--warn{color:var(--color-warning);border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 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-primary);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-primary) 55%,transparent);border-color:var(--color-accent-primary)}.profile-page__error{margin:0;font-size:.85rem;color:var(--color-error)}.profile-page__success{margin:0;font-size:.85rem;color:var(--color-success)}.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:var(--color-success)}.profile-page__username-indicator--taken{color:var(--color-error)}.profile-page__muted{margin:0;color:var(--color-text-secondary);font-size:.9rem}.profile-page__link{color:var(--color-accent-primary);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:var(--font-mono);letter-spacing:.08em;color:var(--color-accent-primary)!important}.profile-page__field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.profile-page__field select{width:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);color:var(--color-text-primary);font-size:.95rem;outline:none;cursor:pointer;transition:border-color var(--transition-base)}.profile-page__field select:focus{border-color:var(--color-accent-primary)}.profile-page__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.profile-page__toggle-label{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.profile-page__toggle-hint{font-size:.78rem;color:var(--color-text-secondary, #888);margin:2px 0 0}.profile-page__toggle{flex-shrink:0;width:44px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-primary);display:flex;align-items:center;padding:2px;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.profile-page__toggle span{width:18px;height:18px;border-radius:50%;background:var(--color-bg-card, #2a2a2a);transition:transform var(--transition-base),background var(--transition-base)}.profile-page__toggle.is-on{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.profile-page__toggle.is-on span{transform:translate(20px);background:#0a0a0a}@media (max-width: 640px){.profile-page__field-row{grid-template-columns:1fr}}@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(2,1fr)}.profile-page__field-row{grid-template-columns: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-primary) 30%,transparent);border-top-color:var(--color-accent-primary);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-primary);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:color-mix(in srgb,var(--color-accent-primary) 18%,transparent);color:var(--color-accent-primary)}.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-primary)}.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-primary);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-primary-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-primary);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-primary)}.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:var(--admin-bg-primary)}.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:var(--admin-bg-input);color:var(--color-text-primary)}.admin-login__field input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 25%,transparent);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-login__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--admin-error-bg);color:var(--admin-error-text)}.admin-login__button{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:none;background-color:var(--color-accent-primary);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-primary-hover)}.admin-login__button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 480px){.admin-login{padding:var(--space-4)}.admin-login__card{padding:var(--space-5) var(--space-4)}.admin-login__title{font-size:1.6rem}}.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,.admin-stat--blue{border-left:3px solid var(--color-accent-primary)}.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-dashboard__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-error);text-align:center;gap:var(--space-4);margin:var(--space-5) 0}.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:color-mix(in srgb,var(--color-accent-primary) 20%,transparent);border-color:var(--color-accent-primary)}.admin-toggle.is-on .admin-toggle__handle{transform:translate(20px);background-color:var(--color-accent-primary)}.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-primary);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-primary);color:var(--color-accent-primary);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:color-mix(in srgb,var(--color-accent-primary) 20%,transparent);color:var(--color-accent-primary)}.admin-status--draft{background-color:#a0a0a01a;color:var(--color-text-muted)}.admin-status--processing{background-color:#3b82f633;color:var(--color-accent-primary);animation:adminPulse 1.4s ease-in-out infinite}.admin-status--failed{background-color:color-mix(in srgb,var(--color-error) 20%,transparent);color:var(--color-error)}.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-primary);border-color:var(--color-accent-primary)}.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-primary)}.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-primary);color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-accent-primary) 10%,transparent)}.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:color-mix(in srgb,var(--color-accent-primary) 4%,transparent)}.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-primary);color:var(--color-accent-primary);background-color:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);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-primary);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-primary);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:color-mix(in srgb,var(--color-accent-primary) 20%,transparent);color:var(--color-accent-primary)}.admin-link{border:none;background:transparent;color:var(--color-accent-primary);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:var(--admin-bg-input);color:var(--color-text-primary)}.admin-settings__message{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);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:var(--color-error)}.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:var(--color-error)}.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:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent);border-radius:var(--radius-md);color:var(--color-error);font-size:.82rem;font-weight:500}@media (max-width: 640px){.admin-settings__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.admin-maintenance-toggle{align-self:flex-start}}@media (max-width: 480px){.admin-settings__card{padding:var(--space-4)}}.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-primary);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,.toast--info{border-color:color-mix(in srgb,var(--color-accent-primary) 50%,var(--color-border))}.toast--error{border-color:var(--color-error)}.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: #f5f1e8;--color-bg-secondary: #ebe6da;--color-bg-card: #fffdf8;--color-text-primary: #172d3d;--color-text-secondary: #52636a;--color-text-muted: #829095;--color-accent-primary: #1f6f68;--color-accent-primary-hover: #185a55;--color-accent-ai-flag: #d29b55;--color-accent-ai-flag-hover: #e0af69;--color-border: #d8ded9;--color-border-hover: #a9bdb5;--color-text-on-accent: #fffdf8;--color-overlay: rgba(23, 45, 61, .78);--color-reader-bg-dark: #0f1d25;--color-reader-bg-sepia: #f4ecd8;--color-reader-bg-white: #ffffff;--color-error: #c75a4d;--color-error-bg: rgba(199, 90, 77, .12);--color-success: #3d8b68;--color-warning: #c58a3a;--admin-bg-primary: #15252f;--admin-bg-input: #1b303b;--admin-error-bg: rgba(199, 90, 77, .12);--admin-error-text: #f0b0a8;--font-display: "DM Sans", "Inter", sans-serif;--font-body: "DM Sans", "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;--space-9: 80px;--space-10: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--shadow-soft: 0 18px 45px rgba(23, 45, 61, .08);--shadow-lift: 0 24px 60px rgba(23, 45, 61, .14);--transition-fast: .15s cubic-bezier(.23, 1, .32, 1);--transition-base: .25s cubic-bezier(.23, 1, .32, 1)}html[data-theme=light],html[data-theme=dark]{color-scheme:light;--color-bg-primary: #f5f1e8;--color-bg-secondary: #ebe6da;--color-bg-card: #fffdf8;--color-text-primary: #172d3d;--color-text-secondary: #52636a;--color-text-muted: #829095;--color-border: #d8ded9;--color-border-hover: #a9bdb5}html[data-theme=dark]{color-scheme:dark;--color-bg-primary: #0e1b23;--color-bg-secondary: #142832;--color-bg-card: #1a3039;--color-text-primary: #f6f1e7;--color-text-secondary: #b6c7c4;--color-text-muted: #7f9996;--color-border: #2e4a52;--color-border-hover: #4e716f;--color-overlay: rgba(5, 14, 19, .84);--shadow-soft: 0 18px 45px rgba(0, 0, 0, .22);--shadow-lift: 0 24px 60px rgba(0, 0, 0, .34)}:root{--surface-glass: rgba(255, 253, 248, .76);--surface-raised: #fffdf8;--surface-sunken: #ebe6da;--ink-strong: #102b3b;--ink-soft: #52636a;--line-soft: rgba(23, 45, 61, .11);--accent-wash: #e5f0eb;--focus-ring: rgba(31, 111, 104, .24)}html[data-theme=dark]{--surface-glass: rgba(20, 40, 50, .78);--surface-raised: #1a3039;--surface-sunken: #142832;--ink-strong: #f6f1e7;--ink-soft: #b6c7c4;--line-soft: rgba(196, 224, 217, .16);--accent-wash: #1c3a42;--focus-ring: rgba(99, 181, 160, .3)}.app-content{background:transparent}.app-content>.route-transition{min-height:100%}.container{max-width:1240px}.ui-button,button,input,select,textarea{-webkit-font-smoothing:antialiased}.ui-button{box-shadow:0 8px 18px #172d3d14}.ui-button:hover:not(:disabled){box-shadow:0 12px 24px #172d3d24;transform:translateY(-2px)}.ui-button:active:not(:disabled){transform:translateY(0) scale(.98)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.browse{padding-top:clamp(2.5rem,6vw,5rem)}.browse__header{position:relative;padding:clamp(1.6rem,4vw,3rem);border:1px solid var(--line-soft);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-raised) 92%,var(--color-accent-primary)),var(--surface-raised));box-shadow:var(--shadow-soft);overflow:hidden}.browse__header:after{content:"";position:absolute;width:16rem;height:16rem;right:-6rem;top:-7rem;border:1px solid color-mix(in srgb,var(--color-accent-primary) 25%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--color-accent-primary) 5%,transparent),0 0 0 56px color-mix(in srgb,var(--color-accent-primary) 3%,transparent);pointer-events:none}.browse__header h1{position:relative;z-index:1;letter-spacing:-.06em;font-size:clamp(2.3rem,5vw,4.3rem)}.browse__header p{position:relative;z-index:1;max-width:46rem;font-size:1rem}.browse__filters{padding:14px;border:1px solid var(--line-soft);border-radius:18px;background:var(--surface-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.browse__search input,.browse__select select{background:var(--surface-raised);border-color:var(--line-soft);box-shadow:inset 0 1px #ffffff2e}.browse__search input:focus,.browse__select select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 4px var(--focus-ring)}.browse__sort-button{background:var(--surface-raised);border-color:var(--line-soft)}.browse__empty{background:var(--surface-raised);border-color:var(--line-soft);box-shadow:var(--shadow-soft)}html[data-theme=light] .book-card,html[data-theme=dark] .book-card{background:linear-gradient(180deg,var(--surface-raised),color-mix(in srgb,var(--surface-raised) 92%,var(--surface-sunken)));border-color:var(--line-soft);border-radius:20px;box-shadow:0 12px 30px #172d3d12}.book-card:hover{border-color:var(--color-accent-primary);box-shadow:0 20px 46px #172d3d29;transform:translateY(-7px)}.book-card__cover-wrapper{background:var(--surface-sunken)}.book-card__cover{border-radius:0;transition:transform .35s cubic-bezier(.23,1,.32,1),filter .35s ease}.book-card:hover .book-card__cover{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}.book-card__info{padding:18px 18px 20px}.book-card__info h3{color:var(--ink-strong);letter-spacing:-.025em}.book-card__author,.book-card__meta,.book-card__year{color:var(--ink-soft)}.book-card__ribbon{box-shadow:0 4px 14px #172d3d2e}.contact-form-card,.contact-method,.auth-card,.book-detail__card,.about-product,.about-pubs__card{background:var(--surface-raised);border-color:var(--line-soft);box-shadow:var(--shadow-soft)}.contact-form__field input,.contact-form__field textarea{background:var(--surface-sunken);border-color:var(--line-soft)}.contact-form__field input:focus,.contact-form__field textarea:focus{box-shadow:0 0 0 4px var(--focus-ring)}html[data-theme=dark] .browse__header,html[data-theme=dark] .browse__filters{color:var(--ink-strong)}html[data-theme=dark] .contact-form-card,html[data-theme=dark] .contact-method,html[data-theme=dark] .auth-card,html[data-theme=dark] .book-detail__card{background:#1a3039}html[data-theme=dark] .home-hero__pill,html[data-theme=dark] .home-coin-card,html[data-theme=dark] .home-featured__item{background-color:#1a3039}html[data-theme=dark] .home-hero__pill-label,html[data-theme=dark] .home-coin-card__title{color:#f6f1e7}@media (max-width: 640px){.browse__header{border-radius:22px}.browse__filters{padding:10px;border-radius:16px}.book-card{width:min(100%,190px)}}@media (prefers-reduced-motion: reduce){.book-card__cover{transition:none}}.auth-page,.shelf,.dashboard,.profile-page,.friends-page,.lb-page,.ch-page,.sr-page,.book-detail,.about,.features-page,.contact-page,.legal-page{position:relative}.auth-page:before,.shelf:before,.dashboard:before,.profile-page:before,.friends-page:before,.lb-page:before,.ch-page:before{content:"";position:absolute;inset:0 0 auto;height:18rem;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--color-accent-primary) 11%,transparent),transparent 38rem);pointer-events:none;z-index:-1}.feat-bento__card,.feat-coming__card,.feat-tier,.about-product,.about-pub,.about-inv__card,.about-teaching__item{background:var(--surface-raised);border-color:var(--line-soft);box-shadow:var(--shadow-soft)}.feat-bento__card:hover,.feat-coming__card:hover,.about-product:hover,.about-inv__card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--color-accent-primary) 42%,var(--line-soft));box-shadow:var(--shadow-lift)}.feat-hero,.about-hero,.feat-cta,.about-cta{border-radius:0 0 30px 30px;overflow:hidden}.feat-label,.about-label{letter-spacing:.18em;color:var(--color-accent-primary);font-weight:800}.book-detail__layout{gap:clamp(2rem,6vw,5rem)}.book-detail__cover{border-radius:22px;box-shadow:var(--shadow-lift)}.book-detail__content,.book-detail__recommendations{background:color-mix(in srgb,var(--surface-raised) 78%,transparent);border:1px solid var(--line-soft);border-radius:24px;padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-soft)}.shelf__header,.dashboard__header,.profile-page__hero,.friends-page__title,.lb-title,.ch-page__header{margin-bottom:var(--space-6)}.shelf-grid,.dashboard__stats,.friends-grid,.lb-list,.ch-list{gap:18px}.shelf-card,.admin-stat,.fc,.feed-card,.lb-row,.ch-card,.sr-book-card{background:var(--surface-raised);border-color:var(--line-soft);box-shadow:var(--shadow-soft)}.shelf-card:hover,.fc:hover,.feed-card:hover,.lb-row:hover,.ch-card:hover,.sr-book-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.friends-page__tabs,.lb-controls,.ch-toggle,.friend-search__input-wrap{background:var(--surface-glass);border:1px solid var(--line-soft);border-radius:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.friends-tab--active,.lb-toggle--active,.ch-toggle--on{background:var(--color-accent-primary);color:var(--color-text-on-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.fc-name,.feed-card__actor,.lb-name,.ch-title,.sr-title{color:var(--ink-strong)}.fc-username,.feed-card__time,.lb-sub,.ch-card__desc,.sr-book-card__author,.sr-book-card__pages{color:var(--ink-soft)}.admin-shell{background:var(--color-bg-primary)}.admin-sidebar,.admin-topbar,.admin-settings__card,.admin-book-form__panel,.admin-books__table,.admin-users__table,.admin-dashboard__chart-frame{background:var(--surface-raised);border-color:var(--line-soft);box-shadow:var(--shadow-soft)}.admin-nav__link:hover,.admin-nav__link.is-active{background:var(--accent-wash);color:var(--color-accent-primary)}.admin-primary{background:var(--color-accent-primary);color:var(--color-text-on-accent);box-shadow:0 10px 20px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.admin-ghost{border-color:var(--line-soft);color:var(--ink-soft)}.shelf-empty,.shelf-error,.social-state,.lb-state,.ch-state,.sr-state,.book-detail__empty,.offline-page,.not-found-page{background:var(--surface-raised);border:1px dashed var(--line-soft);border-radius:22px;color:var(--ink-soft);box-shadow:var(--shadow-soft)}.auth-error,.contact-form__server-error{border-radius:14px}html[data-theme=dark] .feat-bento__card,html[data-theme=dark] .feat-coming__card,html[data-theme=dark] .feat-tier,html[data-theme=dark] .about-product,html[data-theme=dark] .about-pub,html[data-theme=dark] .about-inv__card,html[data-theme=dark] .about-teaching__item,html[data-theme=dark] .book-detail__content,html[data-theme=dark] .book-detail__recommendations,html[data-theme=dark] .shelf-card,html[data-theme=dark] .admin-stat,html[data-theme=dark] .fc,html[data-theme=dark] .feed-card,html[data-theme=dark] .lb-row,html[data-theme=dark] .ch-card,html[data-theme=dark] .sr-book-card,html[data-theme=dark] .admin-sidebar,html[data-theme=dark] .admin-topbar,html[data-theme=dark] .admin-settings__card,html[data-theme=dark] .admin-book-form__panel,html[data-theme=dark] .admin-books__table,html[data-theme=dark] .admin-users__table,html[data-theme=dark] .admin-dashboard__chart-frame{background:#1a3039;color:#f6f1e7;border-color:#2e4a52}html[data-theme=dark] .shelf-empty,html[data-theme=dark] .shelf-error,html[data-theme=dark] .social-state,html[data-theme=dark] .lb-state,html[data-theme=dark] .ch-state,html[data-theme=dark] .sr-state,html[data-theme=dark] .book-detail__empty,html[data-theme=dark] .offline-page,html[data-theme=dark] .not-found-page{background:#142832;color:#b6c7c4;border-color:#4e716f}@media (max-width: 760px){.book-detail__content,.book-detail__recommendations{padding:18px;border-radius:18px}.feat-bento__card,.feat-coming__card,.about-product,.about-inv__card{border-radius:18px}}: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)}@media (max-width: 480px){.container{padding:0 var(--space-4)}}.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}}html{min-width:320px;scroll-padding-top:5rem}body{overflow-x:hidden;text-wrap:pretty}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,[role=button],a{touch-action:manipulation}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent-primary) 70%,white);outline-offset:3px}button:active:not(:disabled),a:active{transform:translateY(1px)}@media (max-width: 640px){body{font-size:.9375rem}h1{font-size:clamp(1.85rem,8vw,2.75rem)}.container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background-color:var(--color-bg-primary);background-image:radial-gradient(circle at 15% 0%,rgba(31,111,104,.08),transparent 28rem),linear-gradient(rgba(23,45,61,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,45,61,.025) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}::selection{background:var(--color-accent-primary);color:var(--color-text-on-accent)}button,a{transition:transform var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}button:active:not(:disabled),a:active{transform:scale(.98)}html[data-theme=dark] body{background-image:radial-gradient(circle at 15% 0%,rgba(61,139,104,.12),transparent 28rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)}html[data-theme=dark] .navbar{background:#0e1b23e6;border-color:#ffffff1a}html[data-theme=dark] .home-featured{background:var(--color-bg-primary)}