.library-page{background:#0a0a0a;color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.library-page:before{background:radial-gradient(circle,#7c3aed26 0,#0000 70%);left:-10%;top:-20%}.library-page:after,.library-page:before{content:"";height:50%;pointer-events:none;position:fixed;width:50%;z-index:0}.library-page:after{background:radial-gradient(circle,#3b82f626 0,#0000 70%);bottom:-20%;right:-10%}.library-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0ab3;border-bottom:1px solid #ffffff0d;padding:.75rem 0;position:sticky;top:0;z-index:100}.library-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2.5rem}.library-brand{color:#fff;font-size:1.1rem;font-weight:700;gap:.5rem;text-decoration:none}.library-brand,.library-nav{align-items:center;display:flex}.library-nav{gap:1.5rem}.library-nav a{color:#cbd5e1;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.library-nav a.active,.library-nav a:hover{color:#fff}.library-nav .ghost-button{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;transition:all .2s}.library-nav .ghost-button:hover{background:#ffffff14;border-color:#fff3}.library-nav .primary-button.small{background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:8px;box-shadow:0 4px 12px #7c3aed4d;color:#fff;font-weight:600;padding:.5rem 1rem}.library-hero{padding:4rem 1.5rem 3rem;position:relative;text-align:center;z-index:1}.library-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.03em;margin:0 0 1rem}.library-hero>p{color:#94a3b8;font-size:1.1rem;margin:0 0 2rem}.library-search{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:.75rem;margin:0 auto;max-width:600px;padding:.4rem .4rem .4rem 1.25rem;transition:border-color .3s}.library-search:focus-within{border-color:#7c3aed80;box-shadow:0 0 20px #7c3aed33}.library-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:.5rem 0}.library-search input::placeholder{color:#64748b}.library-search svg{color:#94a3b8}.library-search .primary-button.small{background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.library-container{margin:0 auto;max-width:1280px;padding:2rem 2.5rem;position:relative;z-index:1}.library-filters{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.filter-group,.library-filters{align-items:center;display:flex}.filter-group{color:#94a3b8;gap:.5rem}.filter-group select{appearance:none;background:#ffffff08;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .7rem top 50%;background-repeat:no-repeat;background-size:.65rem auto;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 2.5rem .5rem 1rem}.filter-group select option{background:#0f172a;color:#fff}.library-count{color:#64748b;font-size:.9rem;margin-left:auto}.library-glass-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.library-glass-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.library-glass-card:hover{background:#ffffff0a;border-color:#3b82f64d;box-shadow:0 20px 40px -10px #00000080,0 0 20px #3b82f61a;transform:translateY(-6px)}.library-cover-wrapper{aspect-ratio:2/3;background:#1e1e1e;overflow:hidden;position:relative;width:100%}.library-cover-img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.library-glass-card:hover .library-cover-img{transform:scale(1.05)}.library-cover-placeholder{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);color:#475569;display:flex;height:100%;justify-content:center;width:100%}.library-genre-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:.7rem;font-weight:600;left:1rem;letter-spacing:.05em;padding:.35rem .75rem;position:absolute;text-transform:uppercase;top:1rem}.library-cover-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.library-glass-card:hover .library-cover-overlay{opacity:1}.read-library-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;box-shadow:0 8px 20px #3b82f666;color:#fff;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.library-glass-card:hover .read-library-btn{transform:translateY(0)}.library-glass-content{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem}.library-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f8fafc;display:-webkit-box;font-size:1.15rem;font-weight:700;line-height:1.3;margin:0 0 .25rem;overflow:hidden}.library-author{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:.35rem;margin:0 0 .75rem}.library-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex-grow:1;font-size:.85rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.library-meta-inline{align-items:center;background:#0003;border-radius:8px;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;margin-top:auto;padding:.5rem .75rem}.library-meta-inline span{align-items:center;display:flex;gap:.25rem}.meta-dot{color:#475569;font-size:.6rem}.library-empty,.library-loading{align-items:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:24px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:6rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#6366f1;height:48px;margin-bottom:1.5rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.library-empty svg{color:#fff3;margin-bottom:1.5rem}.library-empty h3{color:#f8fafc;font-size:1.75rem;margin:0 0 .5rem}.library-empty p{color:#94a3b8;font-size:1.1rem;margin:0 0 2rem}.primary-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:12px;box-shadow:0 8px 20px #7c3aed4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.primary-button:hover{box-shadow:0 12px 25px #7c3aed66;transform:translateY(-2px)}.library-cta{background:#ffffff05;border:1px solid #7c3aed33;border-radius:24px;margin:4rem 0 2rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.library-cta:before{background:linear-gradient(90deg,#0000,#7c3aed,#ec4899,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.library-cta h2{color:#f8fafc;font-size:2rem;margin:1rem 0 .5rem}.library-cta p{color:#94a3b8;font-size:1.1rem;margin:0 0 2rem}.library-cta svg{color:#c084fc}[data-theme=dark] .library-page,[data-theme=light] .library-page{background-color:#0a0a0a!important}@media (max-width:768px){.library-header-inner{padding:0 1.5rem}.library-nav .ghost-button,.library-nav .primary-button{display:none}.library-hero{padding:3rem 1.5rem 2rem}.library-hero h1{font-size:2rem}.library-container{padding:1.5rem}.library-glass-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
/*# sourceMappingURL=691.2b050754.chunk.css.map*/