@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Playfair+Display:wght@700&family=Caveat:wght@400;700&display=swap";@font-face{font-family:Britani;src:url(https://res.cloudinary.com/ddmj6zevz/raw/upload/v1756916641/brittany_ifg3wl.ttf) format("truetype");font-display:swap}:root{--bg-color-light: #fdfaf4;--text-color-light: #000000;--paper-bg-light: #fdfaf4;--modal-bg-light: #fdfaf4;--protected-modal-bg-light: #f5f5f4;--header-border-light: #292524;--bg-color-dark: #1f2023;--text-color-dark: #e8e6e3;--paper-bg-dark: #2a2a2e;--modal-bg-dark: #313236;--note-bg-dark: #3a3a40;--border-color-dark: #4d4d53;--header-border-dark: #a8a29e;--protected-modal-bg-dark: #313236;--library-card-bg-dark: #2a2a2e}body{font-family:Courier Prime,monospace;background-color:var(--bg-color-light);background-image:url(https://www.transparenttextures.com/patterns/paper.png);transition:background-color .3s,color .3s;color:var(--text-color-light)}body.dark{background-color:var(--bg-color-dark);background-image:url(https://www.transparenttextures.com/patterns/dark-paper.png);color:var(--text-color-dark)}body.modal-open{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;color:#000}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:var(--text-color-dark)}.font-typewriter{font-family:Courier Prime,monospace}.font-handwriting{font-family:Caveat,cursive}.newspaper-title{font-family:Britani,serif;font-weight:400;letter-spacing:normal}body.dark .newspaper-title{color:var(--text-color-dark)}.header-video-banner{position:relative;width:100%;padding-top:calc(337 / 1080 * 100%)}.header-video-banner>*{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes pulse{50%{transform:scale(1.05)}}.animate-pulse-slow{animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin-very-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-very-slow{animation:spin-very-slow 25s linear infinite}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}.fade-in-image{animation:fadeInImage .8s ease-in-out}.book{transform-style:preserve-3d}.page-container{transform-origin:left center;transition:transform .8s cubic-bezier(.645,.045,.355,1);transform-style:preserve-3d}.page-container.flipped{transform:rotateY(-180deg)}.page-front,.page-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;width:100%;height:100%}.page-back{transform:rotateY(180deg)}.page-container.turning,.mobile-page.turning{transition:none}.mobile-book{position:relative;perspective:1500px;width:auto;height:85vh;max-height:800px;aspect-ratio:9 / 16;margin:0 auto}.mobile-page{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:left center;transition:transform .6s cubic-bezier(.6,.04,.98,.335);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 4px 15px #0003;border-radius:12px;overflow:hidden}.mobile-page.flipped{transform:rotateY(-180deg)}.listener-counter{position:absolute;top:8px;right:8px;z-index:20;display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 5px #0000001a}body.dark .listener-counter{background:#0006}body.dark .counter-title,body.dark .digit-char{color:var(--text-color-dark)}body.dark .digit-box{background:#3a3a40;border-color:#4d4d53}.counter-title{font-size:10px;font-weight:700;color:#000;margin-bottom:4px;text-transform:uppercase;letter-spacing:.1em}.digits-container{display:flex;gap:4px}.digit-box{position:relative;width:28px;height:40px;display:flex;align-items:center;justify-content:center;background:#e5e0d7;border:1px solid #d1cbbc;border-radius:4px;box-shadow:inset 0 2px 3px #0000001a;overflow:hidden}.digit-char{font-family:Courier Prime,monospace;font-size:30px;font-weight:700;color:#1a1a1a;line-height:1;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-notes-icon{position:absolute;top:15px;left:15px;z-index:21;width:60px;cursor:pointer;transition:transform .2s ease-in-out;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));display:flex;flex-direction:column;align-items:center;gap:4px}.admin-notes-icon:hover{transform:scale(1.1)}.admin-notes-icon .relative{width:100%}.admin-notes-badge{position:absolute;top:-5px;right:-5px;background-color:#dc2626;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid white;font-family:Courier Prime,monospace}.admin-notes-modal-backdrop,.admin-auth-modal-backdrop,.recommendation-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem}.admin-auth-modal-backdrop{z-index:101}.admin-notes-modal-content,.admin-auth-modal-content,.recommendation-modal-content{position:relative;background-color:var(--modal-bg-light);width:100%;max-height:90vh;border-radius:8px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;overflow:hidden}.admin-notes-modal-content,.recommendation-modal-content{max-width:500px}.admin-auth-modal-content{max-width:400px;padding:2rem}body.dark .admin-notes-modal-content,body.dark .admin-auth-modal-content,body.dark .recommendation-modal-content{background-color:var(--modal-bg-dark);border:1px solid var(--border-color-dark)}.admin-notes-modal-header{padding:1rem 1.5rem;border-bottom:2px solid #e5e0d7;display:flex;justify-content:space-between;align-items:center}body.dark .admin-notes-modal-header{border-bottom-color:var(--border-color-dark)}.admin-notes-modal-header h2{font-size:1.5rem;font-family:Playfair Display,serif}.admin-notes-modal-close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#57534e}body.dark .admin-notes-modal-close-btn{color:var(--text-color-dark)}.admin-notes-modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1}.note-list-item{background-color:#fff;margin-bottom:1rem;border-left:5px solid;padding:1rem;border-radius:4px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}body.dark .note-list-item{background-color:var(--note-bg-dark)}.note-list-item .note-text{font-family:Caveat,cursive;font-size:1.5rem;line-height:1.3;color:#333;white-space:pre-wrap;word-break:break-word}.note-list-item .note-author{margin-top:.5rem;font-weight:700;text-align:right;color:#555;font-size:.9rem}body.dark .note-list-item .note-text,body.dark .note-list-item .note-author{color:var(--text-color-dark)}.note-delete-btn{background-color:#fecaca;color:#b91c1c;border:none;border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;transition:background-color .2s;flex-shrink:0}.note-delete-btn:hover{background-color:#ef4444;color:#fff}.sticky-note{position:absolute;width:150px;height:150px;padding:1rem;box-shadow:0 5px 10px #0003;transition:transform .2s ease-in-out;cursor:pointer;pointer-events:all;display:flex;flex-direction:column;justify-content:space-between}.sticky-note:hover{transform:scale(1.1) rotate(0)!important;z-index:60}.sticky-note-text-preview{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.1rem;line-height:1.3}.sticky-note-author{font-weight:700;text-align:right;font-size:1rem;font-family:Courier Prime,monospace;margin-top:.5rem}.sticky-note-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:all}.sticky-note-expanded{position:relative;width:90vw;height:90vw;max-width:400px;max-height:400px;padding:1.5rem;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column}.sticky-note-close-btn{position:absolute;top:8px;right:8px;background:#0003;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.5rem;line-height:1;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.library-item-card{transition:transform .3s ease,box-shadow .3s ease}.library-item-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}body.dark .library-item-card{background-color:var(--library-card-bg-dark);box-shadow:0 4px 6px #0003}body.dark .library-item-card:hover{box-shadow:0 10px 20px #0000004d}.library-detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.library-detail-modal-content{background-color:var(--modal-bg-light);border-radius:8px;box-shadow:0 10px 25px #0000004d;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:800px;height:auto;max-height:90vh}body.dark .library-detail-modal-content{background-color:var(--modal-bg-dark);border:1px solid var(--border-color-dark)}.filter-button{transition:all .2s ease-in-out}.filter-button.active{background-color:#1c1917;color:#fff;box-shadow:0 2px 4px #0003}body.dark .filter-button.active{background-color:#e7e5e4;color:#1f2023}body.dark .border-stone-800{border-color:var(--header-border-dark)}body.dark .bg-\[\#fdfaf4\],body.dark .page-front,body.dark .page-back,body.dark .mobile-page{background-color:var(--paper-bg-dark)!important}body.dark .bg-stone-100{background-color:var(--protected-modal-bg-dark)!important}body.dark .text-black,body.dark .text-gray-800,body.dark .text-stone-800,body.dark .text-stone-700,body.dark .text-stone-500{color:var(--text-color-dark)!important}body.dark .text-stone-600{color:#a8a29e!important}body.dark .bg-stone-800{background-color:#1c1917!important}body.dark input[type=password],body.dark input[type=text],body.dark textarea{background-color:var(--paper-bg-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}body.dark .bg-\[rgba\(255,255,255,0\.7\)\]{background-color:#1f2023d9}body.dark .text-black\/60,body.dark .text-black\/70{color:#e8e6e3b3}body.dark .hover\:bg-stone-200\/50:hover{background-color:#4d4d5380}body.dark .border-stone-300{border-color:var(--border-color-dark)}body.dark text{fill:var(--text-color-dark)}body.dark .bg-white{background-color:var(--paper-bg-dark)!important}.theme-switcher{position:relative;width:28px;height:28px;border-radius:50%;background-color:#0000001a;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.theme-switcher:hover{transform:scale(1.1) rotate(15deg);background-color:#0003}.theme-switcher svg{width:16px;height:16px;color:#1c1917;transition:opacity .3s,transform .3s}body.dark .theme-switcher{background-color:#ffffff1a;border-color:#fff3}body.dark .theme-switcher svg{color:#fdfaf4}.theme-switcher .sun-icon{opacity:1;transform:scale(1) rotate(0)}.theme-switcher .moon-icon{opacity:0;transform:scale(0) rotate(-90deg);position:absolute}body.dark .theme-switcher .sun-icon{opacity:0;transform:scale(0) rotate(90deg)}body.dark .theme-switcher .moon-icon{opacity:1;transform:scale(1) rotate(0)}