@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Montserrat:wght@300;400;600&family=Cormorant+Garamond:ital,wght@1,400&display=swap";.hero{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:radial-gradient(circle at 50% 50%,#1a1a2e,#050505 70%)}.hero-dust{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);opacity:.3;pointer-events:none}.welcome-line{font-family:Montserrat,sans-serif;font-size:.9rem;letter-spacing:.6em;text-transform:uppercase;color:#d4af37;margin-bottom:2rem}.main-title{font-family:Cinzel,serif;font-size:clamp(4rem,15vw,12rem);font-weight:400;color:#fff;margin:0;line-height:.9;letter-spacing:-.04em;background:linear-gradient(to bottom,#fff 30%,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(255,255,255,.1))}.sub-title{margin-top:2rem;font-family:Cormorant Garamond,serif;font-size:1.8rem;color:#9ca3af;max-width:600px;text-align:center;line-height:1.4;padding:0 1rem;animation:fadeIn 2s ease-in}.scroll-indicator{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.7;animation:bounce 2s infinite;cursor:pointer}.scroll-text{font-size:.7rem;letter-spacing:.2em;font-family:Montserrat,sans-serif}.navbar{position:fixed;top:0;width:100%;padding:2rem 4rem;display:flex;justify-content:flex-start;align-items:center;z-index:1000;mix-blend-mode:difference;box-sizing:border-box}.nav-logo{font-family:Cinzel,serif;font-size:1.5rem;font-weight:400;color:#fff;text-decoration:none;letter-spacing:.1em;cursor:pointer}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.nav-item{color:#fff;text-decoration:none;text-transform:uppercase;font-size:.8rem;letter-spacing:.2em;opacity:.8;transition:opacity .3s;cursor:pointer}.nav-item:hover{opacity:1}@media(max-width:768px){.nav-links{display:none}.navbar{padding:1.5rem}}.portal-card{flex:1 1 300px;height:400px;position:relative;border:1px solid rgba(255,255,255,.1);background-image:linear-gradient(to bottom,#1a1a2e,#0a0a0e 70%);background-color:#1a1a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.25,.46,.45,.94);cursor:pointer;overflow:hidden}.portal-inner{position:absolute;inset:10px;border:1px solid rgba(212,175,55,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;transition:all .5s ease}.portal-title{font-family:Cinzel,serif;font-size:2rem;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.1em;transition:letter-spacing .5s ease}.portal-desc{margin-top:1rem;font-family:Cormorant Garamond,sans-serif;font-size:1.2rem;color:#9ca3af;opacity:0;transform:translateY(20px);transition:all .4s ease;text-align:center;max-width:80%;line-height:1.6}.gateway-section{min-height:100vh;background-color:#0a0a0a;background-image:radial-gradient(circle at 50% 50%,#161616,#0a0a0a 80%);color:#e2e2e2;display:flex;flex-direction:column;align-items:center;padding:4rem 2rem}.gateway-header{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:1rem;background:linear-gradient(to bottom,#a8a8a8 10%,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:4rem;border-bottom:1px solid rgba(212,175,55,.5);padding-bottom:1rem}.card-container{display:flex;justify-content:center;gap:2rem;width:100%;max-width:1400px;flex-wrap:wrap}.view-all-btn{margin-top:2rem;width:100%;max-width:1400px;padding:1.5rem 0;height:80px;background-color:#1a1a2e;background-image:linear-gradient(to right,#0a0a0e,#0f0f1e 45% 55%,#0a0a0e);border:1px solid rgba(255,255,255,.1);color:#bbb;font-family:Cinzel,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.view-all-btn:after{content:"";position:absolute;inset:8px;border:1px solid rgba(212,175,55,.2);transition:all .5s ease;pointer-events:none}.view-all-btn:hover{transform:scaleY(1.1) scaleX(1.01);border-color:#7d0909bb;box-shadow:0 0 25px #dc143c4d;letter-spacing:.3em}.view-all-btn:hover:after{border-color:#dc143c80}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background-image:linear-gradient(135deg,#1a1a2e,#050505);border:1px solid rgba(212,175,55,.3);width:100%;max-width:900px;position:relative;box-shadow:0 0 50px #000c;animation:fadeIn .3s ease-out}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;cursor:pointer;z-index:10}.modal-grid{display:grid;grid-template-columns:1fr 1.5fr;min-height:500px}@media(max-width:768px){.modal-grid{grid-template-columns:1fr}.modal-cover{display:none}}.modal-cover{background:linear-gradient(to right,rgba(0,0,0,.3),transparent 20%,transparent 80%,rgba(0,0,0,.3)),linear-gradient(135deg,#4d226a,#121551);display:flex;align-items:center;justify-content:center;padding:2rem;border-right:1px solid rgba(255,255,255,.05)}.modal-cover-title{font-family:Cinzel,serif;color:#fff3;font-size:2rem;text-align:center}.modal-details{padding:3rem;display:flex;flex-direction:column;color:#e2e2e2}.detail-title{font-family:Cinzel,serif;font-size:2.5rem;margin:0 0 .5rem;color:#d4af37}.detail-author{font-family:Montserrat,sans-serif;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.detail-meta{display:flex;gap:2rem;margin-bottom:2rem;font-size:.9rem;color:#64748b}.detail-desc{font-family:Cormorant Garamond,serif;font-size:1.2rem;line-height:1.6;color:#cbd5e1;margin-bottom:auto}.detail-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.checkout-form{display:flex;gap:1rem}.name-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;color:#fff;font-family:Montserrat,sans-serif}.checkout-btn{background-color:#d4af37;color:#000;border:none;padding:0 2rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s}.checkout-btn:hover{background-color:#fff}.checked-out-msg{color:#f87171;font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.5}.checked-out-info{display:flex;gap:1rem}.checkin-btn{background-color:#f87171;color:#000;border:none;padding:0 2rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s;height}.checkin-btn:hover{background-color:#fff}.owner-actions{display:flex;gap:1rem}.read-now-btn{flex:1;background-color:#d4af37;color:#000;border:none;padding:1rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s}.read-now-btn:hover{background-color:#fff;transform:translateY(-2px)}.return-btn-small{background:transparent;border:1px solid rgba(255,255,255,.2);color:#e2e2e2;padding:0 1.5rem;text-transform:uppercase;font-size:.8rem;cursor:pointer;transition:all .3s}.return-btn-small:hover{border-color:#f87171;color:#f87171}.book-card{display:flex;flex-direction:column;cursor:pointer;transition:transform .3s ease}.book-card:hover{transform:translateY(-10px)}.book-cover{height:320px;width:100%;border-radius:4px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.book-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(to right,rgba(0,0,0,.3),transparent 20%,transparent 80%,rgba(0,0,0,.3));pointer-events:none}.cover-title{font-family:Cinzel,serif;font-size:5rem;color:#ffffff1a;font-weight:700}.book-info{text-align:left}.book-title{font-family:Cinzel,serif;font-size:1.1rem;color:#fff;margin:0 0 .5rem;line-height:1.4}.book-author{font-family:Montserrat,sans-serif;font-size:.8rem;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em}.book-status{display:inline-block;font-size:.7rem;padding:.2rem .8rem;border-radius:50px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.status-available{background-color:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-checked{background-color:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.library-container{min-height:100vh;background-color:#020617;color:#e2e2e2;font-family:Montserrat,sans-serif}.library-header{width:100%;padding-top:140px;padding-bottom:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#020617;background-image:url(https://www.transparenttextures.com/patterns/stardust.png),linear-gradient(to bottom,#020617,#0f172a 50%,#1b1c4b 85%,#251e5d);background-size:400px 400px,cover;background-repeat:repeat,no-repeat;position:relative;z-index:10}.library-title{font-family:Cinzel,serif;font-weight:400;font-size:4rem;color:#fff;margin:0 0 2rem;letter-spacing:.25em;text-shadow:0 0 20px rgba(255,255,255,.3)}.search-container{width:100%;max-width:600px;position:relative}.search-input{width:100%;padding:1rem 1.5rem;font-family:Montserrat,sans-serif;font-size:1rem;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-input:focus{background:#ffffff1a;border-color:#818cf8;box-shadow:0 0 30px #818cf833}.search-input::placeholder{color:#fff6;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.library-ocean-layer{width:100%;min-height:80vh;background-color:#020617;background-image:url(https://www.transparenttextures.com/patterns/stardust.png),linear-gradient(to bottom,#1b1c4b,#020617 15%,#000);background-size:400px 400px,cover;background-repeat:repeat,no-repeat;background-attachment:scroll;background-blend-mode:overlay,normal;padding-top:4rem;padding-bottom:4rem;position:relative}.library-content-wrapper{display:flex;gap:3rem;max-width:1600px;margin:0 auto;padding:0 2rem;align-items:flex-start}.library-grid{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}.loading-state,.empty-state{width:100%;text-align:center;padding:6rem;font-family:Cinzel,serif;font-size:1.5rem;color:#fff3;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0003}@media(max-width:1024px){.library-content-wrapper{flex-direction:column}.library-sidebar{width:100%;position:relative;top:0;display:flex;gap:2rem;flex-wrap:wrap}.sidebar-section{flex:1;min-width:200px}}.library-sidebar{width:300px;flex-shrink:0;background:#ffffff03;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02);padding:2.5rem;border-radius:4px;position:sticky;top:120px;box-shadow:0 4px 30px #0000001a}.sidebar-section{margin-bottom:3rem}.sidebar-title{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#d4af37;border-bottom:1px solid rgba(129,140,248,.2);padding-bottom:.5rem;letter-spacing:.1em;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.sort-select{width:100%;padding:.8rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:Montserrat,sans-serif;cursor:pointer;border-radius:2px;transition:all .3s}.sort-select:hover{border-color:#d4af37;background:#d4af370d}.sort-select option{background-color:#050505;color:#fff}.tags-container{display:flex;flex-wrap:wrap;gap:.8rem}.tag-pill{padding:.5rem 1rem;font-family:Montserrat,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:50px;transition:all .3s ease;background:transparent;border:1px solid #1e3a8a;color:#94a3b8}.tag-pill:nth-child(1){border:1px solid #541e8a}.tag-pill:nth-child(2){border:1px solid #1e618a}.tag-pill:nth-child(3){border:1px solid #8a711e}.tag-pill:hover{border-color:#ccc;color:#fff;transform:translateY(-1px)}.tag-pill.active{background:linear-gradient(135deg,#3b226a,#181b5c);border-color:#2e2179;color:#d3d3d3;font-weight:600;box-shadow:0 0 15px #4137d44d}.tag-pill.active:nth-child(1){background:linear-gradient(135deg,#7f2ca0,#3d0f4f);border:1px solid #611e8a;box-shadow:0 0 15px #a037d499}.tag-pill.active:nth-child(2){background:linear-gradient(135deg,#3584ae,#2560a8);border:1px solid #1e618a;box-shadow:0 0 15px #379dd499}.tag-pill.active:nth-child(3){background:linear-gradient(135deg,#b8952b,#ab9017);border:1px solid #e7b922;box-shadow:0 0 15px #d4c73799}.status-toggles{display:flex;flex-direction:column;gap:1rem}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.toggle-label:hover{background:#ffffff08}.toggle-text{font-size:.9rem;color:#e2e2e2}.toggle-label input[type=checkbox]{appearance:none;width:40px;height:20px;background:#1e1b4b;border-radius:20px;position:relative;cursor:pointer;transition:background .3s;border:1px solid rgba(255,255,255,.1)}.toggle-label input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#64748b;border-radius:50%;transition:transform .3s,background .3s}.toggle-label input[type=checkbox]:checked{background:#d4af3733;border-color:#d4af37}.toggle-label input[type=checkbox]:checked:after{transform:translate(20px);background:#d4af37;box-shadow:0 0 10px #d4af3780}.reading-modal-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3000;display:flex;align-items:center;justify-content:center}.reading-modal-content{width:100%;max-width:900px;height:90vh;overflow-y:auto;background-image:radial-gradient(circle at 50% 0%,#1f1212,#0f0a0a 70%);color:#fdfbf7;border:none;box-shadow:0 0 50px #00000080;position:relative;scrollbar-width:thin;scrollbar-color:#2c1810 transparent}.reading-close-btn{position:absolute;top:1rem;right:1rem;padding:.6rem;line-height:0;background:#2c1810;border:none;color:#fff;cursor:pointer;z-index:100;transition:background .3s ease}.reading-close-btn:hover{background:#d4af37;color:#000}.reading-inner-wrapper{padding:4rem 3rem;max-width:700px;margin:0 auto;font-family:Georgia,serif;letter-spacing:.02em}.reading-title{font-family:Cinzel,serif;font-size:3rem;text-align:center;margin-bottom:.5rem;color:#fdfbf7}.reading-author{text-align:center;text-transform:uppercase;letter-spacing:.2em;margin-bottom:4rem;color:#bcbab7;font-family:Montserrat,sans-serif;font-size:.9rem}.reading-text-body{font-size:1.3rem;line-height:1.8;text-align:justify}.reading-footer{margin-top:5rem;text-align:center;border-top:1px solid #e5e5e5;padding-top:2rem}.reading-return-btn{padding:1rem 2rem;background:#2c1810;color:#fff;border:none;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.reading-return-btn:hover{background:#d4af37;color:#000}.shelf-container{min-height:100vh;background-color:#0f0a0a;background-image:radial-gradient(circle at 50% 0%,#1f1212,#0f0a0a 70%);color:#e2e2e2;padding-top:80px}.shelf-login{height:80vh;display:flex;align-items:center;justify-content:center}.login-card{background:#ffffff08;border:1px solid rgba(212,175,55,.2);padding:4rem;text-align:center;max-width:500px;width:90%;box-shadow:0 0 50px #00000080}.shelf-title{font-family:Cinzel,serif;font-weight:500;font-size:2.5rem;color:#d4af37;margin-bottom:1rem}.shelf-input{display:block;width:100%;padding:1rem;margin:2rem 0;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:Montserrat,sans-serif;text-align:center;font-size:1.1rem}.shelf-btn{padding:1rem 3rem;background:#d4af37;color:#000;border:none;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:all .3s}.shelf-btn:hover{background:#fff}.shelf-view{padding:2rem 4rem}.shelf-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem;margin-bottom:4rem}.shelf-subtitle{font-family:Montserrat,sans-serif;color:#9ca3af;margin-top:.5rem}.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af;padding:.5rem 1.5rem;cursor:pointer}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.empty-shelf{grid-column:1 / -1;text-align:center;padding:4rem;color:#64748b}.browse-btn{margin-top:1rem;padding:.8rem 2rem;background:transparent;border:1px solid #D4AF37;color:#d4af37;cursor:pointer}:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e2e2;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}