/* GERADO por build-css.py - nao edite aqui; edite os .css avulsos. */
:root{--font-sans: 'Manrope','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;--font-display: 'Sora','Manrope','Segoe UI',system-ui,sans-serif;--font-serif: 'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 34px;--radius-pill: 999px;--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: 96px;--container: 1220px;--transition: 220ms cubic-bezier(0.22,0.61,0.36,1);--transition-slow: 480ms cubic-bezier(0.22,0.61,0.36,1);--header-height: 74px;--grad-brand: linear-gradient(115deg,#7c3aed 0%,#c026d3 55%,#ffd166 108%);--grad-brand-soft: linear-gradient(120deg,rgba(124,58,237,0.22),rgba(192,38,211,0.16) 55%,rgba(255,209,102,0.12));--grad-cta: linear-gradient(135deg,#7c3aed 0%,#c026d3 100%);--grad-pro: linear-gradient(135deg,#8b5cf6 0%,#c026d3 55%,#ffd166 115%);--grad-text: linear-gradient(100deg,#ffffff 10%,#d6c9ff 45%,#f0abfc 75%,#ffd166 100%);--shadow-sm: 0 4px 14px rgba(3,6,22,0.5);--shadow-md: 0 18px 44px rgba(3,6,22,0.55);--shadow-lg: 0 40px 90px rgba(2,4,18,0.68);--glow-blue: 0 0 0 1px rgba(139,92,246,0.35),0 12px 40px rgba(124,58,237,0.35);--glow-violet: 0 14px 44px rgba(138,92,255,0.32)}:root,[data-theme='dark']{--bg: #07050f;--bg-soft: #0e0920;--surface: rgba(28,18,56,0.66);--surface-solid: #171036;--surface-raised: #1e1448;--surface-glass: rgba(22,14,48,0.55);--border: rgba(167,139,250,0.16);--border-strong: rgba(167,139,250,0.34);--text: #eef1ff;--text-soft: #b4bdec;--text-muted: #7c86b8;--accent: #8b5cf6;--accent-strong: #a78bfa;--accent-contrast: #04060f;--accent-soft: rgba(139,92,246,0.18);--secondary: #c026d3;--secondary-soft: rgba(192,38,211,0.18);--neon: #ffd166;--neon-soft: rgba(255,209,102,0.16);--danger: #ff6b8a;--warning: #ffb454;--success: #46e0a0;--gold: #ffd166;--color-scheme: dark}[data-theme='light']{--bg: #f7f3ff;--bg-soft: #f0eaff;--surface: rgba(255,255,255,0.78);--surface-solid: #ffffff;--surface-raised: #ffffff;--surface-glass: rgba(255,255,255,0.6);--border: rgba(124,58,237,0.14);--border-strong: rgba(124,58,237,0.3);--text: #0d1230;--text-soft: #443b7a;--text-muted: #6f679c;--accent: #7c3aed;--accent-strong: #6d28d9;--accent-contrast: #ffffff;--accent-soft: rgba(124,58,237,0.12);--secondary: #c026d3;--secondary-soft: rgba(192,38,211,0.12);--neon: #b45309;--neon-soft: rgba(180,83,9,0.12);--danger: #e11d48;--warning: #b45309;--success: #059669;--gold: #b45309;--color-scheme: light;--shadow-sm: 0 4px 14px rgba(20,35,90,0.08);--shadow-md: 0 18px 44px rgba(20,35,90,0.12);--shadow-lg: 0 40px 90px rgba(20,35,90,0.18)}[data-reader-theme='sepia']{--bg: #f4e7d0;--bg-soft: #efe0c6;--surface: #f8f0e0;--surface-raised: #fbf5e9;--border: #ddc9a8;--text: #3b2f22;--text-soft: #6b5a45;--text-muted: #857058;--color-scheme: light}*,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{scroll-behavior: smooth}body{margin: 0;min-height: 100vh;font-family: var(--font-sans);font-size: 16px;line-height: 1.65;color: var(--text);background: var(--bg);-webkit-font-smoothing: antialiased;overflow-x: hidden}h1,h2,h3,h4{margin: 0 0 var(--space-3);line-height: 1.18;font-weight: 700;letter-spacing: -0.02em;font-family: var(--font-display)}h1{font-size: clamp(2.1rem,1.3rem + 2.6vw,3.4rem);font-weight: 800}h2{font-size: clamp(1.5rem,1.15rem + 1.4vw,2.3rem)}h3{font-size: 1.16rem}p{margin: 0 0 var(--space-3)}a{color: var(--accent-strong);text-decoration: none;transition: color var(--transition)}a:hover{color: var(--neon)}img{max-width: 100%;display: block}ul,ol{margin: 0;padding: 0;list-style: none}button,input,select,textarea{font: inherit;color: inherit}:focus-visible{outline: 3px solid var(--neon);outline-offset: 2px;border-radius: var(--radius-sm)}::selection{background: rgba(138,92,255,0.45);color: #fff}::-webkit-scrollbar{width: 11px;height: 11px}::-webkit-scrollbar-track{background: #060812}::-webkit-scrollbar-thumb{background: linear-gradient(180deg,#5b21b6,#5b3fa8);border-radius: 999px;border: 2px solid #060812}::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg,#7c3aed,#7b4dff)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.muted{color: var(--text-muted)}.gradient-text{background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent}.prose{font-family: var(--font-serif);font-size: 1.08rem;line-height: 1.8;color: var(--text);white-space: pre-wrap;overflow-wrap: anywhere}.prose--reader{font-size: 1.16rem;line-height: 1.95}.mono{font-family: 'Cascadia Code',Consolas,monospace;font-size: 0.9em}
.container{width: 100%;max-width: var(--container);margin: 0 auto;padding: 0 var(--space-5)}.page{min-height: calc(100vh - var(--header-height));padding: var(--space-6) 0 var(--space-8)}body[data-page='home'] .page{padding-top: 0}.section{margin-bottom: var(--space-7)}.section--narrow{max-width: 640px;margin-inline: auto}.section__actions{display: flex;flex-wrap: wrap;gap: var(--space-3)}.section--app-welcome{padding-top: var(--space-6)}section[id]{scroll-margin-top: calc(var(--header-height) + 16px)}.section__head{display: flex;flex-wrap: wrap;gap: var(--space-4);align-items: flex-end;justify-content: space-between;margin-bottom: var(--space-5)}.section__title{margin: 0}.section__subtitle{margin: var(--space-2) 0 0;color: var(--text-muted);max-width: 62ch}.grid-2{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--space-4)}.site-header{position: sticky;top: 0;z-index: 40;background: rgba(5,6,15,0.72);backdrop-filter: blur(18px) saturate(150%);-webkit-backdrop-filter: blur(18px) saturate(150%);border-bottom: 1px solid transparent;transition: background var(--transition),border-color var(--transition),box-shadow var(--transition)}.site-header::after{content: '';position: absolute;inset: auto 0 -1px;height: 1px;background: linear-gradient( 90deg,transparent,rgba(255,209,102,0.55) 35%,rgba(138,92,255,0.55) 65%,transparent );opacity: 0;transition: opacity var(--transition);pointer-events: none}.site-header.is-scrolled{background: rgba(5,6,15,0.9);border-bottom-color: var(--border);box-shadow: 0 18px 40px rgba(2,4,18,0.45)}.site-header.is-scrolled::after{opacity: 1}.site-header__inner{display: flex;align-items: center;gap: var(--space-4);min-height: var(--header-height)}.brand{display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-display);font-weight: 800;font-size: 1.06rem;letter-spacing: -0.02em;color: var(--text)}.brand:hover{color: var(--text)}.brand__logo{width: 40px;height: 40px;padding: 5px;border-radius: 13px;background: linear-gradient(140deg,rgba(139,92,246,0.22),rgba(255,209,102,0.14));border: 1px solid var(--border-strong);box-shadow: 0 8px 22px rgba(124,58,237,0.28);transition: transform var(--transition),box-shadow var(--transition)}.brand:hover .brand__logo{transform: rotate(-6deg) scale(1.06);box-shadow: 0 10px 26px rgba(255,209,102,0.32)}.brand__accent{background: var(--grad-brand);-webkit-background-clip: text;background-clip: text;color: transparent}.nav{margin-left: auto}.nav__list{display: flex;align-items: center;gap: 4px}.nav__link{position: relative;display: inline-block;padding: 9px 15px;border-radius: var(--radius-pill);color: var(--text-soft);font-weight: 600;font-size: 0.92rem;transition: background var(--transition),color var(--transition),box-shadow var(--transition)}.nav__link:hover{background: rgba(167,139,250,0.12);color: var(--text)}.nav__link.is-active{color: #fff;background: var(--grad-brand);box-shadow: 0 10px 26px rgba(139,92,246,0.35)}.header__actions{display: flex;align-items: center;gap: var(--space-2)}.header__shop,a.header__shop.button,a.header__shop.button--ghost{display: inline-flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: var(--radius-pill);border: 1px solid rgba(255,209,102,0.45);background: rgba(255,209,102,0.1);color: #ffd166;font-weight: 800;font-size: 0.84rem;letter-spacing: 0.02em;white-space: nowrap;transition: border-color var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition)}a.header__shop.button:hover,a.header__shop.button--ghost:hover{border-color: #ffd166;background: rgba(255,209,102,0.2);color: #ffe08a;box-shadow: 0 8px 22px rgba(255,209,102,0.28);transform: translateY(-1px)}a.header__shop.button:focus-visible{outline: 3px solid var(--neon);outline-offset: 2px}@media (max-width: 900px){a.header__shop.button{padding: 6px 10px;font-size: 0.8rem}}.header__user{display: inline-flex;align-items: center;gap: var(--space-2);padding: 5px 12px 5px 5px;border-radius: var(--radius-pill);border: 1px solid var(--border);background: var(--surface-glass);color: var(--text);font-weight: 600;font-size: 0.9rem;transition: border-color var(--transition),background var(--transition)}.header__user:hover{border-color: var(--border-strong);background: rgba(167,139,250,0.14);color: var(--text)}.header__bell{position: relative}.badge-dot{position: absolute;top: 2px;right: 2px;min-width: 16px;height: 16px;padding: 0 4px;border-radius: var(--radius-pill);background: var(--grad-brand);color: #fff;font-size: 0.66rem;font-weight: 700;display: none;align-items: center;justify-content: center;box-shadow: 0 0 0 2px var(--bg)}.badge-dot.is-visible{display: inline-flex}.header__search{position: relative;display: flex;align-items: center}.header__search-input{width: 0;padding: 0;opacity: 0;border: 1px solid transparent;border-radius: var(--radius-pill);background: transparent;font-size: 0.9rem;transition: width var(--transition-slow),padding var(--transition),opacity var(--transition),background var(--transition)}.header__search.is-open .header__search-input{width: clamp(160px,22vw,250px);padding: 9px 44px 9px 16px;opacity: 1;background: rgba(10,14,36,0.9);border-color: var(--border-strong)}.header__search.is-open .header__search-input:focus{outline: none;box-shadow: 0 0 0 3px rgba(255,209,102,0.28)}.header__search-toggle{position: relative;z-index: 1}.header__search.is-open .header__search-toggle{position: absolute;right: 4px}.notifications{position: absolute;right: var(--space-5);top: calc(var(--header-height) + 8px);width: min(380px,calc(100vw - 32px));background: rgba(9,12,32,0.94);backdrop-filter: blur(20px);border: 1px solid var(--border-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);overflow: hidden;z-index: 50;animation: modalIn 260ms cubic-bezier(0.22,0.61,0.36,1)}.notifications__head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-4);border-bottom: 1px solid var(--border);background: rgba(139,92,246,0.08)}.notifications__head h2{margin: 0;font-size: 1rem}.notifications__head-actions{display: flex;align-items: center;gap: var(--space-2)}.notifications__list{max-height: 380px;overflow-y: auto}.notification{padding: var(--space-4);border-bottom: 1px solid var(--border);cursor: pointer;transition: background var(--transition)}.notification:hover{background: rgba(167,139,250,0.1)}.notification.is-unread{border-left: 3px solid var(--neon);background: rgba(255,209,102,0.1)}.notification__title{margin: 0 0 var(--space-1);font-weight: 700;font-size: 0.94rem}.notification__message{margin: 0 0 var(--space-1);color: var(--text-soft);font-size: 0.88rem}.notification__time{color: var(--text-muted);font-size: 0.78rem}.notifications__empty{padding: var(--space-6);text-align: center;color: var(--text-muted)}.site-footer{position: relative;background: radial-gradient(70% 100% at 0% 0%,rgba(139,92,246,0.14),transparent 60%),linear-gradient(180deg,var(--bg-soft),#060814);border-top: 1px solid var(--border);padding: var(--space-7) 0 var(--space-5);margin-top: var(--space-8)}.site-footer::before{content: '';position: absolute;inset: -1px 0 auto;height: 1px;background: linear-gradient( 90deg,transparent,rgba(255,209,102,0.5) 30%,rgba(138,92,255,0.5) 70%,transparent )}.footer__inner{display: grid;grid-template-columns: 1.5fr repeat(3,1fr);gap: var(--space-6);max-width: var(--container);margin: 0 auto;padding: 0 var(--space-5)}.footer__brand{display: flex;gap: var(--space-3);align-items: flex-start}.footer__mascot{width: 56px;height: 56px;padding: 6px;border-radius: 16px;background: linear-gradient(140deg,rgba(139,92,246,0.2),rgba(255,209,102,0.12));border: 1px solid var(--border-strong)}.footer__name{margin: 0;font-weight: 800;font-family: var(--font-display)}.footer__tagline{margin: var(--space-1) 0 0;color: var(--text-muted);font-size: 0.9rem;max-width: 30ch}.footer__column-title{margin-bottom: var(--space-3);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.14em;color: var(--neon)}.footer__column li + li{margin-top: var(--space-2)}.footer__column a{color: var(--text-soft);font-size: 0.92rem;transition: color var(--transition),transform var(--transition);display: inline-block}.footer__column a:hover{color: var(--text);transform: translateX(4px)}.footer__bottom{display: flex;flex-wrap: wrap;gap: var(--space-3);justify-content: space-between;max-width: var(--container);margin: var(--space-6) auto 0;padding: var(--space-4) var(--space-5) 0;border-top: 1px solid var(--border);color: var(--text-muted);font-size: 0.85rem}.footer__bottom p{margin: 0}.auth{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,0.85fr);gap: var(--space-7);align-items: center;max-width: var(--container);margin: 0 auto;padding: var(--space-6) var(--space-5)}.auth__panel{position: relative;overflow: hidden;background: var(--surface);border: 1px solid var(--border-strong);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);padding: clamp(24px,4vw,40px);backdrop-filter: blur(16px)}.auth__panel::before{content: '';position: absolute;inset: 0 0 auto;height: 3px;background: var(--grad-brand)}.auth__mascot{margin: 0 auto var(--space-4)}.auth__book{position: relative;display: flex;align-items: center;justify-content: center;height: 190px;margin: 0 auto var(--space-4);perspective: 900px}.auth__book-glow{position: absolute;width: 220px;height: 140px;border-radius: 50%;background: radial-gradient(closest-side,rgba(255,209,102,0.34),rgba(192,38,211,0.14) 55%,transparent 75%);filter: blur(6px);animation: bookGlow 4.5s ease-in-out infinite}@keyframes bookGlow{0%,100%{opacity: 0.45;transform: scale(0.92)}50%{opacity: 0.9;transform: scale(1.05)}}.book3d{position: relative;width: 148px;height: 186px;transform-style: preserve-3d;animation: bookFloat 6s ease-in-out infinite}@keyframes bookFloat{0%,100%{transform: translateY(0) rotateX(6deg) rotateZ(-1.2deg)}50%{transform: translateY(-8px) rotateX(6deg) rotateZ(1.2deg)}}.book3d__pages{position: absolute;inset: 6px 4px 6px 10px;border-radius: 3px 8px 8px 3px;background: repeating-linear-gradient(to bottom,transparent 0 10px,rgba(124,58,237,0.07) 10px 11px),linear-gradient(100deg,#f6f1ff,#fffdf5 60%,#fdf2d8);box-shadow: inset -8px 0 14px rgba(124,58,237,0.12),0 18px 34px rgba(7,5,15,0.45);transform: translateZ(-2px)}.book3d__spine{position: absolute;top: 4px;bottom: 4px;left: 0;width: 12px;border-radius: 4px 2px 2px 4px;background: linear-gradient(180deg,#6d28d9,#a21caf);transform: translateX(-5px) rotateY(-90deg);transform-origin: left center}.book3d__cover{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 18px 14px;border-radius: 4px 10px 10px 4px;background: radial-gradient(120% 90% at 20% 12%,rgba(255,255,255,0.22),transparent 42%),linear-gradient(145deg,#7c3aed 0%,#a21caf 52%,#c026d3 78%,#b45309 130%);border: 1px solid rgba(255,209,102,0.35);box-shadow: 0 22px 44px rgba(7,5,15,0.55),inset 0 0 0 1px rgba(255,255,255,0.06);transform-origin: left center;transform: rotateY(0deg);backface-visibility: hidden;animation: bookOpen 2.8s cubic-bezier(0.22,0.61,0.36,1) 0.7s forwards}@keyframes bookOpen{0%{transform: rotateY(0deg)}100%{transform: rotateY(-118deg)}}.book3d__crest{display: inline-flex;opacity: 0;animation: bookFadeIn 0.9s ease 3.2s forwards}.book3d__title{font-family: var(--font-display);font-weight: 800;font-size: 0.92rem;letter-spacing: 0.14em;line-height: 1.45;text-align: center;color: #fff;text-shadow: 0 2px 12px rgba(7,5,15,0.45);opacity: 0;animation: bookFadeIn 0.9s ease 3.35s forwards}.book3d__rule{width: 46px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,transparent,#ffd166,transparent);opacity: 0;animation: bookFadeIn 0.9s ease 3.5s forwards}.book3d__tag{font-size: 0.6rem;letter-spacing: 0.08em;text-align: center;color: rgba(255,240,214,0.92);opacity: 0;animation: bookFadeIn 0.9s ease 3.65s forwards}@keyframes bookFadeIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: translateY(0)}}@media (prefers-reduced-motion: reduce){.auth__book-glow,.book3d,.book3d__cover,.book3d__crest,.book3d__title,.book3d__rule,.book3d__tag{animation: none !important}.book3d__cover{transform: rotateY(-118deg)}.book3d__crest,.book3d__title,.book3d__rule,.book3d__tag{opacity: 1}}.auth__title{text-align: center;margin-bottom: var(--space-2)}.auth__subtitle{text-align: center;color: var(--text-muted);margin-bottom: var(--space-5)}.auth__options{display: flex;flex-wrap: wrap;gap: var(--space-3);justify-content: space-between;align-items: center;margin-bottom: var(--space-4)}.auth__switch{margin: var(--space-4) 0 0;text-align: center;color: var(--text-muted);font-size: 0.92rem}.auth__aside{position: relative;overflow: hidden;padding: var(--space-6);border-radius: var(--radius-xl);border: 1px solid var(--border-strong);background: radial-gradient(80% 100% at 0% 0%,rgba(139,92,246,0.28),transparent 62%),radial-gradient(70% 100% at 100% 100%,rgba(255,209,102,0.16),transparent 60%),linear-gradient(150deg,#111848,#080c22);box-shadow: var(--shadow-md)}.auth__aside ul{display: grid;gap: var(--space-4);margin-bottom: var(--space-5)}.auth__aside li{position: relative;padding-left: var(--space-6);color: var(--text-soft)}.auth__aside li::before{content: '';position: absolute;left: 0;top: 0.4em;width: 14px;height: 14px;border-radius: 50%;background: var(--neon-soft);border: 2px solid var(--neon);box-shadow: 0 0 12px rgba(255,209,102,0.5)}@media (max-width: 900px){.auth{grid-template-columns: 1fr}.footer__inner{grid-template-columns: 1fr 1fr}}.skip-link{position: absolute;left: -9999px;top: 0;z-index: 200;padding: var(--space-3) var(--space-4);background: var(--accent);color: var(--accent-contrast);border-radius: 0 0 var(--radius-sm) 0;font-weight: 600}.skip-link:focus{left: 0;color: var(--accent-contrast)}.header__menu{display: none}main.page:focus{outline: none}
.button{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 11px 20px;border: 1px solid transparent;border-radius: 14px;background: var(--grad-brand-soft);color: var(--text);font-weight: 700;font-size: 0.94rem;letter-spacing: -0.01em;cursor: pointer;overflow: hidden;transition: background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.button:hover:not(:disabled){transform: translateY(-2px);color: var(--text);box-shadow: 0 12px 26px rgba(3,6,22,0.45)}.button:disabled{opacity: 0.5;cursor: not-allowed;transform: none}.button:active:not(:disabled){transform: translateY(0)}.button--primary{background: var(--grad-cta);color: #fff;box-shadow: 0 12px 30px rgba(124,58,237,0.38)}.button--primary::after{content: '';position: absolute;inset: 0;background: linear-gradient(100deg,transparent 20%,rgba(255,255,255,0.35) 50%,transparent 80%);transform: translateX(-120%);transition: transform 620ms ease}.button--primary:hover:not(:disabled){color: #fff;box-shadow: 0 18px 40px rgba(139,92,246,0.5)}.button--primary:hover:not(:disabled)::after{transform: translateX(120%)}.button--ghost{background: var(--grad-brand-soft);border-color: var(--border-strong);color: var(--text-soft);backdrop-filter: blur(10px)}.button--ghost:hover:not(:disabled){border-color: var(--neon);color: var(--neon);background: linear-gradient(140deg,rgba(255,209,102,0.16),rgba(124,58,237,0.12));box-shadow: 0 12px 28px rgba(255,209,102,0.18)}[data-theme='light'] .button--ghost{background: var(--grad-brand-soft);border-color: rgba(124,58,237,0.3);color: var(--text-soft)}[data-theme='light'] .button--ghost:hover:not(:disabled){border-color: var(--accent);color: var(--accent-strong);background: rgba(124,58,237,0.1);box-shadow: 0 12px 28px rgba(124,58,237,0.16)}.button--pro{background: var(--grad-pro);background-size: 180% 180%;color: #fff;box-shadow: 0 14px 34px rgba(138,92,255,0.42);animation: gradientShift 8s ease-in-out infinite}.button--pro:hover:not(:disabled){color: #fff;box-shadow: 0 18px 44px rgba(255,209,102,0.4)}.button--danger{background: linear-gradient(140deg,#ff5f8f,#e11d48);color: #fff}.button--danger:hover:not(:disabled){color: #fff}.button--danger-ghost{border-color: var(--danger);color: var(--danger);background: rgba(255,107,138,0.08)}.button--danger-ghost:hover:not(:disabled){background: rgba(255,107,138,0.16);color: var(--danger)}.button--small{padding: 7px 14px;font-size: 0.85rem}.button--lg{padding: 14px 26px;font-size: 1rem}.button--block{width: 100%}.button.is-busy{cursor: progress;pointer-events: none}.button.is-busy::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);animation: shimmer 1.1s linear infinite}.icon-button{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border: 1px solid transparent;border-radius: var(--radius-pill);background: transparent;color: var(--text-soft);cursor: pointer;transition: background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.icon-button:hover{background: rgba(167,139,250,0.16);border-color: var(--border);color: var(--neon);transform: translateY(-1px)}.icon-button.is-active{color: var(--neon);background: var(--neon-soft)}.icon-button--danger:hover{color: var(--danger);background: rgba(255,107,138,0.14)}.link-button{display: inline-flex;align-items: center;gap: 6px;border: 0;background: none;padding: 0;color: var(--accent-strong);font-weight: 700;cursor: pointer;font-size: 0.9rem;transition: color var(--transition),gap var(--transition)}.link-button:hover{color: var(--neon);gap: 10px;text-decoration: none}.panel{background: linear-gradient(160deg,rgba(22,29,67,0.7),rgba(9,13,31,0.72));border: 1px solid var(--border);border-radius: var(--radius-lg);padding: clamp(18px,3vw,28px);margin-bottom: var(--space-5);backdrop-filter: blur(14px);box-shadow: var(--shadow-sm)}.panel__head{display: flex;flex-wrap: wrap;gap: var(--space-3);justify-content: space-between;align-items: center}.panel__title{margin: 0 0 var(--space-4);font-size: 1.14rem}.panel__head .panel__title{margin: 0}.field{margin-bottom: var(--space-4)}.field label,.field__label{display: block;margin-bottom: var(--space-1);font-weight: 700;font-size: 0.86rem;letter-spacing: 0.02em;color: var(--text-soft)}.field input,.field select,.field textarea,.search-field input,.filters select{width: 100%;padding: 12px 14px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: rgba(6,9,26,0.72);color: var(--text);transition: border-color var(--transition),box-shadow var(--transition),background var(--transition)}.field input::placeholder,.field textarea::placeholder,.search-field input::placeholder{color: #6b76ad}.field textarea{resize: vertical;min-height: 96px;font-family: inherit}.field input:focus,.field select:focus,.field textarea:focus,.search-field input:focus{outline: none;border-color: rgba(255,209,102,0.6);background: rgba(8,12,34,0.9);box-shadow: 0 0 0 3px rgba(255,209,102,0.18)}[data-theme='light'] .field input,[data-theme='light'] .field select,[data-theme='light'] .field textarea,[data-theme='light'] .search-field input,[data-theme='light'] .filters select{background: rgba(255,255,255,0.86);border-color: rgba(124,58,237,0.24);color: var(--text)}[data-theme='light'] .field input::placeholder,[data-theme='light'] .field textarea::placeholder,[data-theme='light'] .search-field input::placeholder{color: var(--text-muted)}[data-theme='light'] .field input:focus,[data-theme='light'] .field select:focus,[data-theme='light'] .field textarea:focus,[data-theme='light'] .search-field input:focus{background: #ffffff;border-color: var(--neon);box-shadow: 0 0 0 3px rgba(180,83,9,0.18)}.field input:disabled{opacity: 0.6}.field input.is-invalid,.field textarea.is-invalid{border-color: var(--danger);box-shadow: 0 0 0 3px rgba(255,107,138,0.16)}.field__hint{margin: var(--space-1) 0 0;font-size: 0.82rem;color: var(--text-muted);display: flex;align-items: center;gap: var(--space-1)}.field__error{margin: var(--space-1) 0 0;font-size: 0.84rem;color: var(--danger);min-height: 0}.field__error:not(:empty){min-height: 1.2em}.input-with-action{position: relative}.input-with-action input{padding-right: 86px}.input-with-action .icon-button{position: absolute;top: 50%;right: 5px;transform: translateY(-50%);width: auto;height: auto;padding: 6px 10px;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-muted)}.input-with-action .icon-button:hover{transform: translateY(-50%)}.checkbox{display: flex;gap: var(--space-2);align-items: flex-start;margin-bottom: var(--space-4);font-size: 0.9rem;color: var(--text-soft);cursor: pointer}.checkbox input{width: 18px;height: 18px;margin-top: 2px;accent-color: var(--accent)}.form-actions{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center}.form-actions--tight{gap: var(--space-2);margin-top: var(--space-3)}.choice-list{display: flex;flex-wrap: wrap;gap: var(--space-2)}.choice{display: inline-flex;align-items: center;gap: var(--space-2);padding: 8px 14px;border: 1px solid var(--border);border-radius: var(--radius-pill);background: rgba(6,9,26,0.6);cursor: pointer;font-size: 0.88rem;margin: 0;transition: all var(--transition)}.choice:hover{border-color: var(--border-strong);color: var(--text)}.choice:has(input:checked){border-color: transparent;background: var(--grad-brand-soft);color: var(--accent-strong);box-shadow: inset 0 0 0 1px rgba(167,139,250,0.55)}.chip-list,.filters__row--chips{display: flex;flex-wrap: wrap;gap: var(--space-2)}.chip{padding: 6px 14px;border: 1px solid var(--border);border-radius: var(--radius-pill);background: rgba(6,9,26,0.55);color: var(--text-soft);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all var(--transition)}.chip:hover{border-color: rgba(255,209,102,0.55);color: var(--neon);background: var(--neon-soft)}.chip.is-active{background: var(--grad-brand);border-color: transparent;color: #fff;box-shadow: 0 10px 24px rgba(139,92,246,0.35);animation: chipPop 0.28s ease}.chip__count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.4em;margin-left: 6px;padding: 1px 7px;border-radius: var(--radius-pill);background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.1);font-size: 0.68rem;font-weight: 800;color: var(--text-muted)}.chip:hover .chip__count{background: rgba(255,209,102,0.18);border-color: rgba(255,209,102,0.35);color: var(--neon)}.chip.is-active .chip__count{background: rgba(255,255,255,0.22);border-color: transparent;color: #fff}.chip--empty{opacity: 0.62}.badge{display: inline-flex;align-items: center;padding: 3px 10px;border-radius: var(--radius-pill);background: rgba(6,9,26,0.85);border: 1px solid var(--border);font-size: 0.7rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-soft);backdrop-filter: blur(8px)}[data-theme='light'] .choice:not(:has(input:checked)){background: rgba(255,255,255,0.78);border-color: rgba(124,58,237,0.24);color: var(--text-soft)}[data-theme='light'] .choice:hover:not(:has(input:checked)){background: rgba(255,255,255,0.94);color: var(--text)}[data-theme='light'] .chip:not(.is-active){background: rgba(255,255,255,0.78);border-color: rgba(124,58,237,0.24);color: var(--text-soft)}[data-theme='light'] .chip:not(.is-active):hover{background: var(--neon-soft);border-color: rgba(180,83,9,0.45);color: var(--neon)}[data-theme='light'] .badge:not([class*='badge--']){background: rgba(255,255,255,0.9);border-color: rgba(124,58,237,0.28);color: var(--text-soft);backdrop-filter: none}.badge--published,.badge--kind{background: rgba(255,209,102,0.16);border-color: rgba(255,209,102,0.4);color: var(--neon)}.badge--draft{background: rgba(255,180,84,0.16);border-color: rgba(255,180,84,0.4);color: var(--warning)}.badge--private{background: rgba(160,146,205,0.16);border-color: rgba(160,146,205,0.4);color: var(--text-muted)}.badge--pro{background: linear-gradient(120deg,rgba(255,209,102,0.24),rgba(255,158,66,0.16));border-color: rgba(255,209,102,0.55);color: var(--gold);box-shadow: 0 6px 18px rgba(255,209,102,0.2)}.avatar{display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;background: linear-gradient(140deg,var(--accent),var(--secondary));color: #fff;font-weight: 800;object-fit: cover;box-shadow: 0 8px 20px rgba(139,92,246,0.3)}.avatar--sm{width: 32px;height: 32px;font-size: 0.9rem;box-shadow: none}.avatar--lg{width: 108px;height: 108px;font-size: 2.4rem}.spinner{display: inline-block;width: 16px;height: 16px;border: 2px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: spin 700ms linear infinite}.spinner--lg{width: 32px;height: 32px;border-width: 3px}.skeleton-card,.skeleton-book,.skeleton-plan,.skeleton-line{background: linear-gradient( 100deg,rgba(12,16,40,0.9) 30%,rgba(255,209,102,0.16) 50%,rgba(12,16,40,0.9) 70% );background-size: 220% 100%;animation: shimmer 1.4s infinite;border: 1px solid var(--border);border-radius: var(--radius-md);min-height: 240px}.skeleton-card--wide{min-height: 180px}.skeleton-plan{min-height: 320px}.skeleton-line{min-height: 60px}.skeleton-book{min-height: 420px}.toast-host{position: fixed;right: var(--space-4);bottom: var(--space-4);display: flex;flex-direction: column;gap: var(--space-2);z-index: 100;max-width: min(360px,calc(100vw - 32px))}.toast{display: flex;gap: var(--space-3);align-items: flex-start;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);background: rgba(12,16,42,0.94);backdrop-filter: blur(16px);border: 1px solid var(--border-strong);box-shadow: var(--shadow-lg);cursor: pointer;animation: toastIn 260ms cubic-bezier(0.22,0.61,0.36,1)}.toast--out{opacity: 0;transform: translateX(16px);transition: all 220ms ease}.toast__icon{width: 9px;height: 9px;margin-top: 8px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 12px currentColor;flex-shrink: 0}.toast--success{border-color: rgba(70,224,160,0.6)}.toast--success .toast__icon{background: var(--success)}.toast--error{border-color: rgba(255,107,138,0.6)}.toast--error .toast__icon{background: var(--danger)}.toast__text{margin: 0;font-size: 0.9rem}.modal{position: fixed;inset: 0;display: grid;place-items: center;padding: var(--space-4);z-index: 90}.modal__backdrop{position: absolute;inset: 0;background: rgba(3,5,16,0.72);backdrop-filter: blur(6px)}.modal__panel{position: relative;width: min(560px,100%);max-height: 88vh;overflow-y: auto;background: linear-gradient(160deg,rgba(22,29,67,0.96),rgba(9,13,31,0.97));border: 1px solid var(--border-strong);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);padding: var(--space-5);animation: modalIn 240ms cubic-bezier(0.22,0.61,0.36,1)}.modal__panel--sm{width: min(420px,100%)}.modal[data-size='lg'] .modal__panel{width: min(760px,100%)}.modal__head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-bottom: var(--space-4)}.modal__title{margin: 0;font-size: 1.15rem}.modal__actions{display: flex;flex-wrap: wrap;gap: var(--space-2);justify-content: flex-end;margin-top: var(--space-5)}.cover-fallback{display: grid;place-items: center;width: 100%;aspect-ratio: 2 / 3;background: radial-gradient(90% 70% at 50% 0%,rgba(255,255,255,0.6),transparent 65%),linear-gradient(160deg,var(--cover-bg),color-mix(in srgb,var(--cover-fg) 32%,var(--cover-bg)));color: var(--cover-fg);font-family: var(--font-display);font-size: 2.2rem;font-weight: 800;letter-spacing: 0.04em}.cover-fallback--large{aspect-ratio: 3 / 4}.avatar--initials{background: linear-gradient(140deg,var(--accent),var(--secondary))}.empty-state{text-align: center;padding: var(--space-8) var(--space-4);border: 1px dashed var(--border-strong);border-radius: var(--radius-lg);grid-column: 1 / -1;background: rgba(9,13,31,0.5)}.empty-state__icon{color: var(--neon);margin-bottom: var(--space-3)}.empty-state__title{margin-bottom: var(--space-2)}.empty-state__message{color: var(--text-muted);margin-bottom: var(--space-4)}.tabs{display: flex;flex-wrap: wrap;gap: var(--space-2);border-bottom: 1px solid var(--border);margin-bottom: var(--space-5)}.tab{padding: var(--space-3) var(--space-4);border: 0;border-bottom: 2px solid transparent;background: none;color: var(--text-muted);font-weight: 700;cursor: pointer;transition: color var(--transition),border-color var(--transition),background var(--transition)}.tab:hover{color: var(--text);background: rgba(167,139,250,0.08)}.tab.is-active{color: var(--neon);border-color: var(--neon)}.pagination{display: flex;align-items: center;justify-content: center;gap: var(--space-4);margin-top: var(--space-6)}.pagination__info{color: var(--text-muted);font-size: 0.9rem}.strength{display: flex;align-items: center;gap: var(--space-3);margin-top: var(--space-2)}.strength__bar{flex: 1;height: 7px;border-radius: var(--radius-pill);background: rgba(6,9,26,0.9);overflow: hidden;border: 1px solid var(--border)}.strength__bar i{display: block;height: 100%;width: 0;background: var(--danger);transition: width var(--transition),background var(--transition)}.strength[data-level='2'] .strength__bar i{background: var(--warning)}.strength[data-level='3'] .strength__bar i,.strength[data-level='4'] .strength__bar i{background: linear-gradient(90deg,var(--success),var(--neon))}.strength__label{margin: 0;font-size: 0.82rem;color: var(--text-muted);min-width: 92px}.search-field{position: relative;display: flex;align-items: center}.search-field__icon{position: absolute;left: 14px;color: var(--text-muted);display: inline-flex;pointer-events: none}.search-field input{padding-left: 42px;border-radius: var(--radius-pill);background: rgba(6,9,26,0.7)}.search-field--grow{flex: 1;min-width: 220px}
.book-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: var(--space-4)}.book-grid > *{animation: revealUp 0.45s ease both;animation-delay: min(calc(var(--i,0) * 45ms),360ms)}.book-card{position: relative;display: flex;background: linear-gradient(165deg,rgba(22,29,67,0.72),rgba(9,13,31,0.85));border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.book-card::before{content: '';position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(140deg,rgba(255,209,102,0.7),rgba(138,92,255,0.6),transparent 60%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity var(--transition);pointer-events: none}.book-card:hover{transform: translateY(-8px);box-shadow: 0 26px 50px rgba(3,6,26,0.6),0 0 0 1px rgba(255,209,102,0.18);border-color: transparent}.book-card:hover::before{opacity: 1}[data-theme='light'] .book-card{background: linear-gradient(155deg,#ffffff,#f7f3ff);border-color: rgba(124,58,237,0.24)}.book-card__link{display: flex;flex-direction: column;width: 100%;color: inherit}.book-card__media{position: relative;aspect-ratio: 2 / 3;overflow: hidden;background: radial-gradient(90% 70% at 50% 0%,rgba(139,92,246,0.35),transparent 70%),var(--bg-soft)}.book-card__media::after{content: '';position: absolute;inset: auto 0 0;height: 45%;background: linear-gradient(180deg,transparent,rgba(5,6,15,0.75));pointer-events: none}.book-card__cover{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}.book-card:hover .book-card__cover{transform: scale(1.07)}.book-card__media .badge{position: absolute;top: var(--space-2);left: var(--space-2)}.book-card__media .badge--pro{left: auto;right: var(--space-2)}.book-card__media .badge--author-pro{left: var(--space-2);top: auto;bottom: var(--space-2);background: color-mix(in srgb,var(--accent) 85%,#000);color: #fff;font-size: 0.62rem;letter-spacing: 0.04em}.book-card__body{padding: var(--space-3) var(--space-4) var(--space-4);flex: 1;display: flex;flex-direction: column}.book-card__kind{margin: 0;font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.12em;color: var(--neon);font-weight: 800}.book-card__title{margin: var(--space-1) 0 2px;font-size: 1.02rem;line-height: 1.32;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: color var(--transition)}.book-card:hover .book-card__title{color: var(--neon)}.book-card__author{margin: 0;font-size: 0.85rem;color: var(--text-muted)}.book-card__meta-row{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-top: auto;padding-top: var(--space-3)}.book-card__meta{display: inline-flex;align-items: center;gap: 4px;font-size: 0.78rem;color: var(--text-muted)}.book-card__meta--muted{opacity: 0.7}.book-card__favorite{position: absolute;top: var(--space-2);right: var(--space-2);display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: 1px solid rgba(255,255,255,0.14);border-radius: 50%;background: rgba(5,6,15,0.6);backdrop-filter: blur(10px);color: #fff;cursor: pointer;transition: background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition);z-index: 2}.book-card__favorite:hover{background: linear-gradient(140deg,#ff5f8f,#e11d48);transform: scale(1.1);box-shadow: 0 10px 24px rgba(225,29,72,0.45)}.book-card__favorite.is-active{color: #ff7d9a;border-color: rgba(255,125,154,0.6);background: rgba(225,29,72,0.3)}.book-card__progress{margin-top: var(--space-3);height: 5px;border-radius: var(--radius-pill);background: rgba(6,9,26,0.9);overflow: hidden;border: 1px solid var(--border)}.book-card__progress span{display: block;height: 100%;background: var(--grad-brand);box-shadow: 0 0 12px rgba(255,209,102,0.6)}.featured-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(340px,1fr));gap: var(--space-4)}.featured-card{position: relative;display: flex;gap: var(--space-4);padding: var(--space-4);background: linear-gradient(150deg,rgba(22,29,67,0.75),rgba(9,13,31,0.9));border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.featured-card::before{content: '';position: absolute;inset: 0 auto 0 0;width: 4px;background: var(--grad-brand);opacity: 0.7}.featured-card:hover{transform: translateY(-6px);border-color: var(--border-strong);box-shadow: var(--shadow-md),0 0 34px rgba(139,92,246,0.22)}[data-theme='light'] .featured-card{background: linear-gradient(155deg,#ffffff,#f7f3ff);border-color: rgba(124,58,237,0.24)}.featured-card--rank-1{border-color: rgba(255,209,102,0.5);box-shadow: 0 18px 44px rgba(255,209,102,0.14)}.featured-card--rank-1::before{background: linear-gradient(180deg,#ffd166,#ff9a3c);opacity: 1;box-shadow: 0 0 18px rgba(255,209,102,0.7)}.featured-card--rank-2::before{background: linear-gradient(180deg,#d6c9ff,#a78bfa)}.featured-card--rank-3::before{background: linear-gradient(180deg,#ff9d6b,#ff6b8a)}.featured-card__rank{position: absolute;top: calc(var(--space-4) + 6px);left: calc(var(--space-4) + 6px);display: grid;place-items: center;width: 30px;height: 30px;border-radius: var(--radius-pill);background: rgba(5,6,15,0.7);border: 1px solid rgba(255,255,255,0.2);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);font-size: 0.92rem;font-weight: 800;line-height: 1;color: #fff;z-index: 2}.featured-card--rank-1 .featured-card__rank{color: #ffd166;border-color: rgba(255,209,102,0.65);box-shadow: 0 0 14px rgba(255,209,102,0.35)}.featured-card--rank-2 .featured-card__rank{color: #d6c9ff;border-color: rgba(214,201,255,0.55)}.featured-card--rank-3 .featured-card__rank{color: #ff9d6b;border-color: rgba(255,157,107,0.55)}.featured-card__media{flex-shrink: 0;width: 76px;height: 114px;border-radius: var(--radius-sm);overflow: hidden;background: radial-gradient(90% 70% at 50% 0%,rgba(139,92,246,0.4),transparent 70%),var(--bg-soft);border: 1px solid var(--border);box-shadow: 0 12px 26px rgba(3,6,22,0.5)}.featured-card__media img{width: 100%;height: 100%;object-fit: cover}.featured-card__body{min-width: 0}.featured-card__score{margin: 0;font-size: 0.72rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.06em}.featured-card__title{margin: 2px 0;font-size: 1rem;line-height: 1.3}.featured-card__title a{color: var(--text)}.featured-card__author{margin: 0 0 var(--space-2);font-size: 0.84rem;color: var(--text-muted)}.featured-card__meta{display: flex;gap: var(--space-3);font-size: 0.78rem;color: var(--text-muted)}.featured-card__meta svg{vertical-align: -3px;margin-right: 2px}.cta{display: flex;flex-wrap: wrap;gap: var(--space-5);align-items: center;justify-content: space-between;padding: var(--space-6);border-radius: var(--radius-lg);background: linear-gradient(120deg,var(--accent-soft),transparent 65%),var(--surface);border: 1px solid var(--border)}.cta__title{margin-bottom: var(--space-2)}.cta__message{margin: 0;color: var(--text-soft)}.cta__actions{display: flex;flex-wrap: wrap;gap: var(--space-3)}.catalog-controls{display: flex;flex-wrap: wrap;gap: var(--space-4);align-items: center;margin-bottom: var(--space-5)}.catalog-controls .search-field{flex: 1;min-width: 240px}.catalog-controls__filters{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center}.filters{display: grid;gap: var(--space-3);margin-bottom: var(--space-5)}.filters__row{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center}.filters select{width: auto;min-width: 160px}.filters select:last-of-type{min-width: 200px}.breadcrumb{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-4);font-size: 0.85rem;color: var(--text-muted)}.book-detail__grid{display: grid;grid-template-columns: 260px minmax(0,1fr);gap: var(--space-6);margin-bottom: var(--space-7)}.book-detail__cover{width: 100%;aspect-ratio: 2 / 3;object-fit: cover;border-radius: var(--radius-md);border: 1px solid var(--border);box-shadow: var(--shadow-md)}.book-detail__badges{display: flex;gap: var(--space-2);margin-bottom: var(--space-3)}.book-detail__title{margin-bottom: var(--space-1)}.book-detail__subtitle{margin: 0 0 var(--space-2);font-size: 1.1rem;color: var(--text-soft)}.book-detail__author{margin: 0;color: var(--text-soft)}.book-detail__published{margin: 0 0 var(--space-4);font-size: 0.85rem;color: var(--text-muted)}.book-actions{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-bottom: var(--space-4)}.book-actions .button.is-active{border-color: var(--accent);color: var(--accent)}.meta-list{display: flex;flex-wrap: wrap;gap: var(--space-4);margin-bottom: var(--space-4)}.meta-item{display: inline-flex;align-items: center;gap: 6px;font-size: 0.88rem;color: var(--text-muted)}.meta-item svg{color: var(--accent)}.tag-list{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-3)}.tag-list--muted .tag{color: var(--text-muted)}.tag{padding: 2px 10px;border-radius: var(--radius-pill);background: var(--accent-soft);color: var(--accent);font-size: 0.78rem}.tag a{color: inherit;text-decoration: none;transition: color var(--transition)}.tag a:hover{color: var(--text);text-decoration: underline}.progress-block{margin-bottom: var(--space-4)}.progress-block__head{display: flex;justify-content: space-between;font-size: 0.85rem;color: var(--text-muted);margin-bottom: var(--space-1)}.progress{height: 6px;border-radius: var(--radius-pill);background: var(--bg-soft);overflow: hidden}.progress span{display: block;height: 100%;background: var(--accent)}.book-detail__section{margin-bottom: var(--space-7)}.chapter-list{display: grid;gap: var(--space-2)}.chapter-item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md)}.chapter-item:hover{border-color: var(--accent-soft)}.chapter-item.is-active{border-color: var(--accent);background: var(--accent-soft)}.chapter-item__order{display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: var(--bg-soft);font-weight: 700;font-size: 0.85rem;color: var(--text-muted);flex-shrink: 0}.chapter-item__body{flex: 1;min-width: 0}.chapter-item__title{margin: 0;font-weight: 600}.chapter-item__meta{margin: 0;font-size: 0.8rem;color: var(--text-muted)}.chapter-item__actions{display: flex;gap: var(--space-1)}.chapter-item--empty{justify-content: center;color: var(--text-muted);border-style: dashed}.rating{margin-bottom: var(--space-5)}.rating__label{margin: 0 0 var(--space-1);font-weight: 600;font-size: 0.9rem}.rating__stars{display: flex;gap: 2px}.rating__star{border: 0;background: none;padding: 2px;color: var(--text-muted);cursor: pointer;transition: color var(--transition),transform var(--transition)}.rating__star:hover{transform: scale(1.12);color: var(--gold)}.rating__star.is-filled{color: var(--gold)}.rating__value{margin: var(--space-1) 0 0;font-size: 0.84rem;color: var(--text-muted)}.rating__hint{margin: var(--space-2) 0 var(--space-3);font-size: 0.78rem}.rating__submit[disabled]{opacity: 0.55;cursor: not-allowed}.comment-box{margin-top: var(--space-4)}.comment-box__input{display: block;width: 100%;margin-top: var(--space-1);padding: var(--space-2) var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--bg);color: var(--text);font: inherit;font-size: 0.9rem;resize: vertical;min-height: 72px}.comment-box__input:focus{border-color: var(--neon);outline: none}.comments-list{display: grid;gap: var(--space-3);margin-top: var(--space-4)}.comment-item{padding: var(--space-3);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--bg-soft)}.comment-item__head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2) var(--space-3)}.comment-item__user{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--text);font-weight: 600;font-size: 0.88rem;text-decoration: none}.comment-item__user:hover{text-decoration: underline}.comment-item__stars{color: var(--gold);letter-spacing: 2px;font-size: 0.92rem}.comment-item__date{margin-left: auto;color: var(--text-muted);font-size: 0.76rem}.comment-item__delete{border: 0;background: none;padding: 0;color: var(--danger,#ff5b7a);font-size: 0.76rem;cursor: pointer}.comment-item__delete:hover{text-decoration: underline}.comment-item__content{margin: var(--space-2) 0 0;font-size: 0.9rem;line-height: 1.5;white-space: pre-wrap}.author-card{padding: var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--bg-soft)}.author-line{display: inline-flex;align-items: center;gap: var(--space-2);font-weight: 600;color: var(--text);margin-bottom: var(--space-2)}.editor__head{display: flex;flex-wrap: wrap;gap: var(--space-4);justify-content: space-between;align-items: flex-end;margin-bottom: var(--space-5)}.editor__layout{display: grid;grid-template-columns: minmax(0,1fr) 320px;gap: var(--space-5);align-items: start}.cover-editor{display: grid;place-items: center;aspect-ratio: 2 / 3;border: 1px dashed var(--border);border-radius: var(--radius-md);overflow: hidden;background: var(--bg-soft)}.cover-editor img{width: 100%;height: 100%;object-fit: cover}.stats-list{display: grid;gap: var(--space-2);margin: 0}.stats-list > div{display: flex;justify-content: space-between;gap: var(--space-3);font-size: 0.88rem;padding-bottom: var(--space-2);border-bottom: 1px solid var(--border)}.stats-list dt{color: var(--text-muted)}.stats-list dd{margin: 0;font-weight: 600}.stats-list__empty{color: var(--text-muted);font-size: 0.88rem}body.is-reading .site-header,body.is-reading .site-footer{display: none}body.is-reading #page-root.container.page{max-width: none;margin: 0;padding: 0;width: 100%}.reader{--reader-bg: #0f1220;--reader-fg: #e8eaf2;--reader-font-size: 1.16rem;min-height: 100dvh;background: var(--reader-bg);color: var(--reader-fg);transition: background 200ms ease,color 200ms ease}.reader__loading{display: grid;place-items: center;min-height: 70dvh;color: var(--reader-fg)}.reader__bar{position: sticky;top: 0;z-index: 40;background: color-mix(in srgb,var(--reader-bg) 86%,transparent);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-bottom: 1px solid color-mix(in srgb,var(--reader-fg) 12%,transparent);transition: transform 240ms ease,opacity 240ms ease}.reader__bar.is-hidden{transform: translateY(-100%);opacity: 0;pointer-events: none}.reader__bar-inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);max-width: 60rem;margin: 0 auto;padding: 10px var(--space-4)}.reader__bar-center{display: flex;align-items: center;gap: var(--space-2)}.reader__bar-btn{display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;border: 1px solid color-mix(in srgb,var(--reader-fg) 18%,transparent);border-radius: 999px;background: color-mix(in srgb,var(--reader-fg) 6%,transparent);color: var(--reader-fg);font: inherit;font-size: 0.84rem;font-weight: 600;cursor: pointer;text-decoration: none;white-space: nowrap;transition: background 160ms ease,border-color 160ms ease}.reader__bar-btn:hover{background: color-mix(in srgb,var(--reader-fg) 13%,transparent);color: var(--reader-fg)}.reader__bar-back svg{transform: rotate(180deg)}.reader__bar-btn--icon{padding: 7px 10px;font-size: 1rem}.reader__bar-btn.is-active{color: #fb7185;border-color: rgba(251,113,133,0.5)}.reader__bar-count{padding: 1px 7px;border-radius: 999px;background: color-mix(in srgb,var(--reader-fg) 14%,transparent);font-size: 0.72rem;font-weight: 700}.reader__font{display: inline-flex;gap: 3px;padding: 2px;border: 1px solid color-mix(in srgb,var(--reader-fg) 18%,transparent);border-radius: 999px;background: color-mix(in srgb,var(--reader-fg) 6%,transparent)}.reader__font .icon-button{min-width: 32px;height: 28px;padding: 0 6px;border: 0;background: transparent;color: var(--reader-fg);font-size: 0.78rem;font-weight: 800}.reader__font .icon-button:hover{background: color-mix(in srgb,var(--reader-fg) 13%,transparent)}.reader__font-reset{opacity: 0.65}.reader__bar-progress{font-size: 0.8rem;font-weight: 600;color: color-mix(in srgb,var(--reader-fg) 62%,transparent);white-space: nowrap;min-width: 108px;text-align: right}.reader__bar-track{height: 3px;background: color-mix(in srgb,var(--reader-fg) 10%,transparent)}.reader__bar-track span{display: block;height: 100%;width: 0;background: linear-gradient(90deg,#8b5cf6,#a78bfa);transition: width 120ms linear}.reader__panel{position: absolute;top: calc(100% + 10px);z-index: 45;width: min(420px,calc(100vw - 24px));max-height: min(70dvh,560px);overflow-y: auto;padding: var(--space-4);border: 1px solid color-mix(in srgb,var(--reader-fg) 16%,transparent);border-radius: var(--radius-md);background: color-mix(in srgb,var(--reader-bg) 94%,var(--reader-fg));box-shadow: 0 24px 60px rgba(0,0,0,0.4);color: var(--reader-fg)}.reader__panel--episodes{left: max(12px,calc((100% - 60rem) / 2))}.reader__panel--themes{right: max(12px,calc((100% - 60rem) / 2));width: min(360px,calc(100vw - 24px))}.reader__panel-head{display: flex;align-items: center;gap: var(--space-3);padding-bottom: var(--space-3);border-bottom: 1px solid color-mix(in srgb,var(--reader-fg) 12%,transparent);margin-bottom: var(--space-3)}.reader__panel-head--plain{justify-content: space-between;border-bottom: 0;margin-bottom: var(--space-2);padding-bottom: 0}.reader__panel-cover{width: 40px;height: 60px;border-radius: var(--radius-sm);object-fit: cover;flex-shrink: 0;overflow: hidden}.reader__panel-cover--demo{display: block}.reader__panel-cover--empty{display: grid;place-items: center;background: color-mix(in srgb,var(--reader-fg) 10%,transparent);color: color-mix(in srgb,var(--reader-fg) 70%,transparent);font-size: 0.9rem;font-weight: 800}.reader__panel-head-text{min-width: 0;flex: 1}.reader__panel-title{margin: 0;font-weight: 700;font-size: 0.92rem;line-height: 1.3}.reader__panel-sub{margin: 2px 0 0;font-size: 0.78rem;color: color-mix(in srgb,var(--reader-fg) 58%,transparent)}.reader__panel-close{margin-left: auto;flex-shrink: 0;border-color: transparent;background: transparent;color: color-mix(in srgb,var(--reader-fg) 65%,transparent)}.reader__panel-close:hover{background: color-mix(in srgb,var(--reader-fg) 10%,transparent);color: var(--reader-fg)}.reader__ep-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 2px}.reader__ep-item{display: flex;align-items: center;gap: var(--space-2);width: 100%;padding: 8px 10px;border: 0;border-radius: var(--radius-sm);background: transparent;color: color-mix(in srgb,var(--reader-fg) 76%,transparent);font: inherit;font-size: 0.86rem;text-align: left;cursor: pointer}.reader__ep-item:hover{background: color-mix(in srgb,var(--reader-fg) 8%,transparent);color: var(--reader-fg)}.reader__ep-item.is-active{background: color-mix(in srgb,#8b5cf6 22%,transparent);color: var(--reader-fg);font-weight: 700}.reader__ep-num{min-width: 20px;font-size: 0.75rem;color: color-mix(in srgb,var(--reader-fg) 50%,transparent)}.reader__ep-title{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.reader__ep-state{min-width: 16px;display: inline-flex;justify-content: center;align-items: center}.reader__ep-state--read{color: #34d399}.reader__ep-state--progress{width: 18px;height: 4px;border-radius: 999px;background: color-mix(in srgb,var(--reader-fg) 16%,transparent);overflow: hidden}.reader__ep-state--progress span{display: block;height: 100%;background: #a78bfa}.reader__themes{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px}.reader__theme{display: flex;align-items: center;gap: 8px;padding: 8px 10px;border: 1px solid color-mix(in srgb,var(--reader-fg) 16%,transparent);border-radius: var(--radius-sm);background: transparent;color: var(--reader-fg);font: inherit;font-size: 0.84rem;cursor: pointer}.reader__theme:hover{background: color-mix(in srgb,var(--reader-fg) 8%,transparent)}.reader__theme.is-active{border-color: #8b5cf6;background: color-mix(in srgb,#8b5cf6 16%,transparent);font-weight: 700}.reader__theme-swatch{width: 22px;height: 22px;flex-shrink: 0;border-radius: 50%;border: 1px solid color-mix(in srgb,var(--reader-fg) 30%,transparent)}.reader__custom-theme{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3);margin-top: var(--space-3);padding-top: var(--space-3);border-top: 1px solid color-mix(in srgb,var(--reader-fg) 12%,transparent)}.reader__custom-field{display: inline-flex;align-items: center;gap: 6px;font-size: 0.8rem;color: color-mix(in srgb,var(--reader-fg) 68%,transparent)}.reader__custom-field input{inline-size: 38px;block-size: 26px;padding: 0;border: 1px solid color-mix(in srgb,var(--reader-fg) 24%,transparent);border-radius: 6px;background: transparent;cursor: pointer}.reader__custom-hint{flex-basis: 100%;margin: 0;font-size: 0.76rem;color: #fbbf24}.reader__sheet{max-width: 46rem;margin: 0 auto;padding: var(--space-6) var(--space-4) 140px}.reader__chapter-head{padding-bottom: var(--space-5);margin-bottom: var(--space-5);border-bottom: 1px solid color-mix(in srgb,var(--reader-fg) 12%,transparent)}.reader__chapter-label{margin: 0;font-size: 0.76rem;text-transform: uppercase;letter-spacing: 0.08em;color: #a78bfa;font-weight: 700}.reader__chapter-title{margin: var(--space-2) 0;color: var(--reader-fg)}.reader__chapter-meta{display: flex;flex-wrap: wrap;gap: var(--space-4);font-size: 0.85rem;color: color-mix(in srgb,var(--reader-fg) 55%,transparent)}.reader__chapter-meta .author-line{margin: 0;font-size: 0.85rem;color: inherit}.reader .prose--reader{font-size: var(--reader-font-size);line-height: calc(1.55 + var(--reader-font-size) * 0.25);color: var(--reader-fg)}.reader__footer{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);flex-wrap: wrap;margin-top: var(--space-7);padding-top: var(--space-5);border-top: 1px solid color-mix(in srgb,var(--reader-fg) 12%,transparent)}.reader__footer .button--ghost{color: var(--reader-fg);border-color: color-mix(in srgb,var(--reader-fg) 24%,transparent)}.reader__footer .button--ghost:hover:not(:disabled){background: color-mix(in srgb,var(--reader-fg) 10%,transparent);color: var(--reader-fg)}.reader__footer-position{font-size: 0.85rem;color: color-mix(in srgb,var(--reader-fg) 55%,transparent)}.reader__fab{position: fixed;right: var(--space-5);bottom: var(--space-5);width: 44px;height: 44px;display: grid;place-items: center;border: 1px solid color-mix(in srgb,var(--reader-fg) 20%,transparent);border-radius: 50%;background: color-mix(in srgb,var(--reader-bg) 80%,var(--reader-fg));color: var(--reader-fg);cursor: pointer;box-shadow: 0 14px 34px rgba(0,0,0,0.35);z-index: 35}.reader__fab svg{transform: rotate(-90deg)}.profile-head{display: grid;grid-template-columns: 160px minmax(0,1fr);gap: var(--space-6);align-items: center;padding: var(--space-6);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);margin-bottom: var(--space-5)}.profile-head__avatar{position: relative;width: 140px;height: 140px}.profile-head__avatar .avatar{width: 100%;height: 100%}.profile-head__gif{position: absolute;inset: 0;width: 100%;height: 100%;border-radius: 50%;object-fit: cover}.profile-head__gif--solo{background: color-mix(in srgb,var(--surface-2,#1f2430) 70%,transparent);border: 1px solid var(--border,rgba(255,255,255,0.08))}.profile-head__pro{position: absolute;right: 4px;bottom: 4px;display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: var(--gold);color: #2b211c;border: 2px solid var(--surface)}.profile-head__name{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 2px}.profile-head__username{margin: 0;color: var(--accent);font-weight: 600}.profile-head__meta{margin: var(--space-1) 0 var(--space-3);font-size: 0.85rem;color: var(--text-muted)}.profile-head__bio{max-width: 60ch;color: var(--text-soft)}.profile-head__stats{display: flex;flex-wrap: wrap;gap: var(--space-5);margin-bottom: var(--space-4)}.profile-head__stats li{display: flex;flex-direction: column}.profile-head__stats strong{font-size: 1.3rem}.profile-head__stats span{font-size: 0.82rem;color: var(--text-muted)}.profile-head__actions{display: flex;flex-wrap: wrap;gap: var(--space-3)}.settings-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: var(--space-5);align-items: start}.activity-list{display: grid;gap: var(--space-2)}.activity-item{display: flex;gap: var(--space-3);padding: var(--space-3) var(--space-4);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md)}.activity-item__cover{width: 44px;height: 62px;border-radius: var(--radius-sm);overflow: hidden;background: var(--bg-soft);display: grid;place-items: center;flex-shrink: 0;color: var(--text-muted)}.activity-item__cover img{width: 100%;height: 100%;object-fit: cover}.activity-item__body{flex: 1;min-width: 0}.activity-item__title{font-weight: 600;color: var(--text)}.activity-item__meta{margin: 2px 0 var(--space-2);font-size: 0.82rem;color: var(--text-muted)}.plan-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--space-5);margin-bottom: var(--space-6)}.plan-card{position: relative;display: flex;flex-direction: column;padding: var(--space-6);background: linear-gradient(165deg,rgba(22,29,67,0.72),rgba(9,13,31,0.9));border: 1px solid var(--border);border-radius: var(--radius-xl);transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.plan-card:hover{transform: translateY(-6px);border-color: var(--border-strong);box-shadow: var(--shadow-md)}.plan-card--highlighted{border-color: transparent;background: radial-gradient(90% 60% at 50% 0%,rgba(138,92,255,0.3),transparent 70%),linear-gradient(165deg,rgba(30,26,86,0.9),rgba(9,13,31,0.95));box-shadow: var(--shadow-lg),0 0 0 1px rgba(138,92,255,0.55),0 24px 60px rgba(88,52,220,0.32)}.plan-card__flag{position: absolute;top: -13px;left: var(--space-6);padding: 4px 14px;border-radius: var(--radius-pill);background: var(--grad-pro);color: #fff;font-size: 0.72rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.1em;box-shadow: 0 12px 26px rgba(138,92,255,0.45)}.plan-card__name{margin-bottom: var(--space-2)}.plan-card__price{margin: 0 0 var(--space-5);font-family: var(--font-display);font-size: 2.4rem;font-weight: 800;letter-spacing: -0.04em;background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent}.plan-card__price span{display: block;font-size: 0.88rem;font-weight: 500;color: var(--text-muted)}.plan-card__features{display: grid;gap: var(--space-2);margin-bottom: var(--space-5);flex: 1}.plan-card__features li{display: flex;gap: var(--space-2);align-items: flex-start;font-size: 0.92rem;color: var(--text-soft)}.plan-card__features svg{color: var(--success);flex-shrink: 0;margin-top: 3px}.plan-note{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center;padding: var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);margin-bottom: var(--space-6);color: var(--text-soft)}.plan-note--pro{border-color: color-mix(in srgb,var(--gold) 45%,transparent)}.plan-note p{margin: 0;font-size: 0.88rem;color: var(--text-muted)}.faq{max-width: 760px;margin: var(--space-7) auto 0}.faq__list details{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-4);margin-bottom: var(--space-3)}.faq__list summary{cursor: pointer;font-weight: 600}.faq__list p{margin: var(--space-3) 0 0;color: var(--text-soft)}.feedback-form{max-width: 720px}.feedback-list{display: grid;gap: var(--space-3);margin-top: var(--space-4)}.feedback-item{padding: var(--space-4);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md)}.feedback-item__head{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center;margin-bottom: var(--space-2);font-size: 0.82rem;color: var(--text-muted)}.feedback-item__status{margin-left: auto;text-transform: uppercase;letter-spacing: 0.06em}.feedback-item__message{margin: 0;color: var(--text-soft)}.error-page{text-align: center}.error-page img{margin: 0 auto var(--space-4)}.error-page .form-actions{justify-content: center}.plan-moon{display: flex;justify-content: center;margin-bottom: var(--space-5)}.moon-badge{display: flex;align-items: center;gap: var(--space-4);padding: var(--space-4);background: var(--surface);border: 1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius: var(--radius-md);max-width: 420px}.moon-badge--compact{padding: var(--space-2) var(--space-3)}.moon-badge__orb{position: relative;flex-shrink: 0;filter: drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 50%,transparent));animation: badgeFloat 5s ease-in-out infinite}.moon-badge__orb::after{content: '';position: absolute;inset: -9px;border-radius: 50%;border: 1px dashed color-mix(in srgb,var(--gold) 55%,transparent);animation: orbitRing 14s linear infinite;pointer-events: none}.moon-badge[data-moon-level='7'] .moon-badge__orb{filter: drop-shadow(0 0 16px color-mix(in srgb,#a78bfa 65%,transparent))}.moon-badge[data-moon-level='7'] .moon-badge__orb::after{border-color: color-mix(in srgb,#a78bfa 70%,transparent);animation-duration: 6s}.moon-badge__orb img,.moon-badge__orb .badge-art{display: block;width: 64px;height: 64px;animation: haloPulse 4s ease-in-out infinite}.moon-badge__info{display: flex;flex-direction: column;gap: 2px;min-width: 0}.moon-badge__label{font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted)}.moon-badge__name{font-weight: 700;color: var(--text)}.moon-badge__progress{height: 6px;background: var(--bg-soft);border-radius: 999px;overflow: hidden;margin-top: 6px}.moon-badge__bar{height: 100%;background: var(--grad-pro);background-size: 200% 100%;border-radius: 999px;transition: width 0.6s ease;animation: barShimmer 2.8s linear infinite}.moon-badge__hint{font-size: 0.78rem;color: var(--text-muted);margin-top: 4px}.moon-showcase{margin-bottom: var(--space-6);padding: var(--space-5);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md)}.moon-showcase__head{text-align: center;margin-bottom: var(--space-4)}.moon-showcase__head p{margin: 0}.moon-showcase__track{list-style: none;display: grid;grid-template-columns: repeat(auto-fit,minmax(84px,1fr));gap: var(--space-3);padding: 0;margin: 0}.moon-showcase__step{display: flex;flex-direction: column;align-items: center;gap: 4px;text-align: center;padding: var(--space-2) 4px;border-radius: var(--radius-md);border: 1px solid transparent;opacity: 0;animation: stepFadeIn 0.55s ease both;animation-delay: calc(var(--i,0) * 90ms);transition: transform 0.3s ease,background 0.3s ease}.moon-showcase__step:hover{transform: translateY(-6px);background: color-mix(in srgb,var(--gold) 10%,transparent)}.moon-showcase__step img,.moon-showcase__step .badge-art{width: 44px;height: 44px;filter: drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 40%,transparent));animation: badgeFloat 4.5s ease-in-out infinite;animation-delay: calc(var(--i,0) * 450ms);transition: filter 0.3s ease}.moon-showcase__step:hover img,.moon-showcase__step:hover .badge-art{filter: drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 80%,transparent))}.moon-showcase__step--cosmic{background: color-mix(in srgb,#a78bfa 12%,transparent);border: 1px solid color-mix(in srgb,#a78bfa 40%,transparent)}.moon-showcase__step--cosmic img,.moon-showcase__step--cosmic .badge-art{width: 56px;height: 56px;filter: drop-shadow(0 0 14px color-mix(in srgb,#a78bfa 70%,transparent));animation-duration: 3.4s}.moon-showcase__step--cosmic:hover{background: color-mix(in srgb,#a78bfa 20%,transparent)}.moon-showcase__level{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted)}.moon-showcase__badge{display: grid;place-items: center;min-height: 56px}.moon-showcase__name{display: flex;align-items: center;justify-content: center;min-height: 2.7em;line-height: 1.35;font-size: 0.8rem;font-weight: 600;color: var(--text)}.moon-showcase__req{font-size: 0.72rem;color: var(--text-muted)}.moon-showcase__status{display: grid;place-items: center;min-height: 1.7em}.moon-showcase__owned{display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;border-radius: 999px;background: color-mix(in srgb,var(--gold) 22%,transparent);border: 1px solid color-mix(in srgb,var(--gold) 55%,transparent);color: var(--gold);font-size: 0.66rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.moon-showcase__locked{padding: 2px 8px;border-radius: 999px;background: var(--bg-soft);border: 1px dashed var(--border);color: var(--text-muted);font-size: 0.66rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.moon-showcase__step--owned{background: color-mix(in srgb,var(--gold) 8%,transparent);border-color: color-mix(in srgb,var(--gold) 35%,transparent)}.moon-showcase__step--owned .moon-showcase__badge .badge-art,.moon-showcase__step--owned .moon-showcase__badge img{filter: drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 70%,transparent))}.pix-modal{display: flex;flex-direction: column;align-items: center;gap: var(--space-3);text-align: center}.pix-modal__amount{font-size: 1.4rem;font-weight: 700;margin: 0}.pix-modal__amount span{display: block;font-size: 0.82rem;font-weight: 500;color: var(--text-muted)}.pix-modal__qr{width: 190px;height: 190px;border-radius: var(--radius-md);background: #fff;padding: 8px}.pix-modal__qr--text{background: var(--bg-soft);padding: var(--space-3);word-break: break-all;font-size: 0.72rem}.pix-modal__copy{display: flex;flex-direction: column;gap: 6px;width: 100%;text-align: left}.pix-modal__code{width: 100%;font-family: ui-monospace,monospace;font-size: 0.72rem;resize: none}.pix-modal__status{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;color: var(--text);margin: 0;animation: haloPulse 2s ease-in-out infinite}.pix-modal__hint{margin: 0;font-size: 0.8rem}.moon-evolution{position: fixed;inset: 0;z-index: 80;display: grid;place-items: center;overflow: hidden;background: color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter: blur(6px);opacity: 0;transition: opacity 0.5s ease}.moon-evolution--in{opacity: 1}.moon-evolution__panel{position: relative;text-align: center;padding: var(--space-5) var(--space-6);animation: popIn 0.6s ease}.moon-evolution__rings{position: absolute;top: var(--space-5);left: 50%;width: 140px;height: 140px;transform: translateX(-50%);pointer-events: none}.moon-evolution__rings i{position: absolute;inset: 0;border-radius: 50%;border: 2px solid color-mix(in srgb,var(--gold) 75%,transparent);animation: ringPulse 2.4s ease-out infinite}.moon-evolution__rings i:nth-child(2){animation-delay: 0.8s}.moon-evolution__rings i:nth-child(3){animation-delay: 1.6s}.moon-evolution__spark{position: absolute;top: 30%;width: 7px;height: 7px;border-radius: 50%;background: var(--gold);box-shadow: 0 0 10px color-mix(in srgb,var(--gold) 80%,transparent);opacity: 0;animation: sparkUp 2.6s ease-out infinite}.moon-evolution__orb{position: relative;width: 140px;height: 140px;filter: drop-shadow(0 0 24px color-mix(in srgb,var(--gold) 60%,transparent));animation: floatY 3s ease-in-out infinite}.moon-evolution--cosmic .moon-evolution__rings i{border-color: color-mix(in srgb,#a78bfa 80%,transparent);box-shadow: 0 0 18px color-mix(in srgb,#a78bfa 45%,transparent)}.moon-evolution--cosmic .moon-evolution__spark{background: #f0abfc;box-shadow: 0 0 12px color-mix(in srgb,#f0abfc 85%,transparent)}.moon-evolution--cosmic .moon-evolution__orb{filter: drop-shadow(0 0 30px color-mix(in srgb,#a78bfa 75%,transparent))}.moon-evolution--cosmic .moon-evolution__name{background: linear-gradient(90deg,#ffd166,#f0abfc,#a78bfa);-webkit-background-clip: text;background-clip: text;color: transparent}.moon-evolution__title{font-size: 1.3rem;font-weight: 700;margin: var(--space-4) 0 4px;animation: titleSwing 0.7s 0.3s ease both}.moon-evolution__name{font-size: 1.05rem;color: var(--gold);margin: 0;font-weight: 600;animation: titleSwing 0.7s 0.5s ease both}.moon-evolution__hint{margin: var(--space-2) 0 0;font-size: 0.85rem;color: var(--text-muted);animation: titleSwing 0.7s 0.75s ease both}.payments-history,.badge-history{max-width: 720px;margin: var(--space-6) auto 0}.payments-history__list,.badge-history__list{list-style: none;display: grid;gap: var(--space-2);padding: 0;margin: var(--space-3) 0 0}.payments-history__item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md)}.payments-history__item > div{flex: 1;display: flex;flex-direction: column}.payments-history__amount{font-weight: 700;color: var(--text)}.payments-history__status{font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.05em;padding: 4px 10px;border-radius: 999px;background: var(--bg-soft);color: var(--text-muted);white-space: nowrap}.payments-history__status--paid{background: color-mix(in srgb,var(--gold) 20%,transparent);color: var(--gold)}.payments-history__status--pending{background: color-mix(in srgb,var(--accent) 20%,transparent);color: var(--accent)}.payments-history__status--expired,.payments-history__status--cancelled,.payments-history__status--failed{background: color-mix(in srgb,var(--danger) 18%,transparent);color: var(--danger)}.badge-history__item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-2) var(--space-3);background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md)}.badge-history__item img,.badge-history__item .badge-art{width: 32px;height: 32px}.badge-history__item > div{display: flex;flex-direction: column}.badge-history__item > .moon-showcase__owned{margin-left: auto}.plan-note__tag{display: inline-block;margin-left: var(--space-2);font-size: 0.68rem;text-transform: uppercase;letter-spacing: 0.05em;padding: 2px 8px;border-radius: 999px;background: var(--bg-soft);color: var(--text-muted)}.plan-note__tag--warn{background: color-mix(in srgb,var(--danger) 18%,transparent);color: var(--danger)}.profile-head{position: relative}.profile-head__banner{position: absolute;inset: 0;border-radius: inherit;background-size: cover;background-position: center;z-index: 0}.profile-head__banner::after{content: '';position: absolute;inset: 0;border-radius: inherit;background: linear-gradient( 180deg,color-mix(in srgb,var(--surface) 35%,transparent) 0%,color-mix(in srgb,var(--surface) 72%,transparent) 100% )}.profile-head__media,.profile-head__info{position: relative;z-index: 1}.profile-head__moon{width: 32px;height: 32px;flex: 0 0 auto;margin-left: var(--space-2);filter: drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 60%,transparent))}.frame--moonlit{box-shadow: 0 0 0 2px #8b5cf6,0 0 12px color-mix(in srgb,#8b5cf6 50%,transparent)}.frame--stardust{box-shadow: 0 0 0 2px #f0abfc,0 0 12px color-mix(in srgb,#f0abfc 50%,transparent)}.frame--aurora{box-shadow: 0 0 0 2px #34d399,0 0 12px color-mix(in srgb,#34d399 50%,transparent)}.frame--eclipse{box-shadow: 0 0 0 2px #f59e0b,0 0 14px color-mix(in srgb,#f59e0b 55%,transparent)}.frame--celestial{box-shadow: 0 0 0 2px #fbbf24,0 0 16px color-mix(in srgb,#fbbf24 60%,transparent);animation: haloPulse 3s ease-in-out infinite}.frame-picker__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(96px,1fr));gap: var(--space-2);margin-bottom: var(--space-3)}.frame-picker__item{position: relative;display: flex;flex-direction: column;align-items: center;gap: 6px;padding: var(--space-3) var(--space-2);background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-md);cursor: pointer;color: var(--text);font-size: 0.78rem}.frame-picker__item.is-active{border-color: var(--gold);background: color-mix(in srgb,var(--gold) 12%,var(--bg-soft))}.frame-picker__item:disabled{opacity: 0.5;cursor: not-allowed}.frame-picker__swatch{width: 34px;height: 34px;border-radius: 50%;background: var(--surface);border: 1px solid var(--border)}.frame-picker__item.frame--moonlit .frame-picker__swatch{box-shadow: 0 0 0 2px #8b5cf6}.frame-picker__item.frame--stardust .frame-picker__swatch{box-shadow: 0 0 0 2px #f0abfc}.frame-picker__item.frame--aurora .frame-picker__swatch{box-shadow: 0 0 0 2px #34d399}.frame-picker__item.frame--eclipse .frame-picker__swatch{box-shadow: 0 0 0 2px #f59e0b}.frame-picker__item.frame--celestial .frame-picker__swatch{box-shadow: 0 0 0 2px #fbbf24,0 0 10px color-mix(in srgb,#fbbf24 60%,transparent)}.frame-picker__name{text-align: center}.frame-picker__lock{position: absolute;top: 6px;right: 6px;color: var(--text-muted)}.panel__divider{border: none;border-top: 1px solid var(--border);margin: var(--space-4) 0}.media-list{display: grid;gap: var(--space-3)}.media-item{display: grid;grid-template-columns: 84px 1fr;gap: var(--space-4);align-items: start;padding: var(--space-3);background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-md);transition: border-color var(--transition),transform var(--transition)}.media-item:hover{border-color: color-mix(in srgb,var(--neon) 35%,var(--border));transform: translateY(-1px)}.media-item--locked{opacity: 0.85}.media-item__preview{width: 84px;height: 84px;border-radius: var(--radius-md);overflow: hidden;background: var(--surface);border: 1px solid var(--border);display: grid;place-items: center;color: var(--text-muted);flex-shrink: 0}.media-item__preview--wide{height: 56px}.media-item__preview img{width: 100%;height: 100%;object-fit: cover;display: block}.media-item__preview .avatar{width: 100%;height: 100%;font-size: 1.5rem}.media-item__icon{display: grid;place-items: center;color: var(--text-muted)}.media-item__body{display: grid;gap: 6px;min-width: 0}.media-item__label{font-weight: 700;font-size: 0.92rem;color: var(--text)}.media-item__hint{font-size: 0.8rem;color: var(--text-muted)}.media-item__actions{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-top: 2px}.file-picker{position: relative;display: grid;justify-items: start;gap: 5px;min-width: 0;max-width: 100%}.file-input{position: absolute;top: 4px;left: 4px;width: 1px;height: 1px;padding: 0;border: 0;opacity: 0;pointer-events: none}.file-picker__button{display: inline-flex;align-items: center;gap: 6px;max-width: 100%;padding: 7px 12px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);color: var(--text);font-size: 0.78rem;font-weight: 700;white-space: nowrap;cursor: pointer;transition: border-color var(--transition),color var(--transition),box-shadow var(--transition)}.file-picker__button:hover{border-color: var(--neon);color: var(--neon);box-shadow: 0 0 10px color-mix(in srgb,var(--neon) 25%,transparent)}.file-input:focus-visible + .file-picker__button{outline: 2px solid var(--neon);outline-offset: 2px}.file-picker__name{max-width: 100%;overflow: hidden;font-size: 0.72rem;color: var(--text-muted);text-overflow: ellipsis;white-space: nowrap}.file-picker.is-busy .file-picker__button{opacity: 0.55;pointer-events: none}.profile-head.is-synced .profile-head__avatar .avatar,.profile-head.is-synced .profile-head__avatar .profile-head__gif,.profile-head.is-synced .profile-head__moon{animation: profilePop 0.7s cubic-bezier(0.2,0.8,0.3,1)}.profile-head.is-synced .profile-head__banner{animation: bannerFade 0.7s ease}@keyframes profilePop{0%{transform: scale(0.86);opacity: 0.35}60%{transform: scale(1.05)}100%{transform: none;opacity: 1}}@keyframes bannerFade{from{opacity: 0}to{opacity: 1}}@media (max-width: 560px){.media-item{grid-template-columns: 64px 1fr;gap: var(--space-3)}.media-item__preview{width: 64px;height: 64px}.media-item__preview--wide{height: 44px}}.redeem{max-width: 520px;margin: var(--space-6) auto 0;padding: var(--space-5);background: var(--surface);border: 1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius: var(--radius-md);text-align: center}.redeem .section__title{margin: 0 0 var(--space-2)}.redeem > .muted{margin: 0 0 var(--space-4)}.redeem__form{display: flex;gap: var(--space-2);justify-content: center;flex-wrap: wrap}.redeem__input{flex: 1;min-width: 200px;padding: var(--space-3) var(--space-4);background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-md);color: var(--text);font-size: 1rem;letter-spacing: 0.12em;text-transform: uppercase;text-align: center;font-weight: 600}.redeem__input:focus{outline: none;border-color: var(--gold);box-shadow: 0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent)}.redeem__message{min-height: 1.2em;margin: var(--space-3) 0 0;font-size: 0.9rem}.redeem__message--success{color: var(--gold);font-weight: 600}.redeem__message--error{color: var(--danger)}@media (max-width: 560px){.moon-evolution__panel{padding: var(--space-4)}.moon-evolution__orb,.moon-evolution__rings{width: 112px;height: 112px}.moon-evolution__rings{top: var(--space-4)}.moon-showcase__step--cosmic img,.moon-showcase__step--cosmic .badge-art{width: 48px;height: 48px}.redeem__form{flex-direction: column}}.avatar-frame{position: relative;display: inline-block;line-height: 0}.avatar-frame > svg.frame-svg,.avatar-frame > svg{position: absolute;top: -27%;left: -27%;width: 154%;height: 154%;pointer-events: none;overflow: visible}.avatar-frame--profile > svg{top: -27%;left: -27%;width: 154%;height: 154%}.profile-head__avatar .avatar-frame--profile{display: block;position: absolute;inset: 0}.profile-head__avatar .avatar-frame--profile > img.avatar,.profile-head__avatar .avatar-frame--profile > span.avatar{width: 100%;height: 100%}.store-page .section__head{display: flex;align-items: flex-end;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap;margin-bottom: var(--space-6)}.store-banner{display: grid;grid-template-columns: minmax(180px,260px) 1fr;gap: var(--space-6);align-items: center;padding: var(--space-6);margin-bottom: var(--space-6);border: 1px solid var(--border-strong);border-radius: var(--radius-lg);background: linear-gradient(135deg,var(--accent-soft),var(--surface))}.store-banner__art{width: 100%;max-width: 260px;margin-inline: auto;aspect-ratio: 1;display: grid;place-items: center}.store-banner__art svg{width: 100%;height: 100%}.store-banner__title{margin: var(--space-2) 0;font-size: clamp(1.4rem,3vw,2rem)}.store-banner__desc{color: var(--text-soft);max-width: 56ch}.store-banner__price{font-weight: 700;margin: var(--space-2) 0 var(--space-4)}.store-filters{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center;margin-bottom: var(--space-5)}.store-filters__field--search{flex: 1 1 220px}.store-filters__field .input{width: 100%}.store-filters__check{display: inline-flex;align-items: center;gap: 8px;color: var(--text-soft);font-size: 0.9rem;cursor: pointer}.frame-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: var(--space-4)}.frame-grid--collection{grid-template-columns: repeat(auto-fill,minmax(170px,1fr))}.inventory-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);flex-wrap: wrap;margin-bottom: var(--space-4)}.inventory-head .section__title{margin: 0}.frame-card{position: relative;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-3);display: flex;flex-direction: column;gap: var(--space-2);transition: transform 0.2s ease,border-color 0.2s ease}.frame-card:hover{transform: translateY(-3px);border-color: var(--border-strong)}.frame-card.is-equipped{border-color: var(--accent-strong);box-shadow: 0 0 0 1px var(--accent-strong)}.frame-card__preview{border: 0;background: radial-gradient(circle at 50% 40%,var(--surface-raised),var(--surface-solid));border-radius: var(--radius-sm);aspect-ratio: 1;display: grid;place-items: center;cursor: pointer;padding: 8%}.frame-preview{width: 100%;height: 100%;display: grid;place-items: center}.frame-preview svg{width: 100%;height: 100%}.frame-preview--error::after{content: 'Moldura indisponível';color: var(--text-muted);font-size: 0.85rem}.frame-card__fav{position: absolute;top: 14px;right: 14px;z-index: 2}.frame-card__fav.is-on{color: var(--danger)}.frame-card__status{position: absolute;top: 18px;left: 18px;z-index: 2;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;padding: 4px 10px;border-radius: var(--radius-pill);background: var(--surface-raised);border: 1px solid var(--border-strong);color: var(--text-soft)}.frame-card__status--on{color: var(--accent-contrast);background: var(--accent-strong);border-color: transparent}.frame-card__name{font-size: 1rem;display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.frame-card__meta{font-size: 0.82rem}.frame-card__actions{display: flex;gap: var(--space-2);flex-wrap: wrap;margin-top: auto}.frame-rarity{font-size: 0.7rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;padding: 3px 8px;border-radius: var(--radius-pill);border: 1px solid transparent}.frame-rarity--legendary{background: linear-gradient(120deg,#fbbf24,#f59e0b);color: #3b1d02}.frame-rarity--epic{background: linear-gradient(120deg,#c084fc,#8b5cf6);color: #fff}.frame-rarity--rare{background: linear-gradient(120deg,#60a5fa,#2563eb);color: #fff}.frame-rarity--common{background: var(--surface-raised);border-color: var(--border-strong);color: var(--text-soft)}.frame-detail{display: grid;grid-template-columns: minmax(180px,260px) 1fr;gap: var(--space-5);align-items: center}.frame-detail__preview{aspect-ratio: 1;border-radius: var(--radius-md);background: radial-gradient(circle at 50% 40%,var(--surface-raised),var(--surface-solid));padding: 8%}.frame-detail__desc{color: var(--text-soft);margin: var(--space-3) 0}.store-collection{margin-top: var(--space-8)}.skeleton-card--hero{height: 220px;margin-bottom: var(--space-6)}@media (max-width: 720px){.store-banner,.frame-detail{grid-template-columns: 1fr;text-align: center}.store-banner__art,.frame-detail__preview{max-width: 200px}.store-banner .form-actions,.frame-detail .form-actions{justify-content: center}}.button--store{background: var(--grad-cta);background-size: 180% 180%;color: #fff;box-shadow: 0 12px 30px rgba(124,58,237,0.38);animation: gradientShift 8s ease-in-out infinite;font-weight: 800}.button--store::after{content: '';position: absolute;inset: 0;background: linear-gradient(100deg,transparent 20%,rgba(255,255,255,0.35) 50%,transparent 80%);transform: translateX(-120%);transition: transform 620ms ease}.button--store:hover:not(:disabled){color: #fff;box-shadow: 0 16px 40px rgba(255,209,102,0.32),0 0 0 1px rgba(255,209,102,0.45)}.button--store:hover:not(:disabled)::after{transform: translateX(120%)}.store-price-tag{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: var(--radius-pill);background: rgba(255,209,102,0.2);border: 1px solid rgba(255,209,102,0.55);color: #ffd166;font-size: 0.78rem;font-weight: 800;letter-spacing: 0.01em;white-space: nowrap}.button--equip{border-color: rgba(139,92,246,0.35)}.button--equip:hover:not(:disabled){color: #fff;border-color: rgba(255,209,102,0.55);box-shadow: 0 14px 34px rgba(124,58,237,0.35),0 0 0 1px rgba(255,209,102,0.3)}.button--unequip:hover:not(:disabled){color: var(--danger);border-color: rgba(255,107,138,0.5);box-shadow: 0 10px 24px rgba(255,107,138,0.18)}.frame-card__actions{align-items: stretch}.frame-card__actions .button--store,.frame-card__actions .button--equip,.frame-card__actions .button--unequip{flex: 1 1 auto}.frame-card__details{flex: 0 0 auto;opacity: 0.85}.frame-card__details:hover:not(:disabled){opacity: 1;color: var(--accent-strong);border-color: rgba(139,92,246,0.45)}.frame-card__fav{width: 34px;height: 34px;padding: 0;border-radius: 50%;background: rgba(22,14,48,0.72);border: 1px solid var(--border-strong);backdrop-filter: blur(6px);color: var(--text-soft);display: inline-flex;align-items: center;justify-content: center;transition: color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.frame-card__fav:hover:not(:disabled){transform: scale(1.12);color: var(--danger);border-color: rgba(255,107,138,0.5);box-shadow: 0 8px 20px rgba(255,107,138,0.25)}.frame-card__fav.is-on{color: var(--danger);border-color: rgba(255,107,138,0.55);background: rgba(255,107,138,0.12)}.frame-card__fav.is-on svg{animation: favpop 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes favpop{0%{transform: scale(0.6)}55%{transform: scale(1.25)}100%{transform: scale(1)}}.frame-card:hover{border-color: rgba(139,92,246,0.4);box-shadow: var(--glow-blue)}.frame-card.is-equipped{box-shadow: 0 0 0 1px var(--accent-strong),0 12px 34px rgba(124,58,237,0.28)}.store-banner .button--store,.frame-detail .button--store{min-width: 200px}.button--store:focus-visible,.button--equip:focus-visible,.button--unequip:focus-visible,.frame-card__fav:focus-visible,.frame-card__details:focus-visible,.frame-card__preview:focus-visible{outline: 2px solid var(--accent-strong);outline-offset: 2px}@media (max-width: 560px){.frame-card__actions{flex-direction: column}.frame-card__details{order: 2}}.store-filters{gap: 10px;margin-bottom: var(--space-5)}.store-filters__search{min-width: 200px}.store-filters__search input{background: rgba(6,9,26,0.7);border: 1px solid var(--border);color: var(--text);padding-top: 11px;padding-bottom: 11px;transition: border-color var(--transition),box-shadow var(--transition),background var(--transition)}.store-filters__search input:hover{border-color: var(--border-strong)}.store-filters__search input:focus{outline: none;border-color: rgba(255,209,102,0.6);background: rgba(8,12,34,0.9);box-shadow: 0 0 0 3px rgba(255,209,102,0.18)}.store-filters__field{position: relative;display: inline-flex}.store-filters__icon{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: var(--text-muted);display: inline-flex;pointer-events: none;transition: color var(--transition)}.store-filters__field::after{content: '';position: absolute;right: 17px;top: 50%;width: 7px;height: 7px;border-right: 2px solid var(--text-muted);border-bottom: 2px solid var(--text-muted);transform: translateY(-65%) rotate(45deg);pointer-events: none;transition: border-color var(--transition),transform var(--transition)}.store-filters__select{appearance: none;-webkit-appearance: none;width: auto;min-width: 158px;padding: 11px 38px 11px 40px;border: 1px solid var(--border);border-radius: var(--radius-pill);background: rgba(6,9,26,0.7);color: var(--text-soft);font: inherit;font-weight: 600;font-size: 0.87rem;cursor: pointer;transition: border-color var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition)}.store-filters__select:hover{border-color: var(--border-strong);color: var(--text)}.store-filters__select:focus{outline: none;border-color: rgba(255,209,102,0.6);background: rgba(8,12,34,0.9);box-shadow: 0 0 0 3px rgba(255,209,102,0.18);color: var(--text)}.store-filters__select option{background: #12102e;color: var(--text)}.store-filters__field.is-active .store-filters__select{border-color: rgba(139,92,246,0.55);background: rgba(139,92,246,0.14);color: var(--text)}.store-filters__field.is-active .store-filters__icon{color: var(--accent-strong)}.store-filters__field.is-active::after{border-color: var(--accent-strong)}.store-filters__field.is-active .store-filters__select:focus{border-color: rgba(255,209,102,0.6);box-shadow: 0 0 0 3px rgba(255,209,102,0.18)}.store-fav-toggle{position: relative;display: inline-flex;align-items: center;gap: 8px;padding: 11px 18px;border: 1px solid var(--border);border-radius: var(--radius-pill);background: rgba(6,9,26,0.7);color: var(--text-soft);font-weight: 700;font-size: 0.87rem;cursor: pointer;user-select: none;transition: border-color var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition)}.store-fav-toggle input{position: absolute;inset: 0;opacity: 0;cursor: pointer}.store-fav-toggle:hover{border-color: rgba(255,107,138,0.45);color: var(--text)}.store-fav-toggle svg{transition: transform var(--transition)}.store-fav-toggle:hover svg{transform: scale(1.15)}.store-fav-toggle.is-on,.store-fav-toggle:has(input:checked){border-color: rgba(255,107,138,0.55);background: rgba(255,107,138,0.12);color: var(--danger);box-shadow: 0 8px 22px rgba(255,107,138,0.16)}.store-fav-toggle.is-on svg path,.store-fav-toggle:has(input:checked) svg path{fill: currentColor}.store-fav-toggle:has(input:focus-visible){outline: 3px solid var(--neon);outline-offset: 2px}[data-theme='light'] .store-filters__search input,[data-theme='light'] .store-filters__select,[data-theme='light'] .store-fav-toggle{background: rgba(255,255,255,0.86);border-color: rgba(124,58,237,0.24);color: var(--text)}[data-theme='light'] .store-filters__search input:focus,[data-theme='light'] .store-filters__select:focus{background: #ffffff;border-color: var(--neon);box-shadow: 0 0 0 3px rgba(180,83,9,0.18)}[data-theme='light'] .store-filters__select option{background: #ffffff;color: var(--text)}@media (max-width: 720px){.store-filters__search{flex: 1 1 100%}.store-filters__field,.store-filters__select{flex: 1 1 calc(50% - 6px);min-width: 0}.store-filters__select{width: 100%}}.pix-modal__key{display: flex;flex-direction: column;gap: 6px;align-items: flex-start;width: 100%;margin-bottom: var(--space-3)}.pix-modal__key-value{width: 100%;padding: 10px 12px;border: 1px dashed var(--border-strong);border-radius: var(--radius-sm);background: rgba(6,9,26,0.72);color: var(--text);font-size: 0.82rem;word-break: break-all;user-select: all}[data-theme='light'] .pix-modal__key-value{background: rgba(255,255,255,0.86);border-color: rgba(124,58,237,0.3)}.pix-modal__copy{display: flex;flex-direction: column;gap: 6px;width: 100%;margin-top: var(--space-2)}.frame-card__body{display: flex;flex-direction: column;flex: 1;gap: 6px;min-height: 0}.frame-card__name{margin: 0;line-height: 1.3}.frame-card__meta{margin: 0}.frame-card__tags{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;margin-top: auto;padding-top: 2px}.frame-card__actions{width: 100%}.frame-card__actions .button{min-height: 34px}@media (max-width: 560px){.frame-card__actions{flex-direction: column}.frame-card__details{order: 2}}
.eyebrow{display: inline-flex;align-items: center;gap: var(--space-2);margin: 0 0 var(--space-3);padding: 6px 14px;border-radius: var(--radius-pill);border: 1px solid var(--border);background: var(--surface-glass);backdrop-filter: blur(10px);color: var(--accent-strong);font-size: 0.76rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase}.eyebrow--pro{border-color: rgba(255,209,102,0.4);background: rgba(255,209,102,0.12);color: var(--gold)}.section__head--center{display: block;max-width: 720px;margin: 0 auto var(--space-6);text-align: center}.section__head--center .eyebrow{margin-inline: auto}.hero{position: relative;isolation: isolate;overflow: hidden;margin-top: calc(var(--header-height) * -1);margin-inline: calc(50% - var(--vw,100vw) / 2);padding: calc(var(--header-height) + clamp(36px,6vw,84px)) 0 clamp(72px,9vw,128px);background: radial-gradient(110% 80% at 8% -10%,rgba(139,92,246,0.28),transparent 62%),radial-gradient(90% 70% at 92% 0%,rgba(155,107,255,0.24),transparent 60%),radial-gradient(70% 50% at 50% 110%,rgba(255,209,102,0.14),transparent 70%),linear-gradient(180deg,#070a1c 0%,var(--bg) 100%)}.hero::after{content: '';position: absolute;inset: auto 0 -1px;height: 140px;background: linear-gradient(180deg,transparent,var(--bg) 82%);pointer-events: none;z-index: 1}.hero__bg{position: absolute;inset: 0;z-index: 0;pointer-events: none}.hero__blob{position: absolute;border-radius: 50%;filter: blur(70px);opacity: 0.55;animation: blobDrift 18s ease-in-out infinite alternate}.hero__blob--1{width: 420px;height: 420px;top: -80px;left: -60px;background: #7c3aed}.hero__blob--2{width: 380px;height: 380px;top: 10%;right: -80px;background: #8a3dff;animation-delay: -6s}.hero__blob--3{width: 300px;height: 300px;bottom: -100px;left: 38%;background: #ffd166;opacity: 0.32;animation-delay: -12s}.hero__mesh{position: absolute;inset: 0;background-image: linear-gradient(rgba(167,139,250,0.09) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,0.09) 1px,transparent 1px);background-size: 58px 58px;mask-image: radial-gradient(circle at 50% 35%,#000 0%,transparent 78%);-webkit-mask-image: radial-gradient(circle at 50% 35%,#000 0%,transparent 78%)}.hero__shooting{position: absolute;top: 18%;left: -20%;width: 220px;height: 2px;background: linear-gradient(90deg,transparent,rgba(255,209,102,0.85),transparent);transform: rotate(18deg);animation: shoot 7s linear infinite;opacity: 0}.hero__inner{position: relative;z-index: 2;display: grid;grid-template-columns: minmax(0,1.02fr) minmax(0,0.98fr);gap: clamp(24px,4vw,56px);align-items: center}.hero__content{max-width: 620px}.hero__eyebrow{display: inline-flex;align-items: center;gap: 10px;margin-bottom: var(--space-4);padding: 7px 16px 7px 12px;border-radius: var(--radius-pill);border: 1px solid rgba(167,139,250,0.26);background: rgba(12,16,40,0.55);backdrop-filter: blur(12px);color: var(--text-soft);font-size: 0.82rem;font-weight: 600;letter-spacing: 0.02em}.hero__pulse{width: 9px;height: 9px;border-radius: 50%;background: var(--neon);box-shadow: 0 0 0 0 rgba(255,209,102,0.65);animation: pulseDot 2.2s ease-out infinite}.hero__title{margin: 0 0 var(--space-4);font-size: clamp(2.5rem,1.35rem + 4.4vw,4.4rem);font-weight: 800;line-height: 1.02;letter-spacing: -0.035em}.hero__lead{max-width: 540px;margin-bottom: var(--space-5);color: var(--text-soft);font-size: clamp(1rem,0.95rem + 0.3vw,1.13rem);line-height: 1.7}.hero__actions{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-bottom: var(--space-6)}.hero__stats{display: flex;flex-wrap: wrap;gap: var(--space-5);padding-top: var(--space-5);border-top: 1px solid var(--border)}.hero__stat{display: grid;gap: 2px}.hero__stat strong{font-family: var(--font-display);font-size: 1.75rem;font-weight: 800;letter-spacing: -0.03em;background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent}.hero__stat span{color: var(--text-muted);font-size: 0.82rem;letter-spacing: 0.04em;text-transform: uppercase}.hero__art{position: relative;display: grid;place-items: center;min-height: clamp(360px,46vw,560px)}.hero__halo{position: absolute;width: min(88%,460px);aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle,rgba(255,209,102,0.3) 0%,rgba(138,92,255,0.24) 42%,transparent 70%);filter: blur(18px);animation: haloPulse 6s ease-in-out infinite}.hero__ring{position: absolute;border-radius: 50%;border: 1px dashed rgba(167,139,250,0.35);animation: spin 46s linear infinite}.hero__ring--1{width: min(94%,500px);aspect-ratio: 1}.hero__ring--2{width: min(74%,400px);aspect-ratio: 1;border-style: solid;border-color: rgba(255,209,102,0.18);animation-duration: 34s;animation-direction: reverse}.hero__character{position: relative;z-index: 2;width: min(100%,470px);height: auto;filter: drop-shadow(0 32px 60px rgba(2,6,26,0.75));animation: floatY 7s ease-in-out infinite}.hero__float{position: absolute;z-index: 3;display: grid;place-items: center;width: 52px;height: 52px;border-radius: 16px;border: 1px solid var(--border-strong);background: var(--surface-glass);backdrop-filter: blur(14px);color: var(--neon);box-shadow: var(--glow-violet);animation: floatY 5.5s ease-in-out infinite}.hero__float--1{top: 8%;left: 4%;color: var(--neon)}.hero__float--2{top: 34%;right: 2%;color: var(--secondary);animation-delay: -1.8s}.hero__float--3{bottom: 16%;left: 0%;color: var(--gold);animation-delay: -3.4s}.hero__chip{position: absolute;z-index: 4;display: flex;align-items: center;gap: 10px;padding: 10px 16px;border-radius: var(--radius-md);border: 1px solid var(--border-strong);background: rgba(10,14,36,0.72);backdrop-filter: blur(16px);box-shadow: var(--shadow-md);font-size: 0.84rem;color: var(--text-soft);white-space: nowrap;translate: var(--px,0) var(--py,0);transition: translate 380ms cubic-bezier(0.22,0.61,0.36,1);animation: floatY 6.5s ease-in-out infinite}.hero__chip strong{color: var(--text);font-weight: 800}.hero__chip--1{left: -2%;bottom: 22%}.hero__chip--2{right: -2%;top: 20%;animation-delay: -2.6s}.hero__chip-icon{display: grid;place-items: center;width: 32px;height: 32px;border-radius: 10px}.hero__chip-icon--cyan{background: var(--neon-soft);color: var(--neon)}.hero__chip-icon--violet{background: var(--secondary-soft);color: var(--secondary)}.hero__scroll{position: absolute;left: 50%;bottom: 22px;z-index: 3;transform: translateX(-50%);display: grid;justify-items: center;gap: 8px;color: var(--text-muted);font-size: 0.7rem;letter-spacing: 0.22em;text-transform: uppercase}.hero__scroll-mouse{width: 24px;height: 38px;border: 2px solid rgba(167,139,250,0.5);border-radius: var(--radius-pill);display: grid;justify-items: center;padding-top: 6px}.hero__scroll-mouse i{width: 4px;height: 8px;border-radius: var(--radius-pill);background: var(--neon);animation: scrollHint 1.8s ease-in-out infinite}.pillar-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--space-5)}.pillar-card{position: relative;overflow: hidden;padding: var(--space-6);border-radius: var(--radius-lg);border: 1px solid var(--border);background: linear-gradient(160deg,rgba(22,29,67,0.85),rgba(9,13,31,0.75));transition: transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.pillar-card::after{content: '';position: absolute;inset: 0 auto auto 0;width: 100%;height: 2px;background: var(--grad-brand);transform: scaleX(0);transform-origin: left;transition: transform var(--transition-slow)}.pillar-card:hover{transform: translateY(-6px);border-color: var(--border-strong);box-shadow: var(--shadow-md)}.pillar-card:hover::after{transform: scaleX(1)}.pillar-card__icon{display: grid;place-items: center;width: 54px;height: 54px;margin-bottom: var(--space-4);border-radius: 16px}.pillar-card__icon--cyan{background: var(--neon-soft);color: var(--neon);box-shadow: 0 10px 30px rgba(255,209,102,0.16)}.pillar-card__icon--violet{background: var(--secondary-soft);color: var(--secondary);box-shadow: 0 10px 30px rgba(155,107,255,0.18)}.pillar-card__icon--gold{background: rgba(255,209,102,0.14);color: var(--gold);box-shadow: 0 10px 30px rgba(255,209,102,0.14)}.pillar-card__title{margin-bottom: var(--space-2);font-size: 1.14rem}.pillar-card__text{margin: 0;color: var(--text-soft);font-size: 0.95rem}.author-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: var(--space-5)}.author-card{padding: 0;border-radius: var(--radius-lg);border: 1px solid var(--border);background: var(--surface);backdrop-filter: blur(12px);transition: transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.author-card:hover{transform: translateY(-5px);border-color: var(--border-strong);box-shadow: var(--glow-violet)}.author-card__link{display: flex;gap: var(--space-4);padding: var(--space-5);color: inherit}.author-card__link:hover{color: inherit}.author-card__body{min-width: 0}.author-card__name{display: flex;align-items: center;gap: var(--space-2);margin: 0;font-size: 1.05rem}.author-card__handle{margin: 2px 0 var(--space-2);color: var(--accent-strong);font-size: 0.85rem;font-weight: 600}.author-card__bio{margin: 0 0 var(--space-3);color: var(--text-soft);font-size: 0.9rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.author-card__stats{display: flex;gap: var(--space-4)}.author-card__stats li{display: grid}.author-card__stats strong{font-family: var(--font-display);font-size: 1.02rem}.author-card__stats span{color: var(--text-muted);font-size: 0.72rem;letter-spacing: 0.08em;text-transform: uppercase}.pro-teaser{position: relative;isolation: isolate;overflow: hidden;margin-bottom: var(--space-7);padding: clamp(32px,5vw,56px);border-radius: var(--radius-xl);border: 1px solid rgba(138,92,255,0.36);background: radial-gradient(90% 130% at 0% 0%,rgba(139,92,246,0.28),transparent 60%),radial-gradient(70% 120% at 100% 100%,rgba(38,215,255,0.2),transparent 62%),linear-gradient(135deg,#131a45 0%,#0a0e26 60%,#101740 100%);box-shadow: var(--shadow-lg)}.pro-teaser__glow{position: absolute;inset: -40% -10% auto auto;width: 380px;height: 380px;border-radius: 50%;background: rgba(138,92,255,0.4);filter: blur(90px);z-index: -1}.pro-teaser__inner{display: grid;grid-template-columns: minmax(0,1.4fr) minmax(0,0.8fr);gap: clamp(24px,4vw,56px);align-items: center}.pro-teaser__title{margin-bottom: var(--space-3);font-size: clamp(1.6rem,1.2rem + 1.6vw,2.4rem)}.pro-teaser__message{max-width: 620px;color: var(--text-soft)}.pro-teaser__list{display: grid;gap: var(--space-2);margin-top: var(--space-4)}.pro-teaser__list li{display: flex;align-items: center;gap: 10px;color: var(--text);font-weight: 600;font-size: 0.95rem}.pro-teaser__list svg{color: var(--neon);flex: none}.pro-teaser__actions{display: grid;gap: var(--space-3);justify-items: center;padding: var(--space-5);border-radius: var(--radius-lg);border: 1px solid rgba(255,255,255,0.1);background: rgba(5,8,24,0.55);backdrop-filter: blur(14px);text-align: center}.pro-teaser__price{display: flex;align-items: baseline;gap: 6px;margin: 0;color: var(--text-muted);font-size: 0.85rem}.pro-teaser__price strong{font-family: var(--font-display);font-size: 2.6rem;font-weight: 800;letter-spacing: -0.04em;background: var(--grad-text);-webkit-background-clip: text;background-clip: text;color: transparent}.pro-teaser__note{margin: 0;color: var(--text-muted);font-size: 0.78rem}.cta{position: relative;isolation: isolate;overflow: hidden;display: flex;flex-wrap: wrap;gap: var(--space-5);align-items: center;justify-content: space-between;padding: clamp(28px,4vw,46px);border-radius: var(--radius-xl);border: 1px solid var(--border-strong);background: radial-gradient(80% 160% at 8% 0%,rgba(139,92,246,0.3),transparent 62%),radial-gradient(70% 140% at 100% 100%,rgba(255,209,102,0.18),transparent 60%),linear-gradient(140deg,#101743,#080c22);box-shadow: var(--shadow-lg)}.cta__glow{position: absolute;inset: auto -60px -140px auto;width: 340px;height: 340px;border-radius: 50%;background: rgba(255,209,102,0.24);filter: blur(90px);z-index: -1}.cta__text{max-width: 560px}.cta__title{margin-bottom: var(--space-2)}.cta__message{margin: 0;color: var(--text-soft)}.cta__actions{display: flex;flex-wrap: wrap;gap: var(--space-3)}.hero__character--logo{width: min(340px,60vw);height: auto;filter: drop-shadow(0 24px 48px rgba(124,58,237,0.4))}@media (max-width: 900px){.hero__character--logo{width: min(240px,52vw)}}
@keyframes floatY{0%,100%{transform: translateY(0)}50%{transform: translateY(-16px)}}@keyframes blobDrift{0%{transform: translate3d(0,0,0) scale(1)}100%{transform: translate3d(50px,40px,0) scale(1.14)}}@keyframes haloPulse{0%,100%{transform: scale(1);opacity: 0.85}50%{transform: scale(1.08);opacity: 1}}@keyframes pulseDot{0%{box-shadow: 0 0 0 0 rgba(255,209,102,0.6)}70%{box-shadow: 0 0 0 12px rgba(255,209,102,0)}100%{box-shadow: 0 0 0 0 rgba(255,209,102,0)}}@keyframes spin{to{transform: rotate(360deg)}}@keyframes shoot{0%{opacity: 0;transform: translate3d(0,0,0) rotate(18deg)}12%{opacity: 1}55%{opacity: 0;transform: translate3d(360px,120px,0) rotate(18deg)}100%{opacity: 0;transform: translate3d(360px,120px,0) rotate(18deg)}}@keyframes scrollHint{0%{transform: translateY(0);opacity: 1}70%{transform: translateY(12px);opacity: 0}100%{transform: translateY(0);opacity: 0}}@keyframes shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}@keyframes toastIn{from{opacity: 0;transform: translateY(14px) scale(0.97)}to{opacity: 1;transform: none}}@keyframes modalIn{from{opacity: 0;transform: translateY(18px) scale(0.98)}to{opacity: 1;transform: none}}@keyframes popIn{0%{opacity: 0;transform: scale(0.9)}60%{transform: scale(1.03)}100%{opacity: 1;transform: scale(1)}}@keyframes chipPop{0%{transform: scale(0.9)}60%{transform: scale(1.05)}100%{transform: scale(1)}}@keyframes revealUp{from{opacity: 0;transform: translateY(16px)}to{opacity: 1;transform: translateY(0)}}@keyframes gradientShift{0%,100%{background-position: 0% 50%}50%{background-position: 100% 50%}}@keyframes heartbeat{0%,100%{transform: scale(1)}30%{transform: scale(1.22)}60%{transform: scale(0.94)}}@keyframes badgeFloat{0%,100%{transform: translateY(0) rotate(0deg)}50%{transform: translateY(-7px) rotate(3deg)}}@keyframes stepFadeIn{from{opacity: 0}to{opacity: 1}}@keyframes barShimmer{0%{background-position: -160% 0}100%{background-position: 260% 0}}@keyframes orbitRing{to{transform: rotate(360deg)}}@keyframes ringPulse{0%{transform: scale(0.72);opacity: 0.85}70%{transform: scale(1.24);opacity: 0}100%{transform: scale(1.24);opacity: 0}}@keyframes sparkUp{0%{transform: translateY(14px) scale(0.5);opacity: 0}30%{opacity: 1}100%{transform: translateY(-70px) scale(1);opacity: 0}}@keyframes titleSwing{0%{opacity: 0;transform: translateY(16px) scale(0.9)}60%{transform: translateY(0) scale(1.03)}100%{opacity: 1;transform: none}}[data-reveal]{opacity: 0;transform: translateY(28px);transition: opacity 700ms cubic-bezier(0.22,0.61,0.36,1),transform 700ms cubic-bezier(0.22,0.61,0.36,1);transition-delay: var(--delay,0ms)}[data-reveal].is-visible{opacity: 1;transform: none}.gradient-text{background-size: 220% 100%;animation: gradientShift 9s ease-in-out infinite}.book-card__favorite.is-active svg{animation: heartbeat 480ms ease-in-out}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity: 1;transform: none}.hero__character,.hero__float,.hero__chip,.hero__blob,.hero__ring,.hero__shooting,.hero__pulse,.hero__scroll-mouse i,.moon-badge__orb,.moon-badge__orb img,.moon-badge__orb .badge-art,.moon-badge__bar,.moon-showcase__step,.moon-showcase__step img,.moon-showcase__step .badge-art,.moon-evolution__orb,.badge-art,.badge-art *,.moon-evolution__rings i,.moon-evolution__spark,.moon-evolution__title,.moon-evolution__name,.moon-evolution__hint{animation: none !important}.moon-showcase__step{opacity: 1}}
.header__menu{display: none}@media (max-width: 1120px){.hero__chip--1{left: 0}.hero__chip--2{right: 0}.pro-teaser__inner{grid-template-columns: 1fr}}@media (max-width: 1080px){.editor__layout{grid-template-columns: 1fr}.hero__inner{grid-template-columns: 1fr;text-align: center}.hero__content{max-width: 680px;margin: 0 auto}.hero__lead{margin-inline: auto}.hero__actions,.hero__stats{justify-content: center}.hero__art{order: -1;min-height: clamp(300px,58vw,420px)}.hero__character{width: min(78%,340px)}.hero__scroll{display: none}}@media (max-width: 960px){.header__menu{display: inline-flex}.site-header__inner{flex-wrap: wrap;padding-block: var(--space-3);row-gap: var(--space-2)}.nav{order: 4;width: 100%;margin-left: 0;display: none}.nav.is-open{display: block;padding-top: var(--space-2);animation: modalIn 240ms cubic-bezier(0.22,0.61,0.36,1)}.nav.is-open .nav__list{flex-direction: column;align-items: stretch;gap: 2px;padding: var(--space-2);border-radius: var(--radius-md);border: 1px solid var(--border-strong);background: rgba(9,12,32,0.96);backdrop-filter: blur(18px);box-shadow: var(--shadow-lg)}.nav.is-open .nav__link{padding: 12px 16px;font-size: 1rem}.header__search.is-open .header__search-input{width: clamp(150px,40vw,240px)}.footer__inner{grid-template-columns: 1fr 1fr}}@media (max-width: 860px){.book-detail__grid{grid-template-columns: 1fr}.book-detail__cover{max-width: 220px;margin-inline: auto}.profile-head{grid-template-columns: 1fr;text-align: center}.profile-head__name{justify-content: center}.profile-head__avatar{margin: 0 auto}.profile-head__stats,.profile-head__actions{justify-content: center}.reader__footer{flex-wrap: wrap}.cta{flex-direction: column;align-items: flex-start;text-align: left}}@media (max-width: 640px){.container{padding: 0 var(--space-4)}.section{margin-bottom: var(--space-6)}.section__head{align-items: flex-start}.book-grid{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: var(--space-3)}.featured-grid{grid-template-columns: 1fr}.author-grid,.pillar-grid{grid-template-columns: 1fr}.filters__row{flex-direction: column;align-items: stretch}.filters select{width: 100%}.filters__row--chips{flex-direction: row;flex-wrap: nowrap;align-items: center;overflow-x: auto;overscroll-behavior-x: contain;padding-bottom: var(--space-2);mask-image: linear-gradient(90deg,#000 88%,transparent 100%);-webkit-mask-image: linear-gradient(90deg,#000 88%,transparent 100%);scrollbar-width: none}.filters__row--chips::-webkit-scrollbar{display: none}.filters__row--chips .chip{flex: 0 0 auto;white-space: nowrap}.cta,.panel,.reader__sheet{padding: var(--space-4)}.pro-teaser{padding: var(--space-5)}.form-actions .button{flex: 1}.notifications{right: var(--space-3);left: var(--space-3);width: auto}.reader__fab{right: var(--space-3);bottom: var(--space-3)}.reader__bar-inner{padding: 8px var(--space-3)}.reader__bar-btn span:not(.reader__bar-count){display: none}.reader__bar-progress{min-width: 0;font-size: 0.72rem}.reader__panel--episodes,.reader__panel--themes{left: 12px;right: 12px;width: auto}.reader__themes{grid-template-columns: 1fr}.footer__inner{grid-template-columns: 1fr;gap: var(--space-5)}.empty-state{padding: var(--space-6) var(--space-3)}.hero{padding-bottom: clamp(56px,12vw,88px)}.hero__title{font-size: clamp(2.1rem,1.4rem + 7vw,3rem)}.hero__chip{font-size: 0.76rem;padding: 8px 12px}.hero__chip--1{bottom: 8%;left: 0}.hero__chip--2{top: 6%;right: 0}.hero__float{width: 42px;height: 42px;border-radius: 13px}.hero__actions .button{flex: 1 1 100%;justify-content: center}.hero__stats{gap: var(--space-4)}.hero__stat strong{font-size: 1.4rem}.cta__actions,.hero__actions{width: 100%}.cta__actions .button{flex: 1 1 100%;justify-content: center}}@media (max-width: 480px){.brand span{font-size: 0.98rem}.header__actions .button--ghost{display: none}.hero__float--3{display: none}}@media print{.site-header,.site-footer,.reader__bar,.reader__footer,.reader__fab,.toast-host{display: none !important}.reader__sheet{padding: 0}.reader{background: #fff;color: #000}body{background: #fff;color: #000}}
.lib-tabs{display: flex;gap: 8px;margin-bottom: var(--space-4);flex-wrap: wrap}.lib-tab{border: 1px solid var(--border);background: var(--surface);color: var(--text-muted);border-radius: 999px;padding: 8px 18px;font-size: 0.92rem;font-weight: 700;cursor: pointer;transition: color var(--transition),border-color var(--transition),background var(--transition)}.lib-tab:hover{color: var(--text);border-color: var(--accent)}.lib-tab.is-active{background: var(--accent);border-color: var(--accent);color: #fff}.filters--hidden{display: none}.ideas-filters{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: var(--space-5)}.ideas-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-4)}.idea-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-md,14px);padding: var(--space-4);display: flex;flex-direction: column;gap: 10px}.idea-card__genre{align-self: flex-start;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--accent);background: color-mix(in srgb,var(--accent) 12%,transparent);border-radius: 999px;padding: 3px 10px}.idea-card__title{margin: 0;font-size: 1.05rem;line-height: 1.3}.idea-card__sinopse{margin: 0;color: var(--text-muted);font-size: 0.9rem;line-height: 1.5;flex: 1}.idea-card__actions{display: flex;gap: 8px;flex-wrap: wrap}.ideas-cta{text-align: center;display: grid;gap: var(--space-3);justify-items: center}.sidebar{position: fixed;top: var(--header-height);left: 0;bottom: 0;width: 264px;z-index: 60;padding: var(--space-5) var(--space-4) var(--space-6) var(--space-5);background: linear-gradient(180deg,rgba(12,16,40,0.94),rgba(6,8,20,0.96));border-right: 1px solid var(--border);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);transform: translateX(-102%);transition: transform var(--transition-slow)}[data-theme='light'] .sidebar{background: linear-gradient(180deg,rgba(255,255,255,0.96),rgba(248,244,255,0.98))}body.has-sidebar .sidebar{transform: none}.sidebar__scroll{height: 100%;overflow-y: auto;padding-right: var(--space-2)}.sidebar__group + .sidebar__group{margin-top: var(--space-5)}.sidebar__group-label{margin: 0 0 var(--space-2);padding-left: 12px;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.16em;text-transform: uppercase;color: var(--text-muted)}.sidebar__list{display: grid;gap: 4px}.sidebar__link{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-radius: var(--radius-sm);color: var(--text-soft);font-weight: 600;font-size: 0.93rem;border: 1px solid transparent;transition: background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.sidebar__link:hover{background: rgba(167,139,250,0.12);color: var(--text);transform: translateX(3px)}.sidebar__link.is-active{background: var(--grad-brand-soft);border-color: var(--border-strong);color: #fff;box-shadow: inset 3px 0 0 var(--neon)}[data-theme='light'] .sidebar__link.is-active{color: var(--text)}.sidebar__icon{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 10px;background: rgba(167,139,250,0.12);color: var(--accent-strong)}.sidebar__link.is-active .sidebar__icon{background: var(--grad-brand);color: #fff}.sidebar__card{margin-top: var(--space-6);padding: var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--border-strong);background: radial-gradient(90% 100% at 0% 0%,rgba(139,92,246,0.3),transparent 70%),linear-gradient(160deg,#131a44,#0a0e26);box-shadow: var(--shadow-sm)}[data-theme='light'] .sidebar__card{background: radial-gradient(90% 100% at 0% 0%,rgba(139,92,246,0.18),transparent 70%),linear-gradient(160deg,#ffffff,#eef2ff)}.sidebar__card-title{margin: 0 0 var(--space-2);font-weight: 800;font-family: var(--font-display);font-size: 0.98rem}.sidebar__card-text{margin: 0 0 var(--space-3);color: var(--text-soft);font-size: 0.86rem;line-height: 1.5}.sidebar__toggle{position: fixed;left: var(--space-4);bottom: var(--space-4);z-index: 62;display: none;align-items: center;justify-content: center;width: 52px;height: 52px;border: 1px solid var(--border-strong);border-radius: 50%;background: var(--grad-cta);color: #fff;box-shadow: var(--glow-violet);cursor: pointer}.sidebar__backdrop{position: fixed;inset: 0;z-index: 58;background: rgba(3,5,16,0.66);backdrop-filter: blur(4px)}@media (min-width: 1121px){body.has-sidebar{padding-left: 264px}body.has-sidebar .brand{flex: none;white-space: nowrap}body.has-sidebar .nav__link{padding: 8px 10px;font-size: 0.86rem;white-space: nowrap}body.has-sidebar .site-header__inner{gap: var(--space-3)}body.has-sidebar .header__user-name{max-width: 84px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}}@media (max-width: 1120px){body.has-sidebar .sidebar{transform: translateX(-102%)}body.has-sidebar .sidebar.is-open{transform: none}.sidebar__toggle{display: inline-flex}body.sidebar-open{overflow: hidden}body.sidebar-open .mascot-dock{display: none}}#page-root.container.page{padding-inline: var(--space-5)}@media (max-width: 640px){#page-root.container.page{padding-inline: var(--space-4)}}.lib{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-6);padding-top: var(--space-5)}.lib-head{display: flex;flex-wrap: wrap;gap: var(--space-5);align-items: flex-end;justify-content: space-between}.lib-head__title{margin: var(--space-2) 0 var(--space-2);font-size: clamp(2rem,1.3rem + 2.4vw,3rem)}.lib-head__subtitle{margin: 0;color: var(--text-muted);max-width: 54ch}.lib-search{position: relative;display: flex;align-items: center;gap: var(--space-2);min-width: min(420px,100%);padding: 8px 8px 8px 16px;border: 1px solid var(--border-strong);border-radius: var(--radius-pill);background: var(--surface-glass);backdrop-filter: blur(14px);transition: box-shadow var(--transition),border-color var(--transition)}.lib-search:focus-within{border-color: var(--neon);box-shadow: 0 0 0 4px rgba(255,209,102,0.16)}.lib-search__icon{display: inline-flex;color: var(--text-muted)}.lib-search input{flex: 1;min-width: 0;border: 0;background: transparent;outline: none;font-size: 0.95rem}.lib-search input::placeholder{color: var(--text-muted)}.lib-notice{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-4);padding: var(--space-4) var(--space-5);border: 1px solid var(--border-strong);border-radius: var(--radius-md);background: linear-gradient(120deg,rgba(139,92,246,0.14),rgba(255,209,102,0.08))}.lib-notice__icon{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 14px;background: rgba(255,209,102,0.16);color: var(--neon)}.lib-notice__body{flex: 1;min-width: 240px}.lib-notice__title{margin: 0;font-weight: 800;font-family: var(--font-display)}.lib-notice__text{margin: 2px 0 0;color: var(--text-soft);font-size: 0.92rem}.banner{position: relative;border-radius: var(--radius-xl);overflow: hidden;border: 1px solid var(--border-strong);background: var(--surface);box-shadow: var(--shadow-md)}.banner__stage{position: relative;min-height: clamp(360px,46vw,460px)}.banner__slide{position: absolute;inset: 0;opacity: 0;visibility: hidden;transform: scale(1.04);transition: opacity 700ms ease,transform 1400ms ease,visibility 700ms}.banner__slide.is-active{opacity: 1;visibility: visible;transform: scale(1);position: relative}.banner__bg{position: absolute;inset: 0;background: radial-gradient(70% 100% at 10% 0%,rgba(139,92,246,0.4),transparent 60%),radial-gradient(60% 100% at 90% 100%,rgba(138,92,255,0.36),transparent 62%),linear-gradient(140deg,#0b1030,#060818)}.banner__slide::after{content: '';position: absolute;inset: auto 0 0;height: 55%;background: linear-gradient(180deg,transparent,rgba(4,6,16,0.88));pointer-events: none}.banner__inner{position: relative;z-index: 1;display: grid;grid-template-columns: clamp(150px,20vw,230px) minmax(0,1fr);gap: clamp(20px,4vw,46px);align-items: center;padding: clamp(28px,5vw,56px);min-height: clamp(360px,46vw,460px)}.banner__cover{filter: drop-shadow(0 30px 50px rgba(0,0,0,0.55))}.banner__cover > *{border-radius: var(--radius-md);overflow: hidden}.banner__badges{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-3)}.banner__title{margin: 0 0 var(--space-2);font-size: clamp(1.9rem,1.2rem + 3vw,3.4rem);color: #fff;text-shadow: 0 14px 40px rgba(0,0,0,0.5)}.banner__author{margin: 0 0 var(--space-3);color: #d6c9ff;font-weight: 600}.banner__synopsis{margin: 0 0 var(--space-5);max-width: 62ch;color: rgba(238,241,255,0.82);line-height: 1.6}.banner__actions{display: flex;flex-wrap: wrap;gap: var(--space-3)}.banner__nav{position: absolute;top: 50%;z-index: 3;display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.28);background: rgba(6,8,20,0.55);color: #fff;cursor: pointer;transform: translateY(-50%);transition: background var(--transition),transform var(--transition)}.banner__nav:hover{background: var(--grad-cta);transform: translateY(-50%) scale(1.06)}.banner__nav--prev{left: 14px}.banner__nav--prev svg{transform: rotate(180deg)}.banner__nav--next{right: 14px}.banner__dots{position: absolute;left: 50%;bottom: 16px;z-index: 3;display: flex;gap: 8px;transform: translateX(-50%)}.banner__dot{width: 9px;height: 9px;padding: 0;border: 0;border-radius: 50%;background: rgba(255,255,255,0.35);cursor: pointer;transition: width var(--transition),background var(--transition)}.banner__dot.is-active{width: 30px;border-radius: var(--radius-pill);background: var(--grad-brand)}.lib-section{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-4)}.lib-section__head{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: flex-end;justify-content: space-between}.lib-section__title{margin: 0;font-size: clamp(1.25rem,1rem + 1vw,1.7rem)}.lib-section__subtitle{margin: var(--space-1) 0 0;color: var(--text-muted);font-size: 0.92rem}.marquee{position: relative;max-width: 100%;min-width: 0}.marquee__viewport{overflow-x: auto;max-width: 100%;scroll-snap-type: x mandatory;scrollbar-width: none;padding-bottom: var(--space-2)}.marquee__viewport::-webkit-scrollbar{display: none}.marquee__track{display: flex;gap: var(--space-4);width: max-content}.marquee__item{width: clamp(180px,22vw,232px);scroll-snap-align: start}.marquee__nav{position: absolute;top: 42%;z-index: 2;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--border-strong);background: var(--surface-solid);color: var(--text);cursor: pointer;box-shadow: var(--shadow-sm);transition: transform var(--transition),background var(--transition)}.marquee__nav:hover{background: var(--grad-cta);color: #fff;transform: scale(1.08)}.marquee__nav--prev{left: -14px}.marquee__nav--prev svg{transform: rotate(180deg)}.marquee__nav--next{right: -14px}.continue-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-4)}.continue-card{display: grid;grid-template-columns: 92px minmax(0,1fr);gap: var(--space-4);padding: var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);transition: transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.continue-card:hover{transform: translateY(-4px);border-color: var(--border-strong);box-shadow: var(--shadow-md)}.continue-card__media{display: block;border-radius: var(--radius-sm);overflow: hidden;aspect-ratio: 2 / 3;background: var(--bg-soft)}.continue-card__media > *{width: 100%;height: 100%;object-fit: cover}.continue-card__title{margin: 0 0 2px;font-size: 1rem}.continue-card__title a{color: var(--text)}.continue-card__title a:hover{color: var(--neon)}.continue-card__author,.continue-card__chapter{margin: 0;color: var(--text-muted);font-size: 0.84rem}.continue-card__chapter{margin-top: var(--space-2)}.continue-card__foot{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-top: var(--space-3)}.continue-card__foot strong{font-family: var(--font-display);color: var(--neon)}.genre-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: var(--space-3)}.genre-card{position: relative;display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-4) var(--space-4);border-radius: var(--radius-md);border: 1px solid var(--border);color: var(--text);font-weight: 700;font-family: var(--font-display);overflow: hidden;transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.genre-card::before{content: '';position: absolute;inset: 0;opacity: 0.9;z-index: -1}.genre-card--0::before{background: linear-gradient(135deg,rgba(139,92,246,0.35),rgba(255,209,102,0.12))}.genre-card--1::before{background: linear-gradient(135deg,rgba(155,107,255,0.35),rgba(139,92,246,0.12))}.genre-card--2::before{background: linear-gradient(135deg,rgba(255,209,102,0.28),rgba(18,150,122,0.16))}.genre-card--3::before{background: linear-gradient(135deg,rgba(255,107,138,0.3),rgba(255,180,84,0.14))}.genre-card--4::before{background: linear-gradient(135deg,rgba(255,209,102,0.28),rgba(139,92,246,0.16))}.genre-card:hover{transform: translateY(-4px);border-color: var(--border-strong);box-shadow: var(--shadow-md);color: var(--text)}.genre-card__arrow{display: inline-flex;opacity: 0.75;transition: transform var(--transition)}.genre-card:hover .genre-card__arrow{transform: translateX(5px)}.genre-card__text{display: grid;gap: 3px;min-width: 0}.genre-card__count{font-size: 0.74rem;font-weight: 600;color: var(--text-muted);letter-spacing: 0.01em}.genre-card__count--empty{color: var(--warning)}.genre-card--empty{opacity: 0.72}.genre-card--empty:hover{opacity: 1}.genre-grid .genre-card{animation: revealUp 0.5s ease both;animation-delay: calc(var(--gi,0) * 55ms)}.author-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: var(--space-4)}.author-grid--page{grid-template-columns: repeat(auto-fill,minmax(260px,1fr))}.author-card{display: grid;gap: var(--space-3);align-content: start;padding: var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);transition: transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.author-card:hover{transform: translateY(-4px);border-color: var(--border-strong);box-shadow: var(--shadow-md)}.author-card--featured{background: radial-gradient(90% 120% at 0% 0%,rgba(139,92,246,0.22),transparent 65%),var(--surface)}.author-card__head{display: flex;align-items: center;gap: var(--space-3);color: var(--text)}.author-card__head:hover{color: var(--text)}.author-card__avatar{width: 52px;height: 52px;border-radius: 50%;object-fit: cover;border: 2px solid var(--border-strong)}.author-card__avatar--initials{display: inline-flex;align-items: center;justify-content: center;background: var(--grad-brand);color: #fff;font-weight: 800;font-family: var(--font-display);font-size: 1.2rem}.author-card__name{margin: 0;font-size: 1.02rem}.author-card__handle{margin: 0;color: var(--text-muted);font-size: 0.85rem}.author-card__bio{margin: 0;color: var(--text-soft);font-size: 0.9rem;line-height: 1.55}.author-card__stats{display: flex;gap: var(--space-3);padding-top: var(--space-3);border-top: 1px solid var(--border)}.author-card__stats li{display: grid;gap: 0;font-size: 0.8rem;color: var(--text-muted)}.author-card__stats strong{font-family: var(--font-display);font-size: 1rem;color: var(--text)}.launch-row{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--space-4)}.launch-card{display: grid;gap: var(--space-3)}.launch-card__media{position: relative;display: block;border-radius: var(--radius-md);overflow: hidden;aspect-ratio: 3 / 4;border: 1px solid var(--border);background: var(--bg-soft)}.launch-card__media > *{width: 100%;height: 100%;object-fit: cover}.launch-card__media img,.launch-card__media .demo-cover{transition: transform var(--transition-slow)}.launch-card__media:hover img,.launch-card__media:hover .demo-cover{transform: scale(1.06)}.badge--novo{position: absolute;top: 10px;left: 10px;padding: 4px 10px;border-radius: var(--radius-pill);background: var(--grad-cta);color: #fff;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;box-shadow: 0 8px 20px rgba(124,58,237,0.45)}.launch-card__title{margin: 0;font-size: 1rem}.launch-card__title a{color: var(--text)}.launch-card__title a:hover{color: var(--neon)}.launch-card__author,.launch-card__meta{margin: 0;color: var(--text-muted);font-size: 0.84rem}.rank-list{display: grid;gap: var(--space-2)}.rank-row{position: relative;display: grid;grid-template-columns: 44px 52px minmax(0,1fr) auto;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);transition: transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.rank-row:hover{transform: translateX(6px);border-color: var(--border-strong);box-shadow: var(--shadow-sm)}.rank-row--1{border-color: rgba(255,209,102,0.5);background: linear-gradient(90deg,rgba(255,209,102,0.12),var(--surface))}.rank-row--2{border-color: rgba(214,201,255,0.42)}.rank-row--3{border-color: rgba(255,180,84,0.4)}.rank-row__pos{font-size: 1.35rem;text-align: center}.rank-row__media{display: block;border-radius: 8px;overflow: hidden;aspect-ratio: 2 / 3;background: var(--bg-soft)}.rank-row__media > *{width: 100%;height: 100%;object-fit: cover}.rank-row__title{margin: 0;font-size: 1rem}.rank-row__title a{color: var(--text)}.rank-row__title a:hover{color: var(--neon)}.rank-row__author{margin: 0;color: var(--text-muted);font-size: 0.84rem}.rank-row__views{display: inline-flex;align-items: center;gap: 6px;color: var(--text-muted);font-size: 0.86rem;font-weight: 600}.shelf-tabs{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-5);padding: 6px;border: 1px solid var(--border);border-radius: var(--radius-pill);background: var(--surface-glass);width: fit-content;max-width: 100%}.shelf-tab{display: inline-flex;align-items: center;gap: 8px;padding: 9px 16px;border: 0;border-radius: var(--radius-pill);background: transparent;color: var(--text-soft);font-weight: 700;font-size: 0.92rem;cursor: pointer;transition: background var(--transition),color var(--transition),box-shadow var(--transition)}.shelf-tab:hover{background: rgba(167,139,250,0.14);color: var(--text)}.shelf-tab.is-active{background: var(--grad-brand);color: #fff;box-shadow: 0 10px 24px rgba(139,92,246,0.35)}.shelf-tab__count{display: inline-flex;align-items: center;justify-content: center;min-width: 22px;height: 22px;padding: 0 6px;border-radius: var(--radius-pill);background: rgba(6,8,20,0.28);font-size: 0.76rem;font-weight: 800}.shelf-item{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-3);align-content: start}.shelf-item__actions{display: flex;flex-wrap: wrap;gap: var(--space-2)}.demo-cover{position: relative;display: flex;flex-direction: column;justify-content: flex-end;gap: 4px;width: 100%;height: 100%;padding: 16px 14px;overflow: hidden;border-radius: inherit;background: linear-gradient(155deg,var(--cover-from,#3b0764),var(--cover-to,#5b2fbf));color: #fff;box-shadow: inset 0 0 60px rgba(0,0,0,0.35)}.demo-cover__glow{position: absolute;inset: -30% -20% auto;height: 70%;background: radial-gradient(60% 100% at 50% 100%,rgba(255,255,255,0.34),transparent 70%);pointer-events: none}.demo-cover__mark{position: absolute;top: 12px;right: 14px;font-size: 1.2rem;opacity: 0.75}.demo-cover__title{position: relative;font-family: var(--font-display);font-weight: 800;font-size: 1rem;line-height: 1.25;letter-spacing: -0.02em;text-shadow: 0 6px 18px rgba(0,0,0,0.5)}.demo-cover__author{position: relative;font-size: 0.74rem;opacity: 0.86;text-transform: uppercase;letter-spacing: 0.08em}.demo-cover__spine{position: absolute;inset: 0 auto 0 0;width: 8px;background: linear-gradient(90deg,rgba(0,0,0,0.45),transparent)}.demo-cover--card{padding: 14px 12px}.demo-cover--card .demo-cover__title{font-size: 0.95rem}.demo-cover--sm{padding: 12px 10px}.demo-cover--sm .demo-cover__title{font-size: 0.86rem}.demo-cover--sm .demo-cover__author{font-size: 0.66rem}.demo-cover--xs{padding: 8px 7px}.demo-cover--xs .demo-cover__title{font-size: 0.7rem}.demo-cover--xs .demo-cover__author,.demo-cover--xs .demo-cover__mark{display: none}.demo-cover--toc{padding: 10px 8px}.demo-cover--toc .demo-cover__title{font-size: 0.72rem}.demo-cover--toc .demo-cover__author,.demo-cover--toc .demo-cover__mark{display: none}.demo-cover--banner{padding: 24px 20px;border-radius: var(--radius-md);min-height: clamp(220px,30vw,320px)}.demo-cover--banner .demo-cover__title{font-size: clamp(1.1rem,1.6vw,1.6rem)}.book-detail__cover--demo,.reader__toc-cover--demo{border-radius: var(--radius-md);overflow: hidden}.reader__toc-cover--demo{width: 64px;height: 92px;flex: none}.badge--demo{padding: 5px 12px;border-radius: var(--radius-pill);border: 1px solid rgba(255,209,102,0.45);background: rgba(255,209,102,0.14);color: var(--neon);font-size: 0.74rem;font-weight: 700}.badge--rating{border-color: rgba(255,209,102,0.5);background: rgba(255,209,102,0.16);color: var(--gold)}.badge--chapters{border-color: var(--border-strong);background: rgba(167,139,250,0.16);color: var(--text-soft)}.header__account{position: relative}.header__user{cursor: pointer}.header__user-caret{width: 0;height: 0;margin-left: 2px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid currentColor;opacity: 0.7}.account-menu{position: absolute;right: 0;top: calc(100% + 10px);width: 244px;padding: 8px;border: 1px solid var(--border-strong);border-radius: var(--radius-md);background: rgba(9,12,32,0.97);backdrop-filter: blur(20px);box-shadow: var(--shadow-lg);z-index: 60;animation: modalIn 220ms cubic-bezier(0.22,0.61,0.36,1)}[data-theme='light'] .account-menu{background: rgba(255,255,255,0.98)}.account-menu__head{display: grid;gap: 2px;padding: 10px 12px 12px;border-bottom: 1px solid var(--border);margin-bottom: 6px}.account-menu__head strong{font-family: var(--font-display);font-size: 0.96rem}.account-menu__head span{color: var(--text-muted);font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.account-menu__item{display: flex;align-items: center;gap: 10px;width: 100%;padding: 10px 12px;border: 0;border-radius: var(--radius-sm);background: transparent;color: var(--text-soft);font-weight: 600;font-size: 0.92rem;text-align: left;cursor: pointer;transition: background var(--transition),color var(--transition)}.account-menu__item:hover{background: rgba(167,139,250,0.14);color: var(--text)}.account-menu__item--danger{color: var(--danger)}.account-menu__item--danger:hover{background: rgba(255,107,138,0.16);color: var(--danger)}.prose--reader{font-size: var(--reader-font-size,1.16rem)}.shelf-button.is-active{border-color: var(--neon);color: var(--neon);background: var(--neon-soft)}@media (min-width: 961px) and (max-width: 1320px){.nav__link{padding: 8px 11px;font-size: 0.87rem}.header__user-name{max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}}@media (max-width: 960px){.banner__inner{grid-template-columns: 1fr;text-align: left;padding-inline: 76px}.banner__cover{display: none}.marquee__nav{display: none}}@media (max-width: 640px){.lib-search{min-width: 100%}.lib-head{align-items: stretch}.banner__stage,.banner__inner{min-height: 420px}.banner__inner{padding-inline: var(--space-5)}.banner__nav{display: none}.continue-grid,.launch-row{grid-template-columns: 1fr}.rank-row{grid-template-columns: 34px 44px minmax(0,1fr)}.rank-row__views{display: none}.shelf-tabs{width: 100%;border-radius: var(--radius-md)}.shelf-tab{flex: 1;justify-content: center;padding: 9px 10px;font-size: 0.86rem}}
.comm-hero{position: relative;overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius-lg);background: var(--surface);margin-bottom: var(--space-5)}.comm-hero__banner{position: relative;height: 168px;background: var(--grad-brand-soft);background-size: cover;background-position: center}.comm-hero__banner::after{content: '';position: absolute;inset: 0;background: linear-gradient(180deg,rgba(5,6,15,0.05) 0%,rgba(5,6,15,0.78) 100%)}.comm-hero__body{position: relative;display: flex;gap: var(--space-4);align-items: flex-end;padding: 0 var(--space-5) var(--space-5);margin-top: -52px}.comm-hero__avatar{width: 104px;height: 104px;border-radius: var(--radius-md);object-fit: cover;border: 3px solid var(--surface-solid);background: var(--grad-brand);display: flex;align-items: center;justify-content: center;font-family: var(--font-display);font-size: 2rem;font-weight: 800;color: #fff;flex-shrink: 0}.comm-hero__main{flex: 1;min-width: 0}.comm-hero__title{font-family: var(--font-display);font-size: clamp(1.4rem,2.4vw,2rem);margin: 0 0 var(--space-1);line-height: 1.15}.comm-hero__handle{color: var(--text-muted);font-size: 0.92rem;margin: 0 0 var(--space-2)}.comm-hero__desc{color: var(--text-soft);margin: 0 0 var(--space-3);max-width: 70ch}.comm-hero__stats{display: flex;flex-wrap: wrap;gap: var(--space-4);color: var(--text-muted);font-size: 0.9rem}.comm-hero__stats strong{color: var(--text)}.comm-hero__actions{display: flex;flex-wrap: wrap;gap: var(--space-2);align-items: center}.comm-hero__tags{display: flex;flex-wrap: wrap;gap: var(--space-2);margin: 0 0 var(--space-3);padding: 0;list-style: none}.comm-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-4)}.comm-card{display: flex;flex-direction: column;overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);transition: transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.comm-card:hover{transform: translateY(-3px);border-color: var(--border-strong);box-shadow: var(--shadow-sm)}.comm-card__cover{height: 84px;background: var(--grad-brand-soft);background-size: cover;background-position: center}.comm-card__head{display: flex;gap: var(--space-3);align-items: center;padding: var(--space-4) var(--space-4) 0;margin-top: -34px}.comm-card__avatar{width: 58px;height: 58px;border-radius: var(--radius-sm);object-fit: cover;border: 3px solid var(--surface-solid);background: var(--grad-brand);display: flex;align-items: center;justify-content: center;font-weight: 800;color: #fff;font-size: 1.3rem;flex-shrink: 0}.comm-card__title{font-family: var(--font-display);font-size: 1.02rem;margin: 0;line-height: 1.2}.comm-card__handle{color: var(--text-muted);font-size: 0.82rem}.comm-card__body{padding: var(--space-3) var(--space-4);flex: 1}.comm-card__desc{color: var(--text-soft);font-size: 0.92rem;margin: 0 0 var(--space-3);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.comm-card__meta{display: flex;flex-wrap: wrap;gap: var(--space-3);color: var(--text-muted);font-size: 0.84rem}.comm-card__foot{display: flex;gap: var(--space-2);padding: 0 var(--space-4) var(--space-4);align-items: center}.comm-card__foot .button{flex: 1}.comm-section-head{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center;justify-content: space-between;margin: var(--space-6) 0 var(--space-3)}.comm-section-head h3{margin: 0;font-family: var(--font-display);font-size: 1.05rem}.comm-empty{border: 1px dashed var(--border-strong);border-radius: var(--radius-md);padding: var(--space-6) var(--space-5);text-align: center;color: var(--text-muted)}.comm-empty strong{display: block;color: var(--text);font-family: var(--font-display);margin-bottom: var(--space-2)}.comm-layout{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: var(--space-5);align-items: start}.comm-side{display: flex;flex-direction: column;gap: var(--space-4)}.comm-composer{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-4);margin-bottom: var(--space-4)}.comm-composer textarea{width: 100%;min-height: 96px;resize: vertical;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text);padding: var(--space-3);font: inherit}.comm-composer__row{display: flex;flex-wrap: wrap;gap: var(--space-2);align-items: center;justify-content: space-between;margin-top: var(--space-3)}.comm-composer__hint{color: var(--text-muted);font-size: 0.84rem}.comm-feed{display: flex;flex-direction: column;gap: var(--space-4)}.comm-post{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-4)}.comm-post.is-pinned{border-color: var(--accent);box-shadow: var(--glow-blue)}.comm-post__head{display: flex;gap: var(--space-3);align-items: center;margin-bottom: var(--space-3)}.comm-post__author{flex: 1;min-width: 0}.comm-post__name{font-weight: 700;margin: 0}.comm-post__time{color: var(--text-muted);font-size: 0.8rem}.comm-post__content{color: var(--text-soft);margin: 0 0 var(--space-3);white-space: pre-wrap;word-break: break-word}.comm-post__image{display: block;width: 100%;max-height: 380px;object-fit: cover;border-radius: var(--radius-sm);margin-bottom: var(--space-3)}.comm-post__link{display: block;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: var(--space-3);margin-bottom: var(--space-3);color: var(--neon);overflow-wrap: anywhere}.comm-post__tags{display: flex;flex-wrap: wrap;gap: var(--space-2);list-style: none;padding: 0;margin: 0 0 var(--space-3)}.comm-post__actions{display: flex;flex-wrap: wrap;gap: var(--space-2);align-items: center;border-top: 1px solid var(--border);padding-top: var(--space-3)}.comm-post__actions button{background: none;border: 1px solid transparent;color: var(--text-muted);font: inherit;font-size: 0.86rem;font-weight: 600;padding: var(--space-2) var(--space-3);border-radius: var(--radius-pill);cursor: pointer;display: inline-flex;gap: 6px;align-items: center;transition: color var(--transition),background var(--transition),border-color var(--transition)}.comm-post__actions button:hover{color: var(--text);background: rgba(167,139,250,0.1)}.comm-post__actions button.is-active{color: var(--neon)}.comm-post__actions button.is-danger:hover{color: var(--danger)}.comm-post__menu{display: flex;gap: 4px}.comm-post__menu button{background: none;border: 1px solid transparent;color: var(--text-muted);padding: var(--space-2);border-radius: var(--radius-pill);cursor: pointer;display: inline-flex;transition: color var(--transition),background var(--transition)}.comm-post__menu button:hover{color: var(--neon);background: rgba(167,139,250,0.1)}.comm-card__title a{color: inherit;text-decoration: none}.comm-card__title a:hover{color: var(--neon)}.comm-member select{background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-sm);color: var(--text);padding: 6px var(--space-2);font: inherit}.comm-comments{margin-top: var(--space-3);border-top: 1px solid var(--border);padding-top: var(--space-3);display: flex;flex-direction: column;gap: var(--space-3)}.comm-comment{display: flex;gap: var(--space-2);background: var(--bg-soft);border-radius: var(--radius-sm);padding: var(--space-3)}.comm-comment p{margin: 0;color: var(--text-soft);font-size: 0.92rem}.comm-comment__name{font-weight: 700;color: var(--text);margin-right: var(--space-2)}.comm-comment-form{display: flex;gap: var(--space-2);align-items: flex-start}.comm-comment-form input{flex: 1}.comm-discussions{display: flex;flex-direction: column;gap: var(--space-3)}.comm-discussion{display: flex;gap: var(--space-3);align-items: center;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-4);text-align: left;width: 100%;color: inherit;font: inherit;cursor: pointer;transition: border-color var(--transition),transform var(--transition)}.comm-discussion:hover{border-color: var(--border-strong);transform: translateY(-2px)}.comm-discussion__icon{width: 40px;height: 40px;border-radius: var(--radius-sm);background: var(--accent-soft);color: var(--accent-strong);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.comm-discussion__main{flex: 1;min-width: 0}.comm-discussion__title{margin: 0 0 4px;font-weight: 700}.comm-discussion__meta{color: var(--text-muted);font-size: 0.84rem;display: flex;flex-wrap: wrap;gap: var(--space-3)}.comm-thread{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-5)}.comm-thread__title{font-family: var(--font-display);margin: 0 0 var(--space-2)}.comm-replies{display: flex;flex-direction: column;gap: var(--space-3);margin: var(--space-4) 0}.comm-members{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: var(--space-3)}.comm-member{display: flex;gap: var(--space-3);align-items: center;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-3)}.comm-member__main{flex: 1;min-width: 0}.comm-member__name{margin: 0;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.comm-member__meta{color: var(--text-muted);font-size: 0.8rem}.comm-files{display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: var(--space-3)}.comm-file{border: 1px solid var(--border);border-radius: var(--radius-sm);overflow: hidden;background: var(--surface)}.comm-file img{display: block;width: 100%;height: 140px;object-fit: cover}.comm-file__caption{padding: var(--space-2) var(--space-3);font-size: 0.8rem;color: var(--text-muted)}.comm-about{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-5)}.comm-about h3{font-family: var(--font-display);margin: 0 0 var(--space-3)}.comm-about dl{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--space-3);margin: 0 0 var(--space-4)}.comm-about dt{color: var(--text-muted);font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.06em}.comm-about dd{margin: 2px 0 0;font-weight: 700}.comm-rules{white-space: pre-wrap;color: var(--text-soft);background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: var(--space-4)}.comm-stats-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: var(--space-3);margin-bottom: var(--space-4)}.comm-stat{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-4)}.comm-stat__value{font-family: var(--font-display);font-size: 1.5rem;margin: 0}.comm-stat__label{color: var(--text-muted);font-size: 0.82rem;margin: 4px 0 0}.comm-panel{border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-5);margin-bottom: var(--space-4)}.comm-panel h3{font-family: var(--font-display);margin: 0 0 var(--space-3)}.comm-manage-row{display: flex;gap: var(--space-3);align-items: center;border-bottom: 1px solid var(--border);padding: var(--space-3) 0}.comm-manage-row:last-child{border-bottom: 0}.comm-manage-row .comm-member__main{flex: 1}.comm-book-block{display: flex;gap: var(--space-4);align-items: center;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--surface);padding: var(--space-4)}.comm-book-block__avatar{width: 56px;height: 56px;border-radius: var(--radius-sm);object-fit: cover;background: var(--grad-brand);display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 800;flex-shrink: 0}.comm-book-block__main{flex: 1;min-width: 0}.comm-book-block__title{margin: 0 0 2px;font-weight: 700}.comm-book-block__meta{color: var(--text-muted);font-size: 0.84rem}.comm-book-block__actions{display: flex;gap: var(--space-2);flex-wrap: wrap}.comm-notice{display: flex;gap: var(--space-3);align-items: center;justify-content: space-between;flex-wrap: wrap;border: 1px solid var(--border);border-radius: var(--radius-md);background: var(--grad-brand-soft);padding: var(--space-4)}.comm-notice p{margin: 0;color: var(--text-soft)}.comm-notice strong{color: var(--text)}@media (max-width: 900px){.comm-layout{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.comm-hero__body{flex-direction: column;align-items: flex-start;margin-top: -46px}.comm-hero__avatar{width: 84px;height: 84px}.comm-hero__actions{width: 100%}.comm-hero__actions .button{flex: 1;justify-content: center}.comm-book-block{flex-wrap: wrap}}
:root{--cosmos-1: #050713;--cosmos-2: #080b20;--cosmos-3: #11133a;--cosmos-blue: #5b21b6;--cosmos-electric: #8b5cf6;--cosmos-violet: #6e4bff;--cosmos-purple: #a66cff;--cosmos-cyan: #ffd166;--mx: 0;--my: 0}.cosmos{position: fixed;inset: -5%;z-index: -1;pointer-events: none;overflow: hidden;contain: paint}.cosmos__base{position: absolute;inset: 0;background: radial-gradient(58% 44% at 16% 6%,rgba(91,33,182,0.4),transparent 62%),radial-gradient(52% 40% at 84% 10%,rgba(110,75,255,0.32),transparent 64%),radial-gradient(56% 46% at 72% 82%,rgba(255,209,102,0.14),transparent 66%),radial-gradient(48% 42% at 6% 88%,rgba(123,77,255,0.24),transparent 62%),linear-gradient(180deg,var(--cosmos-1) 0%,var(--cosmos-2) 46%,#06081a 100%)}[data-theme='light'] .cosmos__base{background: radial-gradient(58% 44% at 16% 6%,rgba(167,139,250,0.3),transparent 62%),radial-gradient(52% 40% at 84% 10%,rgba(178,142,255,0.26),transparent 64%),radial-gradient(56% 46% at 72% 82%,rgba(255,209,102,0.2),transparent 66%),linear-gradient(180deg,#eef2ff 0%,#f8f5ff 55%,#eef1ff 100%)}.cosmos__neb{position: absolute;border-radius: 50%;filter: blur(70px);opacity: 0.55;mix-blend-mode: screen;will-change: transform;animation: nebulaDrift var(--dur,64s) ease-in-out infinite alternate;animation-delay: var(--delay,0s);translate: calc(var(--mx) * var(--depth,1) * 14px) calc(var(--my) * var(--depth,1) * 14px)}[data-theme='light'] .cosmos__neb{mix-blend-mode: multiply;opacity: 0.3;filter: blur(80px)}.cosmos__neb--1{--depth: 0.35;--dur: 72s;top: -14%;left: -10%;width: 46vw;height: 46vw;background: radial-gradient(circle at 40% 40%,rgba(110,75,255,0.75),rgba(91,33,182,0.28) 55%,transparent 72%)}.cosmos__neb--2{--depth: 0.5;--dur: 86s;--delay: -12s;top: -18%;left: 34%;width: 40vw;height: 34vw;background: radial-gradient(circle at 50% 50%,rgba(139,92,246,0.6),rgba(166,108,255,0.24) 58%,transparent 74%)}.cosmos__neb--3{--depth: 0.65;--dur: 78s;--delay: -30s;top: 4%;right: -14%;width: 44vw;height: 48vw;background: radial-gradient(circle at 55% 45%,rgba(166,108,255,0.62),rgba(255,209,102,0.22) 56%,transparent 74%)}.cosmos__neb--4{--depth: 0.8;--dur: 92s;--delay: -46s;bottom: -20%;right: 8%;width: 42vw;height: 40vw;background: radial-gradient(circle at 50% 50%,rgba(255,209,102,0.4),rgba(139,92,246,0.24) 55%,transparent 72%)}.cosmos__neb--5{--depth: 0.45;--dur: 68s;--delay: -22s;bottom: -16%;left: -6%;width: 40vw;height: 38vw;background: radial-gradient(circle at 50% 50%,rgba(110,75,255,0.52),rgba(91,33,182,0.24) 55%,transparent 72%)}.cosmos__neb--6{--depth: 0.9;--dur: 58s;--delay: -8s;top: 38%;left: 42%;width: 30vw;height: 26vw;opacity: 0.34;background: radial-gradient(circle at 50% 50%,rgba(166,108,255,0.55),rgba(255,209,102,0.2) 60%,transparent 75%)}@keyframes nebulaDrift{0%{transform: translate3d(0,0,0) scale(1) rotate(0deg)}50%{transform: translate3d(4vw,-3vh,0) scale(1.12) rotate(6deg)}100%{transform: translate3d(-3vw,4vh,0) scale(1.05) rotate(-5deg)}}.cosmos__canvas{position: absolute;inset: 0;width: 100%;height: 100%}.cosmos__deco{position: absolute;inset: 0}.cosmos__deco-item{position: absolute;top: var(--y);left: var(--x);translate: calc(var(--mx) * var(--depth) * 26px) calc(var(--my) * var(--depth) * 26px);will-change: translate}.deco{display: block;transform: rotate(var(--rot,0deg));animation: decoFloat var(--dur,14s) ease-in-out infinite;animation-delay: var(--delay,0s);opacity: var(--alpha,0.85);filter: drop-shadow(0 0 10px rgba(139,92,246,0.35))}.deco--book{animation-name: decoFloat,decoTilt;animation-duration: var(--dur,14s),calc(var(--dur,14s) * 1.6);animation-timing-function: ease-in-out,ease-in-out;animation-iteration-count: infinite,infinite}.deco--glyph{color: var(--glyph-color,#ffe3a3);font-size: var(--size,18px);line-height: 1;text-shadow: 0 0 14px currentColor;animation-name: decoTwinkle}.deco--orb{width: var(--size,8px);height: var(--size,8px);border-radius: 50%;background: var(--glyph-color,#ffd166);box-shadow: 0 0 16px 3px currentColor;color: var(--glyph-color,#ffd166);animation-name: decoTwinkle}.deco--page{animation-name: decoFloat,decoSpin;animation-duration: var(--dur,14s),calc(var(--dur,14s) * 2.1);animation-timing-function: ease-in-out,ease-in-out;animation-iteration-count: infinite,infinite}@keyframes decoFloat{0%,100%{transform: translateY(0) rotate(var(--rot,0deg))}50%{transform: translateY(-22px) rotate(calc(var(--rot,0deg) + 4deg))}}@keyframes decoTilt{0%,100%{scale: 1}50%{scale: 1.06}}@keyframes decoSpin{0%,100%{rotate: -6deg}50%{rotate: 8deg}}@keyframes decoTwinkle{0%,100%{opacity: 0.25;scale: 0.86}50%{opacity: 1;scale: 1.14}}.cosmos__vignette{position: absolute;inset: 0;background: radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(3,4,14,0.55) 100%),linear-gradient(180deg,rgba(3,4,14,0.4),transparent 18%,transparent 78%,rgba(3,4,14,0.5))}[data-theme='light'] .cosmos__vignette{background: radial-gradient(120% 90% at 50% 45%,transparent 62%,rgba(124,104,200,0.14) 100%)}.lib-head--cosmic{position: relative;display: grid;grid-template-columns: minmax(0,1fr) clamp(210px,24vw,310px);gap: clamp(16px,3vw,40px);align-items: center;padding-top: var(--space-6)}.lib-head--cosmic .lib-head__text{position: relative;z-index: 2;min-width: 0}.lib-head__name{background: linear-gradient(100deg,#ffffff 8%,#ffd166 46%,#b28bff 78%);-webkit-background-clip: text;background-clip: text;color: transparent;filter: drop-shadow(0 0 18px rgba(255,209,102,0.35))}.lib-head--cosmic .lib-head__title{text-shadow: 0 18px 50px rgba(3,6,26,0.6)}.lib-head--cosmic .lib-search{margin-top: var(--space-4);max-width: 520px;background: rgba(9,12,32,0.72);border-color: rgba(167,139,250,0.28);box-shadow: 0 14px 34px rgba(3,6,26,0.45),inset 0 1px 0 rgba(255,255,255,0.05)}.lib-head--cosmic .lib-search:focus-within{border-color: rgba(255,209,102,0.55);box-shadow: 0 0 0 3px rgba(255,209,102,0.18),0 16px 40px rgba(3,6,26,0.5)}.mascot-scene{position: relative;justify-self: end;width: 100%;max-width: 310px;pointer-events: none;z-index: 3}.mascot-scene__halo{position: absolute;inset: -12% -18% -8%;background: radial-gradient(52% 48% at 50% 46%,rgba(139,92,246,0.5),rgba(138,92,255,0.26) 55%,transparent 74%);filter: blur(6px);animation: haloPulse 7.5s ease-in-out infinite;pointer-events: none}.mascot-scene__figure{position: relative;display: block;width: 100%;height: auto;animation: mascotFloat 7.5s ease-in-out infinite,mascotBreathe 5.4s ease-in-out infinite;transform-origin: 50% 82%;filter: drop-shadow(0 26px 46px rgba(3,6,26,0.6));transition: translate 320ms ease;translate: calc(var(--scene-x,0) * 10px) calc(var(--scene-y,0) * 6px)}@keyframes mascotFloat{0%,100%{transform: translateY(0)}50%{transform: translateY(-16px)}}@keyframes mascotBreathe{0%,100%{scale: 1}50%{scale: 1.014}}.mascot-scene__bubble{position: absolute;top: 1%;left: -34%;z-index: 3;width: max-content;max-width: 235px;padding: 11px 15px;border-radius: 16px 16px 5px 16px;background: rgba(10,13,36,0.9);border: 1px solid rgba(167,139,250,0.4);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 16px 36px rgba(3,6,26,0.55),0 0 26px rgba(255,209,102,0.18);color: #fff;font-size: 0.9rem;font-weight: 600;line-height: 1.45;pointer-events: none;transition: opacity 400ms ease,transform 400ms ease;animation: bubbleBob 6s ease-in-out infinite}.mascot-scene__bubble::after{content: '';position: absolute;right: 18px;bottom: -8px;width: 14px;height: 14px;background: rgba(10,13,36,0.9);border-right: 1px solid rgba(167,139,250,0.4);border-bottom: 1px solid rgba(167,139,250,0.4);transform: rotate(45deg)}.mascot-scene__bubble.is-swap{opacity: 0;transform: translateY(8px) scale(0.96)}@keyframes bubbleBob{0%,100%{translate: 0 0}50%{translate: 0 -7px}}.mascot-scene__book{position: absolute;z-index: 2;pointer-events: none;animation: mascotBookFloat var(--dur,9s) ease-in-out infinite;animation-delay: var(--delay,0s);filter: drop-shadow(0 8px 18px rgba(3,6,26,0.55))}.mascot-scene__book--1{top: 12%;left: -16%;--dur: 8.5s}.mascot-scene__book--2{top: 46%;right: -14%;--dur: 10.5s;--delay: -2.5s}.mascot-scene__book--3{bottom: 6%;left: -10%;--dur: 9.5s;--delay: -4.5s}@keyframes mascotBookFloat{0%,100%{transform: translateY(0) rotate(-8deg)}50%{transform: translateY(-18px) rotate(6deg)}}.mascot-scene__spark{position: absolute;z-index: 2;color: #ffe3a3;font-size: var(--size,16px);text-shadow: 0 0 14px currentColor;pointer-events: none;animation: sparkBlink var(--dur,4s) ease-in-out infinite;animation-delay: var(--delay,0s)}.mascot-scene__spark--1{top: 6%;right: 12%;--dur: 3.6s}.mascot-scene__spark--2{top: 34%;left: -6%;--dur: 4.8s;--delay: -1.4s;color: #c9a6ff}.mascot-scene__spark--3{bottom: 22%;right: -4%;--dur: 4.2s;--delay: -2.6s}@keyframes sparkBlink{0%,100%{opacity: 0.2;scale: 0.7}50%{opacity: 1;scale: 1.2}}.banner{box-shadow: var(--shadow-md),0 0 0 1px rgba(167,139,250,0.16),0 30px 80px rgba(3,6,26,0.55)}.banner::before{content: '';position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(120deg,rgba(255,209,102,0.55),rgba(138,92,255,0.5),rgba(255,209,102,0.2) 70%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0.55;pointer-events: none;z-index: 4}.banner__cosmos{position: absolute;inset: 0;z-index: 1;overflow: hidden;pointer-events: none}.banner__cosmos-neb{position: absolute;border-radius: 50%;filter: blur(46px);mix-blend-mode: screen;animation: nebulaDrift var(--dur,48s) ease-in-out infinite alternate}.banner__cosmos-neb--1{top: -34%;right: -8%;width: 46%;height: 92%;background: radial-gradient(circle,rgba(166,108,255,0.55),transparent 70%)}.banner__cosmos-neb--2{bottom: -46%;left: 24%;width: 52%;height: 96%;--dur: 60s;background: radial-gradient(circle,rgba(255,209,102,0.36),transparent 70%)}.banner__cosmos-dust{position: absolute;inset: -10%;background-image: radial-gradient(1.6px 1.6px at 12% 24%,rgba(255,255,255,0.9),transparent 60%),radial-gradient(1.4px 1.4px at 34% 68%,rgba(255,227,163,0.85),transparent 60%),radial-gradient(1.2px 1.2px at 58% 18%,rgba(255,255,255,0.75),transparent 60%),radial-gradient(1.8px 1.8px at 76% 52%,rgba(201,166,255,0.85),transparent 60%),radial-gradient(1.3px 1.3px at 88% 82%,rgba(255,255,255,0.7),transparent 60%),radial-gradient(1.5px 1.5px at 46% 90%,rgba(255,227,163,0.7),transparent 60%),radial-gradient(1.2px 1.2px at 66% 34%,rgba(255,255,255,0.65),transparent 60%),radial-gradient(1.7px 1.7px at 22% 46%,rgba(166,134,255,0.8),transparent 60%);animation: dustTwinkle 7s ease-in-out infinite alternate}@keyframes dustTwinkle{0%,100%{opacity: 0.55}50%{opacity: 1}}.banner__cosmos-book{position: absolute;right: 7%;opacity: 0.9;animation: mascotBookFloat var(--dur,11s) ease-in-out infinite;animation-delay: var(--delay,0s);filter: drop-shadow(0 10px 22px rgba(3,6,26,0.5))}.banner__cosmos-book--1{top: 16%;--dur: 10s}.banner__cosmos-book--2{bottom: 20%;right: 16%;--dur: 12s;--delay: -3s}.banner__cosmos-spark{position: absolute;right: 14%;top: 46%;color: #ffe3a3;font-size: 18px;text-shadow: 0 0 16px currentColor;animation: sparkBlink 4.4s ease-in-out infinite}.banner__cosmos-spark--2{right: 4%;top: 66%;color: #c9a6ff;font-size: 14px;animation-delay: -2.2s}body.has-sidebar .sidebar{background: linear-gradient(180deg,rgba(9,12,34,0.74),rgba(5,7,22,0.86));border-right-color: rgba(167,139,250,0.22);box-shadow: inset 1px 0 0 rgba(255,209,102,0.08),14px 0 44px rgba(2,4,18,0.5);backdrop-filter: blur(22px) saturate(150%);-webkit-backdrop-filter: blur(22px) saturate(150%)}[data-theme='light'] body.has-sidebar .sidebar{background: linear-gradient(180deg,rgba(255,255,255,0.86),rgba(248,244,255,0.92));box-shadow: inset 1px 0 0 rgba(124,58,237,0.12),14px 0 40px rgba(76,29,149,0.1)}body.has-sidebar .sidebar::before{content: '';position: absolute;top: 0;right: 0;left: 0;height: 210px;background: radial-gradient(90% 100% at 20% 0%,rgba(139,92,246,0.26),transparent 70%),radial-gradient(70% 90% at 90% 10%,rgba(255,209,102,0.14),transparent 72%);pointer-events: none;z-index: 0}body.has-sidebar .sidebar__scroll{position: relative;z-index: 1}body.has-sidebar .sidebar__link{border-color: rgba(167,139,250,0.1);background: rgba(167,139,250,0.05)}body.has-sidebar .sidebar__link:hover{background: rgba(167,139,250,0.16);border-color: rgba(167,139,250,0.3);box-shadow: 0 8px 22px rgba(3,6,26,0.35);color: #fff}body.has-sidebar .sidebar__link.is-active{background: linear-gradient(115deg,#5b21b6 0%,#8b5cf6 45%,#6e4bff 100%);border-color: transparent;color: #fff;box-shadow: 0 12px 28px rgba(124,58,237,0.4),inset 0 1px 0 rgba(255,255,255,0.18),inset -2px 0 0 rgba(255,209,102,0.85)}body.has-sidebar .sidebar__link.is-active .sidebar__icon{background: rgba(255,255,255,0.18);color: #fff;box-shadow: 0 0 14px rgba(255,209,102,0.55)}body.has-sidebar .sidebar__group-label{color: rgba(255,227,163,0.75);text-shadow: 0 0 12px rgba(255,209,102,0.35)}body.has-sidebar .sidebar__card{border-color: rgba(167,139,250,0.4);box-shadow: 0 18px 40px rgba(3,6,26,0.5),0 0 30px rgba(139,92,246,0.22);background: radial-gradient(90% 100% at 0% 0%,rgba(139,92,246,0.38),transparent 70%),linear-gradient(160deg,rgba(49,20,90,0.92),rgba(10,14,38,0.94))}[data-theme='light'] body.has-sidebar .sidebar__group-label{color: var(--text-muted);text-shadow: none}[data-theme='light'] body.has-sidebar .sidebar__card{border-color: var(--border-strong);box-shadow: var(--shadow-sm);background: radial-gradient(90% 100% at 0% 0%,rgba(139,92,246,0.18),transparent 70%),linear-gradient(160deg,#ffffff,#eef2ff)}body .site-header{background: linear-gradient(180deg,rgba(5,7,20,0.82),rgba(8,11,32,0.66))}body .site-header.is-scrolled{background: linear-gradient(180deg,rgba(5,7,20,0.94),rgba(8,11,32,0.9))}.header__search.is-open .header__search-input{background: rgba(9,12,32,0.94);border-color: rgba(167,139,250,0.4);box-shadow: 0 0 0 3px rgba(255,209,102,0.16),0 18px 40px rgba(3,6,26,0.55)}.header__search.is-open .header__search-input:focus{box-shadow: 0 0 0 3px rgba(255,209,102,0.3),0 18px 40px rgba(3,6,26,0.55)}.nav__link.is-active{box-shadow: 0 10px 26px rgba(139,92,246,0.4),0 0 22px rgba(255,209,102,0.28)}.book-card:hover{box-shadow: 0 30px 60px rgba(3,6,26,0.65),0 0 0 1px rgba(255,209,102,0.28),0 0 44px rgba(110,75,255,0.28)}.book-card:hover .book-card__media{box-shadow: inset 0 0 44px rgba(255,209,102,0.22)}.book-card__media::before{content: '';position: absolute;inset: 0;background: radial-gradient(70% 50% at 50% 100%,rgba(110,75,255,0.35),transparent 70%);opacity: 0;transition: opacity var(--transition);pointer-events: none;z-index: 1}.book-card:hover .book-card__media::before{opacity: 1}.continue-card,.launch-card,.genre-card,.author-card,.rank-row{transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.continue-card:hover,.launch-card:hover,.genre-card:hover,.author-card:hover{transform: translateY(-5px);box-shadow: 0 24px 48px rgba(3,6,26,0.55),0 0 34px rgba(139,92,246,0.22);border-color: rgba(167,139,250,0.42)}.panel,.lib-notice{backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px)}.lib-section__title{background: linear-gradient(100deg,#ffffff 20%,#d6c9ff 70%,#ffe3a3 100%);-webkit-background-clip: text;background-clip: text;color: transparent}[data-theme='light'] .lib-section__title{background: none;-webkit-background-clip: initial;background-clip: initial;color: var(--text)}@media (max-width: 1120px){.cosmos__deco-item:nth-child(n + 9){display: none}.lib-head--cosmic{grid-template-columns: minmax(0,1fr) clamp(190px,26vw,250px)}}@media (max-width: 900px){.lib-head--cosmic{grid-template-columns: minmax(0,1fr);justify-items: center;text-align: center;gap: var(--space-5)}.lib-head--cosmic .lib-head__text{display: flex;flex-direction: column;align-items: center}.lib-head--cosmic .lib-head__subtitle{max-width: 60ch}.lib-head--cosmic .lib-search{width: min(520px,100%)}.mascot-scene{justify-self: center;max-width: 250px;order: -1}.mascot-scene__bubble{left: auto;right: -18%;top: -4%;max-width: 210px}.cosmos__neb{filter: blur(56px);opacity: 0.45}}@media (max-width: 640px){.cosmos__deco-item:nth-child(n + 5){display: none}.cosmos__neb--6{display: none}.lib-head--cosmic{padding-top: var(--space-5)}.mascot-scene{max-width: 190px}.mascot-scene__book--2,.mascot-scene__spark--3{display: none}.mascot-scene__bubble{right: -8%;max-width: 180px;font-size: 0.82rem;padding: 9px 12px}.banner__cosmos-book,.banner__cosmos-spark{display: none}}@media (prefers-reduced-motion: reduce){.cosmos__neb,.deco,.mascot-scene__figure,.mascot-scene__halo,.mascot-scene__bubble,.mascot-scene__book,.mascot-scene__spark,.banner__cosmos-neb,.banner__cosmos-dust,.banner__cosmos-book,.banner__cosmos-spark{animation: none !important}.cosmos__deco-item,.mascot-scene__figure{translate: none}}
[data-mascot]{position: relative}.mascot-hit{position: relative;display: block;width: 100%;padding: 0;border: 0;background: none;cursor: pointer;pointer-events: auto;border-radius: 26px;-webkit-tap-highlight-color: transparent;transition: scale 300ms ease}.mascot-hit:focus-visible{outline: 3px solid rgba(255,209,102,0.9);outline-offset: 6px}.is-hover .mascot-hit{scale: 1.03}.mascot-scene__hit-halo{position: absolute;inset: -6%;border-radius: 50%;background: radial-gradient(50% 50% at 50% 55%,rgba(255,209,102,0.3),transparent 70%);opacity: 0;transition: opacity 320ms ease;pointer-events: none}.is-hover .mascot-scene__hit-halo,.is-joy .mascot-scene__hit-halo,.is-wave .mascot-scene__hit-halo,.is-heart .mascot-scene__hit-halo{opacity: 1}.mascot-dock{position: fixed;left: var(--space-4);bottom: var(--space-4);z-index: 70;display: grid;place-items: center;width: 78px;height: 78px;pointer-events: none}.mascot-dock__halo{position: absolute;inset: -12px;border-radius: 50%;background: radial-gradient(50% 50% at 50% 50%,rgba(139,92,246,0.5),rgba(255,209,102,0.16) 60%,transparent 74%);filter: blur(5px);animation: haloPulse 7.5s ease-in-out infinite;pointer-events: none}.mascot-dock__hit{width: 78px;height: 78px;border-radius: 50%}.mascot-dock__orb{display: block;width: 78px;height: 78px;border-radius: 50%;object-fit: cover;border: 2px solid rgba(255,209,102,0.55);background: radial-gradient(120% 120% at 30% 18%,#2c1a63,#130a32);box-shadow: 0 16px 32px rgba(3,6,26,0.55),0 0 26px rgba(139,92,246,0.42);animation: mascotFloat 7.5s ease-in-out infinite;transition: box-shadow 300ms ease,border-color 300ms ease}.is-hover .mascot-dock__orb{border-color: rgba(255,209,102,0.9);box-shadow: 0 18px 36px rgba(3,6,26,0.6),0 0 34px rgba(255,209,102,0.35)}.mascot-dock .mascot-scene__bubble{bottom: calc(100% + 12px);top: auto;left: 0;right: auto;max-width: min(235px,70vw)}.mascot-dock .mascot-scene__bubble::after{right: auto;left: 20px}.mascot-dock .mascot-zzz{top: -6px;right: -4px}.mascot-dock .mascot-quiet{top: -4px;right: -4px}.mascot-quiet{position: absolute;top: 2px;right: 2px;z-index: 7;display: grid;place-items: center;width: 30px;height: 30px;padding: 0;border-radius: 50%;border: 1px solid rgba(167,139,250,0.45);background: rgba(12,8,32,0.88);color: #e9e0ff;cursor: pointer;opacity: 0;pointer-events: none;transition: opacity 220ms ease,border-color 200ms ease,color 200ms ease}[data-mascot]:hover .mascot-quiet,.mascot-quiet:focus-visible,.is-quiet .mascot-quiet{opacity: 1;pointer-events: auto}.mascot-quiet.is-off{color: #ffd166;border-color: rgba(255,209,102,0.6)}.mascot-quiet.is-off::after,.mascot-chat__mute.is-off::after{content: '';position: absolute;inset: 6px;background: linear-gradient( to top right,transparent calc(50% - 1.5px),currentColor calc(50% - 1.5px),currentColor calc(50% + 1.5px),transparent calc(50% + 1.5px) )}[data-mascot] .es-eyes-shut,[data-mascot] .es-mouth,[data-mascot] .es-heart,[data-mascot] .es-confetti,[data-mascot] .es-cast,[data-mascot] .es-stars,[data-mascot] .es-symbols{opacity: 0}[data-mascot] .es-mouth--idle{opacity: 1}[data-mascot] .es-mouth,[data-mascot] .es-eyes-open,[data-mascot] .es-eyes-shut,[data-mascot] .es-brow,[data-mascot] .es-book-glow,[data-mascot] .es-particles{transition: opacity 220ms ease}[data-mascot] .es-eyes-open{animation: estelaBlink 6.4s ease-in-out infinite}[data-mascot] .es-eyes-shut{animation: estelaBlinkShut 6.4s ease-in-out infinite}@keyframes estelaBlink{0%,92%,100%{opacity: 1}94%,96%{opacity: 0}}@keyframes estelaBlinkShut{0%,92%,100%{opacity: 0}94%,96%{opacity: 1}}.is-sleep .es-eyes-open,.is-wink .es-eyes-open{animation: none;opacity: 0}.is-sleep .es-eyes-shut,.is-wink .es-eyes-shut{animation: none;opacity: 1}.is-wink .es-lid--l{opacity: 0}[data-mascot] .es-eye-track{transform-box: fill-box;transform-origin: 50% 50%;translate: calc(var(--scene-x,0) * 5px) calc(var(--scene-y,0) * 4px);transition: translate 120ms ease-out}.is-thinking .es-eye-track{translate: 0 -7px}.is-loading .es-eye-track{animation: estelaGlance 1.7s ease-in-out infinite}@keyframes estelaGlance{0%,100%{translate: -6px 0}50%{translate: 6px 0}}.is-joy .es-mouth--idle,.is-wave .es-mouth--idle,.is-confetti .es-mouth--idle,.is-heart .es-mouth--idle,.is-stars .es-mouth--idle,.is-wink .es-mouth--idle,.is-surprise .es-mouth--idle,.is-sleep .es-mouth--idle,.is-worried .es-mouth--idle,.is-offer .es-mouth--idle,.is-invite .es-mouth--idle,.is-casting .es-mouth--idle{opacity: 0}.is-joy .es-mouth--joy,.is-wave .es-mouth--joy,.is-confetti .es-mouth--joy,.is-heart .es-mouth--joy,.is-stars .es-mouth--joy,.is-wink .es-mouth--joy{opacity: 1}.is-surprise .es-mouth--surprise{opacity: 1}.is-sleep .es-mouth--sleep{opacity: 1}.is-worried .es-mouth--worry{opacity: 1}.is-offer .es-mouth--talk,.is-invite .es-mouth--talk,.is-casting .es-mouth--talk{opacity: 1}.is-speaking.is-idle .es-mouth--idle{opacity: 0}.is-speaking.is-idle .es-mouth--talk{opacity: 1}.is-speaking.is-idle .es-mouth--talk{transform-box: fill-box;transform-origin: 50% 30%;animation: estelaTalk 460ms ease-in-out infinite}@keyframes estelaTalk{0%,100%{transform: scaleY(1)}50%{transform: scaleY(0.7)}}[data-mascot] .es-brow{transform-box: fill-box;transform-origin: 50% 50%;transition: transform 260ms ease}.is-hover .es-brow--l,.is-hover .es-brow--r,.is-surprise .es-brow--l,.is-surprise .es-brow--r,.is-stars .es-brow--l,.is-stars .es-brow--r,.is-confetti .es-brow--l,.is-confetti .es-brow--r{transform: translateY(-9px)}.is-worried .es-brow--l{transform: rotate(-14deg) translateY(-3px)}.is-worried .es-brow--r{transform: rotate(14deg) translateY(-3px)}.is-thinking .es-brow--l{transform: rotate(-9deg) translateY(-4px)}.is-thinking .es-brow--r{transform: rotate(7deg) translateY(-2px)}.is-joy .es-brow--l,.is-joy .es-brow--r{transform: translateY(-5px)}[data-mascot] .es-particles{opacity: 0.5}.is-joy .es-particles,.is-wave .es-particles,.is-surprise .es-particles,.is-stars .es-particles,.is-confetti .es-particles{opacity: 1;animation: estelaDrift 2.2s ease-in-out infinite}@keyframes estelaDrift{0%,100%{opacity: 0.35;translate: 0 0}50%{opacity: 1;translate: 0 -8px}}.is-stars .es-stars,.is-surprise .es-stars,.is-confetti .es-stars{opacity: 1;animation: estelaTwinkle 1.2s ease-in-out infinite}@keyframes estelaTwinkle{0%,100%{opacity: 0.35}50%{opacity: 1}}.is-heart .es-heart{opacity: 1;animation: estelaHeartPop 700ms cubic-bezier(0.2,0.9,0.3,1.4)}@keyframes estelaHeartPop{0%{transform: scale(0.4)}70%{transform: scale(1.12)}100%{transform: scale(1)}}.is-confetti .es-confetti{opacity: 1;transform-box: view-box;transform-origin: 305px 420px;animation: estelaConfetti 1.7s ease-in infinite}@keyframes estelaConfetti{0%{transform: translateY(-60px) rotate(-8deg);opacity: 0}25%{opacity: 1}100%{transform: translateY(120px) rotate(10deg);opacity: 0}}.is-casting .es-cast{opacity: 1;transform-box: view-box;transform-origin: 556px 290px;animation: estelaCastSpin 1.4s linear infinite}@keyframes estelaCastSpin{to{transform: rotate(360deg)}}.is-loading .es-symbols{opacity: 1;animation: estelaSymbols 1.7s ease-in-out infinite}@keyframes estelaSymbols{0%,100%{opacity: 0.35;translate: 0 4px}50%{opacity: 1;translate: 0 -6px}}[data-mascot] .es-book-glow{opacity: 0.7}.is-invite .es-book-glow,.is-offer .es-book-glow,.is-joy .es-book-glow{animation: estelaGlow 1.8s ease-in-out infinite}@keyframes estelaGlow{0%,100%{opacity: 0.5}50%{opacity: 1}}.is-invite .es-book,.is-offer .es-book{transform-box: view-box;transform-origin: 198px 610px;animation: estelaBookLift 2.4s ease-in-out infinite}@keyframes estelaBookLift{0%,100%{transform: translateY(0) rotate(0deg)}50%{transform: translateY(-14px) rotate(-4deg)}}.is-casting .es-spark{transform-box: fill-box;transform-origin: 50% 50%;animation: estelaSparkFast 0.6s ease-in-out infinite}@keyframes estelaSparkFast{0%,100%{opacity: 0.4;scale: 0.8}50%{opacity: 1;scale: 1.15}}.is-joy .es-spark,.is-wave .es-spark,.is-surprise .es-spark,.is-hover .es-spark,.is-stars .es-spark{transform-box: fill-box;transform-origin: 50% 50%;animation: estelaSpark 1.1s ease-in-out infinite}@keyframes estelaSpark{0%,100%{opacity: 0.3}50%{opacity: 1}}[data-mascot] .es-aura{transition: opacity 400ms ease}.is-sleep .es-aura{opacity: 0.55}.is-joy .es-aura,.is-confetti .es-aura,.is-heart .es-aura{animation: estelaAura 2.6s ease-in-out infinite}@keyframes estelaAura{0%,100%{opacity: 0.8}50%{opacity: 1}}[data-mascot] .es-head{transform-box: view-box;transform-origin: 305px 470px;transition: transform 320ms ease}.is-hover .es-head,.is-offer .es-head{transform: rotate(-2.5deg)}.is-worried .es-head{transform: rotate(3deg)}.is-thinking .es-head{animation: estelaHeadTilt 2.4s ease-in-out infinite}@keyframes estelaHeadTilt{0%,100%{transform: rotate(-4deg)}50%{transform: rotate(1deg)}}[data-mascot] .es-hat{transform-box: view-box;transform-origin: 305px 195px;transition: transform 320ms ease}[data-mascot] .es-hat-tip{transform-box: view-box;transform-origin: 305px 195px;transition: transform 320ms ease}.is-wave .es-hat-tip{animation: estelaHatWiggle 620ms ease-in-out 2}@keyframes estelaHatWiggle{0%,100%{transform: rotate(0deg)}30%{transform: rotate(-6deg)}70%{transform: rotate(6deg)}}.is-confetti .es-hat-tip{animation: estelaHatParty 500ms ease-in-out 3}@keyframes estelaHatParty{0%,100%{transform: rotate(0deg) translateY(0)}25%{transform: rotate(-6deg) translateY(-6px)}75%{transform: rotate(6deg) translateY(-2px)}}.is-thinking .es-hat-tip{animation: estelaThink 1.7s ease-in-out infinite}@keyframes estelaThink{0%,100%{transform: rotate(-1.8deg)}50%{transform: rotate(1.8deg)}}.is-sleep .es-hat-tip{transform: rotate(-4deg)}[data-mascot] .es-arm--wave{transform-box: view-box;transform-origin: 384px 506px;transition: transform 320ms ease}.is-wave .es-arm--wave{animation: estelaWave 560ms ease-in-out 2}@keyframes estelaWave{0%,100%{transform: rotate(0deg)}25%{transform: rotate(-34deg)}50%{transform: rotate(-8deg)}75%{transform: rotate(-30deg)}}.is-joy .es-arm--wave,.is-surprise .es-arm--wave,.is-offer .es-arm--wave{transform: rotate(-8deg)}.is-worried .es-arm--wave{animation: estelaShiver 320ms ease-in-out 4}@keyframes estelaShiver{0%,100%{transform: rotate(0deg)}50%{transform: rotate(-3deg)}}.is-sleep .es-arm--wave{transform: rotate(12deg)}[data-mascot] .es-wand{transform-box: view-box;transform-origin: 486px 446px;transition: transform 320ms ease}.is-casting .es-wand{transform: rotate(-14deg)}.is-joy .es-wand,.is-surprise .es-wand{transform: rotate(-8deg)}.is-wave .mascot-hit{animation: estelaBounce 560ms ease-in-out 2}@keyframes estelaBounce{0%,100%{translate: 0 0;rotate: 0deg}30%{translate: 0 -15px;rotate: -2.5deg}62%{translate: 0 -6px;rotate: 2.5deg}}.is-sleep .mascot-scene__figure{animation-duration: 14s,10s}.is-sleep .hero__character{animation-duration: 13s}.is-sleep .es-particles{opacity: 0.25;animation-duration: 9s}.is-sleep .mascot-dock__orb{animation-duration: 13s}[data-mascot] .mascot-scene__bubble{z-index: 5;background: linear-gradient(150deg,rgba(35,17,72,0.96),rgba(17,9,42,0.96));border: 1px solid rgba(167,139,250,0.62);box-shadow: 0 18px 40px rgba(3,6,26,0.55),0 0 24px rgba(255,209,102,0.16);color: #f6f2ff;opacity: 0;transform: translateY(8px) scale(0.96);transition: opacity 340ms ease,transform 340ms ease;pointer-events: none}[data-mascot] .mascot-scene__bubble.is-shown{opacity: 1;transform: none}[data-mascot] .mascot-scene__bubble.is-swap{opacity: 0;transform: translateY(8px) scale(0.96);transition-duration: 240ms}[data-mascot] .mascot-scene__bubble::before{content: '✦';position: absolute;top: -10px;left: 12px;color: #ffd166;font-size: 0.95rem;line-height: 1;text-shadow: 0 0 10px rgba(255,209,102,0.85)}[data-mascot] .mascot-scene__bubble::after{background: rgba(24,12,54,0.96);border-color: rgba(167,139,250,0.62)}.is-sleep .mascot-scene__bubble,.is-quiet .mascot-scene__bubble{opacity: 0 !important}.mascot-zzz{position: absolute;top: 1%;right: 6%;z-index: 6;font-family: var(--font-display);font-size: 1.35rem;font-weight: 800;letter-spacing: 3px;color: #ffd166;text-shadow: 0 0 14px rgba(255,209,102,0.75);opacity: 0;pointer-events: none;transition: opacity 360ms ease}.is-sleep .mascot-zzz{opacity: 1;animation: estelaZzz 2.6s ease-in-out infinite}@keyframes estelaZzz{0%,100%{translate: 0 0;opacity: 0.55}50%{translate: 7px -12px;opacity: 1}}.mascot-chat{position: absolute;z-index: 40;left: -14%;bottom: -4%;display: flex;flex-direction: column;width: min(340px,88vw);max-height: min(72vh,560px);background: linear-gradient(155deg,rgba(31,16,66,0.97),rgba(14,8,36,0.97));border: 1px solid rgba(167,139,250,0.5);border-radius: 18px;box-shadow: 0 26px 60px rgba(3,6,26,0.6),0 0 34px rgba(255,209,102,0.14);color: #f4f0ff;overflow: hidden;opacity: 0;transform: translateY(16px) scale(0.97);visibility: hidden;transition: opacity 260ms ease,transform 260ms ease,visibility 260ms}.mascot-chat.is-open{opacity: 1;transform: none;visibility: visible}.mascot-chat--fixed{position: fixed;z-index: 78;left: var(--space-4);right: auto;bottom: calc(var(--space-4) + 92px);width: min(340px,calc(100vw - var(--space-4) * 2))}.mascot-chat__head{display: flex;align-items: center;gap: 10px;padding: 12px 14px;background: linear-gradient(120deg,rgba(139,92,246,0.3),rgba(255,209,102,0.14));border-bottom: 1px solid rgba(167,139,250,0.35)}.mascot-chat__avatar{width: 38px;height: 38px;border-radius: 12px;object-fit: contain;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,209,102,0.5);padding: 3px}.mascot-chat__who{display: flex;flex-direction: column;line-height: 1.2;min-width: 0}.mascot-chat__who strong{font-family: var(--font-display);font-size: 1rem;color: #ffe9b8}.mascot-chat__who span{font-size: 0.76rem;color: rgba(233,224,255,0.75);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mascot-chat__mute,.mascot-chat__close{position: relative;display: grid;place-items: center;width: 34px;height: 34px;flex: none;border-radius: 10px;border: 1px solid rgba(167,139,250,0.4);background: rgba(10,6,28,0.5);color: #e9e0ff;cursor: pointer;transition: background 200ms ease,border-color 200ms ease,color 200ms ease}.mascot-chat__mute{margin-left: auto}.mascot-chat__mute.is-off{color: #ffd166;border-color: rgba(255,209,102,0.6)}.mascot-chat__mute:hover,.mascot-chat__close:hover{background: rgba(139,92,246,0.35);border-color: rgba(255,209,102,0.6)}.mascot-chat__mute:focus-visible,.mascot-chat__close:focus-visible{outline: 2px solid rgba(255,209,102,0.9);outline-offset: 2px}.mascot-chat__log{display: flex;flex-direction: column;gap: 8px;padding: 12px 14px;overflow-y: auto;overscroll-behavior: contain;flex: 1 1 auto;min-height: 0}.mascot-line{max-width: 88%;padding: 8px 11px;border-radius: 13px;font-size: 0.86rem;line-height: 1.45;animation: mascotLineIn 240ms ease}@keyframes mascotLineIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}.mascot-line--mascot{align-self: flex-start;background: rgba(139,92,246,0.22);border: 1px solid rgba(167,139,250,0.4);color: #f4f0ff;border-bottom-left-radius: 4px}.mascot-line--user{align-self: flex-end;background: rgba(255,209,102,0.16);border: 1px solid rgba(255,209,102,0.45);color: #ffe9b8;border-bottom-right-radius: 4px}.mascot-typing{align-self: flex-start;display: inline-flex;align-items: center;gap: 4px;padding: 10px 14px;background: rgba(139,92,246,0.18);border: 1px solid rgba(167,139,250,0.3);border-radius: 13px;border-bottom-left-radius: 4px}.mascot-typing__dot{width: 7px;height: 7px;border-radius: 50%;background: rgba(221,210,255,0.7);animation: mascotTypingDot 1.2s ease-in-out infinite}.mascot-typing__dot:nth-child(2){animation-delay: 0.15s}.mascot-typing__dot:nth-child(3){animation-delay: 0.3s}@keyframes mascotTypingDot{0%,60%,100%{transform: translateY(0);opacity: 0.4}30%{transform: translateY(-4px);opacity: 1}}.mascot-chat__asks{display: flex;flex-wrap: wrap;gap: 6px;padding: 10px 14px 0}.mascot-ask{border: 1px solid rgba(167,139,250,0.45);background: rgba(20,11,48,0.7);color: #ddd2ff;font-size: 0.78rem;font-weight: 600;padding: 6px 10px;border-radius: 999px;cursor: pointer;transition: background 180ms ease,border-color 180ms ease,color 180ms ease}.mascot-ask:hover{background: rgba(139,92,246,0.35);border-color: rgba(255,209,102,0.6);color: #fff}.mascot-ask:focus-visible{outline: 2px solid rgba(255,209,102,0.9);outline-offset: 2px}.mascot-chat__actions{display: grid;grid-template-columns: 1fr 1fr;gap: 7px;padding: 10px 14px;border-top: 1px solid rgba(167,139,250,0.25)}.mascot-go{display: inline-flex;align-items: center;gap: 7px;padding: 8px 10px;border-radius: 11px;border: 1px solid rgba(167,139,250,0.4);background: rgba(255,255,255,0.06);color: #efe9ff;font-size: 0.8rem;font-weight: 700;text-decoration: none;text-align: left;cursor: pointer;transition: background 180ms ease,border-color 180ms ease,transform 180ms ease}.mascot-go:hover{background: rgba(139,92,246,0.3);border-color: rgba(255,209,102,0.55);transform: translateY(-1px)}.mascot-go:focus-visible{outline: 2px solid rgba(255,209,102,0.9);outline-offset: 2px}.mascot-go svg{flex: none;opacity: 0.85}.mascot-chat__form{display: flex;gap: 8px;padding: 10px 14px 14px;border-top: 1px solid rgba(167,139,250,0.25)}.mascot-chat__form input{flex: 1 1 auto;min-width: 0;padding: 9px 12px;border-radius: 11px;border: 1px solid rgba(167,139,250,0.4);background: rgba(10,6,28,0.6);color: #f4f0ff;font: inherit;font-size: 0.85rem}.mascot-chat__form input::placeholder{color: rgba(233,224,255,0.5)}.mascot-chat__form input:focus{outline: none;border-color: rgba(255,209,102,0.65);box-shadow: 0 0 0 3px rgba(255,209,102,0.16)}.mascot-chat__form button{flex: none;display: grid;place-items: center;width: 38px;height: 38px;border-radius: 11px;border: 1px solid rgba(255,209,102,0.5);background: linear-gradient(140deg,rgba(255,209,102,0.28),rgba(139,92,246,0.32));color: #ffe9b8;cursor: pointer;transition: transform 180ms ease,border-color 180ms ease}.mascot-chat__form button:hover{transform: translateY(-1px);border-color: rgba(255,209,102,0.85)}.mascot-chat__form button:focus-visible{outline: 2px solid rgba(255,209,102,0.9);outline-offset: 2px}.hero__art .mascot-scene__bubble{top: 20%;left: -4%;right: auto;max-width: 235px}.hero__art .mascot-zzz{top: 0;left: 2%;right: auto}.hero__art .mascot-quiet{top: 4%;right: 0}@media (max-width: 1120px){.mascot-dock{bottom: calc(var(--space-4) + 64px)}}@media (max-width: 768px),(pointer: coarse){.hero__art .mascot-scene__bubble{top: 32%;left: -1%;right: auto;max-width: 175px;font-size: 0.82rem}.mascot-chat{left: -6%;width: min(320px,92vw)}.mascot-chat--fixed{left: 10px;right: 10px;width: auto}.mascot-chat__actions{grid-template-columns: 1fr 1fr}.mascot-dock{left: var(--space-3)}.mascot-dock .mascot-scene__bubble{max-width: min(220px,74vw);font-size: 0.84rem}}@media (prefers-reduced-motion: reduce){.mascot-hit,.mascot-zzz,.mascot-dock__orb,.mascot-dock__halo,.mascot-chat,.mascot-line,.mascot-typing__dot,[data-mascot] .mascot-scene__bubble,[data-mascot] .es-head,[data-mascot] .es-hat,[data-mascot] .es-hat-tip,[data-mascot] .es-arm--wave,[data-mascot] .es-wand,[data-mascot] .es-brow,[data-mascot] .es-eye-track{transition: none !important;animation: none !important}[data-mascot] .es-eyes-open,[data-mascot] .es-eyes-shut,[data-mascot] .es-particles,[data-mascot] .es-stars,[data-mascot] .es-spark,[data-mascot] .es-confetti,[data-mascot] .es-cast,[data-mascot] .es-symbols,[data-mascot] .es-aura,[data-mascot] .es-book,[data-mascot] .es-book-glow,.is-wave .mascot-hit,.is-thinking .es-head,.is-loading .es-eye-track,.is-sleep .mascot-zzz{animation: none !important}[data-mascot] .es-eyes-open{opacity: 1}[data-mascot] .es-eyes-shut{opacity: 0}.is-sleep [data-mascot] .es-eyes-open{opacity: 0}.is-sleep [data-mascot] .es-eyes-shut{opacity: 1}[data-mascot] .mascot-scene__bubble,[data-mascot] .mascot-scene__bubble.is-swap{transform: none}[data-mascot] .es-eye-track{translate: 0 0}}
body.has-sidebar .sidebar{top: 0;padding-top: var(--space-5)}.sidebar__brand{display: flex;align-items: center;gap: 10px;margin: 0 0 var(--space-5);padding: 4px 6px;font-family: var(--font-display);font-weight: 800;font-size: 1.06rem;letter-spacing: -0.02em;color: var(--text)}.sidebar__brand:hover{color: var(--text)}.sidebar__brand-logo{width: 40px;height: 40px;padding: 5px;border-radius: 13px;background: linear-gradient(140deg,rgba(139,92,246,0.24),rgba(255,209,102,0.16));border: 1px solid var(--border-strong);box-shadow: 0 8px 22px rgba(124,58,237,0.3);transition: transform var(--transition),box-shadow var(--transition)}.sidebar__brand:hover .sidebar__brand-logo{transform: rotate(-6deg) scale(1.06);box-shadow: 0 10px 26px rgba(255,209,102,0.34)}.sidebar__brand-accent{background: var(--grad-brand);-webkit-background-clip: text;background-clip: text;color: transparent}.sidebar__group--plain{margin-top: 0 !important}.sidebar__group + .sidebar__group{margin-top: var(--space-4)}.sidebar__list{display: grid;gap: 3px}.sidebar__link{border-radius: var(--radius-pill)}.sidebar__icon{width: 28px;height: 28px;border-radius: 9px}.sidebar__card{margin-top: var(--space-4);padding: var(--space-4)}.sidebar__card-head{display: flex;align-items: center;gap: 10px;margin-bottom: var(--space-2)}.sidebar__card-icon{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;flex: none;border-radius: 11px;background: rgba(255,209,102,0.14);color: var(--neon);box-shadow: 0 0 16px rgba(255,209,102,0.2)}.sidebar__card-icon--gold{background: rgba(255,209,102,0.16);color: var(--gold);box-shadow: 0 0 16px rgba(255,209,102,0.22)}.sidebar__card-title{margin: 0}.sidebar__card--pro{background: radial-gradient(90% 100% at 100% 0%,rgba(255,209,102,0.24),transparent 70%),radial-gradient(90% 100% at 0% 100%,rgba(138,92,255,0.3),transparent 70%),linear-gradient(160deg,#171445,#0b0e28);border-color: rgba(255,209,102,0.34)}[data-theme='light'] .sidebar__card--pro{background: radial-gradient(90% 100% at 100% 0%,rgba(255,209,102,0.26),transparent 70%),radial-gradient(90% 100% at 0% 100%,rgba(138,92,255,0.16),transparent 70%),linear-gradient(160deg,#ffffff,#f4f1ff)}.sidebar__quick{display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: var(--space-4);padding: 10px 12px;border-radius: var(--radius-pill);border: 1px dashed rgba(167,139,250,0.42);color: var(--text-soft);font-weight: 700;font-size: 0.88rem;transition: color var(--transition),border-color var(--transition),background var(--transition)}.sidebar__quick:hover{color: #fff;border-color: rgba(255,209,102,0.6);background: rgba(167,139,250,0.14)}[data-theme='light'] .sidebar__quick:hover{color: var(--text)}body.has-sidebar .brand,body.has-sidebar .nav,body.has-sidebar .header__menu{display: none}body.has-sidebar .site-header__inner{justify-content: flex-end;gap: var(--space-3)}body.has-sidebar .site-header{background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none;border-bottom-color: transparent;box-shadow: none}body.has-sidebar .site-header::after{display: none}body.has-sidebar .site-header.is-scrolled{background: rgba(5,7,20,0.88);backdrop-filter: blur(18px) saturate(150%);-webkit-backdrop-filter: blur(18px) saturate(150%);border-bottom-color: var(--border);box-shadow: 0 18px 40px rgba(2,4,18,0.4)}[data-theme='light'] body.has-sidebar .site-header.is-scrolled{background: rgba(255,255,255,0.88)}body.has-sidebar .header__search-input{width: clamp(200px,26vw,320px);padding: 9px 44px 9px 16px;opacity: 1;background: rgba(10,14,36,0.72);border-color: var(--border)}[data-theme='light'] body.has-sidebar .header__search-input{background: rgba(255,255,255,0.86);border-color: rgba(124,58,237,0.24)}body.has-sidebar .header__search-input:focus{outline: none;border-color: rgba(255,209,102,0.55);box-shadow: 0 0 0 3px rgba(255,209,102,0.18)}body.has-sidebar .header__search-toggle{position: absolute;right: 4px}body.has-sidebar .header__user-name{max-width: 110px}@media (max-width: 720px){body.has-sidebar .header__search-input{width: 0;padding: 0;opacity: 0;border-color: transparent;background: transparent}}.home{display: grid;gap: clamp(30px,4.4vw,56px);padding-top: var(--space-6);padding-bottom: var(--space-7)}.home-greet{position: relative;z-index: 2}.home-greet__title{margin: 0 0 var(--space-3);font-size: clamp(2.5rem,1.4rem + 3.8vw,4.2rem);font-weight: 800;line-height: 1.04;letter-spacing: -0.035em}.home-greet__name{background: linear-gradient(100deg,#ffe3a3 5%,#8b5cf6 52%,#a66cff 100%);-webkit-background-clip: text;background-clip: text;color: transparent}.home-greet__sub{margin: 0;max-width: 62ch;color: var(--text-soft);font-size: clamp(1rem,0.95rem + 0.3vw,1.12rem);line-height: 1.65}.home-hero{position: relative;display: grid;grid-template-columns: minmax(0,1fr) clamp(220px,22vw,340px);align-items: center}.home-hero .banner{z-index: 2;box-shadow: 0 34px 90px rgba(3,6,26,0.6),0 0 0 1px rgba(167,139,250,0.16),0 0 60px rgba(139,92,246,0.18)}.home-hero .banner__stage,.home-hero .banner__inner{min-height: clamp(430px,44vw,560px)}.home-hero .banner__inner{grid-template-columns: clamp(170px,21vw,300px) minmax(0,1fr);padding-right: clamp(30px,4vw,56px)}.home-hero .banner__title{font-size: clamp(2rem,1.2rem + 3.2vw,3.7rem)}.home-hero .banner__synopsis{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.banner__stats{display: flex;flex-wrap: wrap;gap: var(--space-4);margin: 0 0 var(--space-4);color: rgba(214,222,255,0.86);font-size: 0.9rem;font-weight: 600}.banner__stats span{display: inline-flex;align-items: center;gap: 7px}.banner__stats svg{color: var(--neon);flex: none}.home-hero .banner__nav--next{right: 40px}.home-hero .banner__nav{width: 50px;height: 50px;box-shadow: 0 14px 30px rgba(3,6,26,0.5)}.home-mascot{position: relative;z-index: 3;justify-self: center;margin-left: -30px}.home-mascot .mascot-scene{max-width: none;width: clamp(240px,24vw,350px)}.home-mascot .mascot-scene__bubble{left: -32%;top: -3%;max-width: 250px;font-size: 0.94rem}.home-quick{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(12px,1.6vw,18px)}.home-quick__btn{position: relative;display: flex;align-items: center;gap: 14px;min-width: 0;padding: 15px 16px;overflow: hidden;border: 1px solid var(--border);border-radius: 20px;background: linear-gradient(155deg,rgba(22,29,67,0.85),rgba(9,13,31,0.72));color: var(--text);transition: transform var(--transition),border-color var(--transition),box-shadow var(--transition);animation: chipPop 520ms cubic-bezier(0.22,0.61,0.36,1) both;animation-delay: calc(var(--qi,0) * 70ms)}.home-quick__btn::after{content: '';position: absolute;inset: 0;background: linear-gradient(115deg,transparent 32%,rgba(255,255,255,0.16) 50%,transparent 68%);transform: translateX(-130%);transition: transform 700ms ease;pointer-events: none}.home-quick__btn:hover{transform: translateY(-4px);border-color: rgba(255,209,102,0.5);box-shadow: 0 18px 36px rgba(3,6,26,0.45),0 0 24px rgba(255,209,102,0.16);color: var(--text)}.home-quick__btn:hover::after{transform: translateX(130%)}.home-quick__icon{display: grid;place-items: center;width: 44px;height: 44px;flex: none;border-radius: 14px;color: #fff;background: var(--grad-brand);box-shadow: 0 10px 22px rgba(124,58,237,0.35)}.home-quick__btn--violet .home-quick__icon{background: linear-gradient(135deg,#a66cff,#7c3aed);box-shadow: 0 10px 22px rgba(139,92,246,0.4)}.home-quick__btn--cyan .home-quick__icon{background: linear-gradient(135deg,#06b6d4,#4c5cff);box-shadow: 0 10px 22px rgba(56,189,248,0.35)}.home-quick__btn--gold .home-quick__icon{background: linear-gradient(135deg,#ffd166,#f59e0b);box-shadow: 0 10px 22px rgba(255,209,102,0.38)}.home-quick__body{display: grid;gap: 2px;min-width: 0}.home-quick__label{font-weight: 800;font-size: 0.98rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.home-quick__hint{color: var(--text-muted);font-size: 0.8rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.home-quick__arrow{margin-left: auto;flex: none;color: var(--text-muted);transition: transform var(--transition),color var(--transition)}.home-quick__btn:hover .home-quick__arrow{transform: translateX(4px);color: var(--neon)}[data-theme='light'] .home-quick__btn{background: linear-gradient(155deg,#ffffff,#f7f3ff)}.home-comms{position: relative;isolation: isolate;overflow: hidden;display: flex;flex-wrap: wrap;gap: var(--space-4);align-items: center;justify-content: space-between;padding: clamp(20px,3vw,30px) clamp(22px,3.4vw,36px);border-radius: var(--radius-lg);border: 1px solid rgba(167,139,250,0.36);background: radial-gradient(80% 170% at 4% 0%,rgba(139,92,246,0.3),transparent 60%),radial-gradient(60% 150% at 100% 100%,rgba(255,209,102,0.16),transparent 60%),linear-gradient(140deg,#101743,#080c22);box-shadow: var(--shadow-md)}.home-comms::after{content: '';position: absolute;inset: 0 auto auto 0;height: 2px;width: 100%;background: var(--grad-brand);opacity: 0.7}[data-theme='light'] .home-comms{background: radial-gradient(80% 170% at 4% 0%,rgba(139,92,246,0.18),transparent 60%),radial-gradient(60% 150% at 100% 100%,rgba(255,209,102,0.14),transparent 60%),linear-gradient(140deg,#ffffff,#eef2ff)}.home-comms__main{display: flex;align-items: center;gap: var(--space-4);min-width: min(100%,320px)}.home-comms__icon{display: grid;place-items: center;width: 52px;height: 52px;flex: none;border-radius: 16px;background: rgba(255,209,102,0.16);color: var(--neon);box-shadow: 0 0 26px rgba(255,209,102,0.24)}.home-comms__title{margin: 0 0 4px;font-family: var(--font-display);font-size: 1.16rem}.home-comms__desc{margin: 0;color: var(--text-soft);font-size: 0.94rem;line-height: 1.55;max-width: 58ch}.home .lib-section{gap: var(--space-5)}.shelf-tabs--main{width: 100%}.shelf-tabs--main .shelf-tab{flex: 1;justify-content: center;text-align: center}.rank-row__media--avatar{aspect-ratio: 1;border-radius: 50%}.rank-row__avatar{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: inherit}.rank-row__avatar--initials{display: grid;place-items: center;background: var(--grad-brand);color: #fff;font-family: var(--font-display);font-weight: 800;font-size: 1.05rem}.rank-row__meta{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-top: 6px;color: var(--text-muted);font-size: 0.8rem;font-weight: 600}.rank-row__meta span{display: inline-flex;align-items: center;gap: 5px}.rank-row__meta svg{color: var(--accent-strong)}@media (max-width: 1100px){.home-hero{grid-template-columns: minmax(0,1fr)}.home-mascot{order: -1;margin: 0 auto var(--space-4)}.home-mascot .mascot-scene{width: min(64vw,300px)}.home-mascot .mascot-scene__bubble{left: auto;right: -14%;top: 6%;max-width: 220px}.home-hero .banner__nav--next{right: 14px}}@media (max-width: 640px){.home-quick{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.home-quick__btn{flex-direction: column;align-items: flex-start;gap: 8px;padding: 12px 10px;border-radius: 16px}.home-quick__icon{width: 34px;height: 34px;border-radius: 10px}.home-quick__icon svg{width: 18px;height: 18px}.home-quick__label{font-size: 0.76rem;white-space: normal;line-height: 1.25}.home-quick__hint{display: none}.home-quick__arrow{display: none}.home-hero .banner__inner{grid-template-columns: minmax(0,1fr);justify-items: center;text-align: center;gap: var(--space-4);padding: var(--space-5) var(--space-4) var(--space-6)}.home-hero .banner__cover{max-width: 190px}.home-hero .banner__badges,.home-hero .banner__actions,.home-hero .banner__stats{justify-content: center}.home-hero .banner__stage,.home-hero .banner__inner{min-height: 0}.home-hero .banner__nav{width: 42px;height: 42px}.home-comms{flex-direction: column;align-items: stretch;text-align: left}}body.has-sidebar .sidebar{padding: var(--space-3) var(--space-3) var(--space-4) var(--space-4)}.sidebar__brand{gap: 8px;margin-bottom: 10px;padding: 2px 4px;font-size: 1rem}.sidebar__brand-logo{width: 32px;height: 32px;padding: 4px;border-radius: 11px}.sidebar__group + .sidebar__group{margin-top: 10px}.sidebar__group-label{margin-bottom: 6px;padding-left: 10px;font-size: 0.62rem;letter-spacing: 0.13em}.sidebar__list{gap: 2px}.sidebar__link{gap: 8px;padding: 6px 10px;font-size: 0.86rem;line-height: 1.25}.sidebar__icon{width: 24px;height: 24px;border-radius: 8px}.sidebar__card{margin-top: 10px;padding: 10px var(--space-3)}.sidebar__card-head{gap: 8px;margin-bottom: 6px}.sidebar__card-icon{width: 26px;height: 26px;border-radius: 9px}.sidebar__card-title{margin: 0;font-size: 0.9rem}.sidebar__card-text{margin-bottom: 8px;font-size: 0.78rem;line-height: 1.4}.sidebar__card .button--small{padding: 6px 10px;font-size: 0.8rem}.sidebar__quick{margin-top: 10px;padding: 8px 10px;font-size: 0.82rem}@media (max-height: 899px){.sidebar__card-text{display: none}}@media (max-height: 767px){body.has-sidebar .sidebar{padding-top: var(--space-2)}.sidebar__brand{margin-bottom: 8px}.sidebar__brand-logo{width: 28px;height: 28px}.sidebar__link{padding: 4px 9px;font-size: 0.82rem}.sidebar__icon{width: 22px;height: 22px}.sidebar__quick{margin-top: 8px;padding: 7px 10px}}@media (max-height: 690px){.sidebar__brand-logo{width: 26px;height: 26px}.sidebar__brand-text{display: none}.sidebar__link{padding: 4px 8px;font-size: 0.8rem}.sidebar__icon{width: 20px;height: 20px}.sidebar__card{margin-top: 8px;padding: 8px 10px}.sidebar__card-icon{display: none}.sidebar__card-head{margin-bottom: 4px}.sidebar__card .button--small{padding: 5px 10px;font-size: 0.76rem}.sidebar__quick{margin-top: 8px;padding: 6px 10px;font-size: 0.78rem}}@media (max-height: 640px){.sidebar__brand{margin-bottom: 6px}.sidebar__group + .sidebar__group{margin-top: 6px}.sidebar__card-head{display: none}.sidebar__card{margin-top: 6px;padding: 6px 10px}}@media (max-width: 768px),(pointer: coarse){.site-header,body.has-sidebar .site-header.is-scrolled,.nav.is-open .nav__list,.button--ghost,.panel,.lib-notice,.badge,.toast,.modal__backdrop,.mascot-scene__bubble,.sidebar,body.has-sidebar .sidebar,.sidebar__backdrop,.lib-search,.account-menu,.eyebrow,.hero__eyebrow,.hero__float,.hero__chip,.author-card,.pro-teaser__actions,.notifications,.auth__panel,.book-card__favorite,.featured-card__rank{backdrop-filter: none;-webkit-backdrop-filter: none}body .site-header{background: linear-gradient(180deg,rgba(5,7,20,0.96),rgba(8,11,32,0.92))}body.has-sidebar .site-header.is-scrolled{background: rgba(5,7,20,0.94)}.button--ghost{background: var(--grad-brand-soft)}.panel{background: linear-gradient(160deg,rgba(22,29,67,0.92),rgba(9,13,31,0.94))}.lib-notice{background: linear-gradient(120deg,rgba(139,92,246,0.3),rgba(255,209,102,0.2)),rgba(9,12,32,0.94)}[data-theme='light'] .lib-notice{background: linear-gradient(120deg,rgba(139,92,246,0.22),rgba(255,209,102,0.18)),rgba(255,255,255,0.95)}.modal__backdrop{background: rgba(3,5,16,0.88)}.sidebar__backdrop{background: rgba(3,5,16,0.85)}body.has-sidebar .sidebar{background: linear-gradient(180deg,rgba(9,12,34,0.93),rgba(5,7,22,0.96))}.hero__eyebrow{background: rgba(12,16,40,0.9)}.hero__chip{background: rgba(10,14,36,0.93)}.pro-teaser__actions{background: rgba(5,8,24,0.92)}.book-card__favorite{background: rgba(5,6,15,0.88)}.featured-card__rank{background: rgba(5,6,15,0.9)}.eyebrow,.hero__float,.lib-search{background: rgba(22,14,48,0.92)}[data-theme='light'] .eyebrow,[data-theme='light'] .hero__float,[data-theme='light'] .lib-search{background: rgba(255,255,255,0.94)}.author-card,.auth__panel{background: rgba(28,18,56,0.93)}[data-theme='light'] .author-card,[data-theme='light'] .auth__panel{background: rgba(255,255,255,0.95)}[data-theme='light'] body .site-header{background: linear-gradient(180deg,rgba(255,255,255,0.92),rgba(244,240,255,0.88))}[data-theme='light'] body .site-header.is-scrolled{background: rgba(255,255,255,0.9)}[data-theme='light'] body.has-sidebar .sidebar{background: linear-gradient(180deg,rgba(255,255,255,0.96),rgba(248,244,255,0.98))}[data-theme='light'] .panel{background: rgba(255,255,255,0.95)}[data-theme='light'] .hero__eyebrow,[data-theme='light'] .hero__chip{background: rgba(255,255,255,0.94)}[data-theme='light'] .pro-teaser__actions{background: rgba(255,255,255,0.95)}.cosmos__neb,[data-theme='light'] .cosmos__neb,.banner__cosmos-neb{animation: none}.cosmos__neb--5,.cosmos__neb--6{display: none}.cosmos__deco-item{will-change: auto}.deco{filter: none}.gradient-text{animation: none;background-position: 60% 50%}.button--pro{animation: none}.hero__character,.mascot-scene__figure{filter: none}}