:root{--color-void:#050510;--color-deep-space:#0a0a1a;--color-nebula-dark:#0d1025;--color-nebula:#151535;--color-nebula-light:#1e1e4a;--color-star-gold:#ffd93d;--color-star-gold-dim:#b39a2b;--color-blue-giant:#4da6ff;--color-blue-giant-dim:#2d7acc;--color-white-dwarf:#a8b4c4;--color-supernova:#ff6b9d;--color-cosmic-purple:#9d4edd;--color-aurora:#00f5d4;--color-text-primary:#e8ecf4;--color-text-secondary:#8892a8;--color-text-muted:#5a6478;--color-border:#8a94a826;--color-border-hover:#8a94a84d;--gradient-nebula:linear-gradient(135deg,var(--color-deep-space) 0%,var(--color-nebula-dark) 50%,var(--color-nebula) 100%);--gradient-card:linear-gradient(180deg,#1e1e4a99,#15153566);--gradient-glow:radial-gradient(circle at center,var(--color-cosmic-purple) 0%,#0000 70%);--font-main:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--shadow-glow:0 0 20px #9d4edd4d;--shadow-glow-strong:0 0 40px #9d4edd80;--shadow-card:0 4px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050510;background:var(--color-void);color:#e8ecf4;color:var(--color-text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0a1a;background:var(--color-deep-space)}::-webkit-scrollbar-thumb{background:#1e1e4a;background:var(--color-nebula-light);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9d4edd;background:var(--color-cosmic-purple)}::selection{background:#9d4edd;background:var(--color-cosmic-purple);color:#fff}a{color:#4da6ff;color:var(--color-blue-giant);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#00f5d4;color:var(--color-aurora)}:focus-visible{outline:2px solid #9d4edd;outline:2px solid var(--color-cosmic-purple);outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #9d4edd4d}50%{box-shadow:0 0 40px #9d4edd99}}@keyframes rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{background:var(--gradient-nebula);display:flex;flex-direction:column;min-height:100vh;position:relative}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a1ad9;border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:var(--space-xl);justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--space-md) var(--space-xl)}.header-content,.logo{align-items:center;display:flex}.logo{gap:var(--space-md)}.logo-icon{animation:float 4s ease-in-out infinite;font-size:2rem}.logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-cosmic-purple) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600}.tagline{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.tab-nav{background:#15153580;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-xs);padding:var(--space-xs)}.tab-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:.875rem;font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);white-space:nowrap}.tab-button:hover{background:#9d4edd1a;color:var(--color-text-primary)}.tab-button.active{background:var(--color-cosmic-purple);box-shadow:var(--shadow-glow);color:var(--color-text-primary)}.tab-button svg{flex-shrink:0}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:var(--space-xl);width:100%}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:60vh}.loading-orb{animation:pulse-glow 2s ease-in-out infinite;background:var(--gradient-glow);border-radius:50%;height:60px;width:60px}.loading-state p{color:var(--color-text-secondary);font-size:1.125rem}.error-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:60vh;text-align:center}.error-icon{font-size:3rem}.error-state h2{color:var(--color-supernova);font-size:1.5rem}.error-state p{color:var(--color-text-secondary);max-width:400px}.error-instructions{background:var(--color-nebula-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-lg);padding:var(--space-lg)}.error-instructions code{background:var(--color-void);border-radius:var(--radius-sm);color:var(--color-aurora);display:block;font-family:var(--font-mono);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md)}.app-footer{background:#0a0a1a80;border-top:1px solid var(--color-border);padding:var(--space-lg);text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-tech{color:var(--color-text-muted);font-size:.75rem;margin:0}.footer-links{font-size:.8rem;gap:var(--space-md)}.footer-link,.footer-links{align-items:center;display:flex}.footer-link{color:var(--color-aurora);gap:var(--space-xs);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-cosmic-purple)}.footer-link svg{flex-shrink:0}.footer-separator{color:var(--color-text-muted);font-size:.7rem}@media (max-width:1024px){.header-content{flex-direction:column;gap:var(--space-md)}.tab-nav{flex-wrap:wrap;justify-content:center}.tab-button span{display:none}.tab-button{padding:var(--space-sm)}}@media (max-width:640px){.app-main{padding:var(--space-md)}.logo-text h1{font-size:1.25rem}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.card-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.card-title{font-size:1.25rem;font-weight:600}.card-subtitle{color:var(--color-text-secondary);font-size:.875rem}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:.875rem;font-weight:500;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.btn-primary{background:var(--color-cosmic-purple);color:#fff}.btn-primary:hover{background:#b366f0;box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-nebula-light);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-nebula);border-color:var(--color-border-hover)}.input{background:var(--color-nebula-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-main);font-size:1rem;padding:var(--space-md);transition:all var(--transition-base);width:100%}.input:focus{border-color:var(--color-cosmic-purple);box-shadow:0 0 0 3px #9d4edd33;outline:none}.input::placeholder{color:var(--color-text-muted)}.rating-stars{display:inline-flex;gap:2px}.star{color:var(--color-text-muted)}.star.filled{color:var(--color-star-gold)}.badge{align-items:center;background:var(--color-nebula);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.badge.read{background:#4da6ff26;border-color:var(--color-blue-giant);color:var(--color-blue-giant)}.badge.to-read{background:#ffd93d26;border-color:var(--color-star-gold);color:var(--color-star-gold)}.badge.five-star{background:#ff6b9d26;border-color:var(--color-supernova);color:var(--color-supernova)}.stat-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.stat-value{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-xs)}.stat-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease forwards}.animate-slideUp{animation:slideUp var(--transition-slow) ease forwards}
/*# sourceMappingURL=main.9973124a.css.map*/