.comic-viewer{background:var(--card-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-primary)}.comic-viewer .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pdf-controls{justify-content:space-between;padding:15px 20px;background:var(--card-primary);border-bottom:1px solid var(--border-primary);flex-wrap:wrap}.pdf-controls,.pdf-nav{display:flex;align-items:center;gap:15px}.nav-button{background:var(--high-normal);color:var(--text-primary);border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .2s ease;opacity:.7}.nav-button:hover:not(:disabled){background:var(--high-contrast)}.nav-button:disabled{background:var(--card-secondary);color:var(--text-muted);cursor:not-allowed}.page-indicator{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.page-input{width:60px;padding:6px 8px;border:1px solid var(--border-primary);border-radius:4px;background:var(--card-primary);color:var(--text-primary);text-align:center;font-size:14px}.page-input:focus{outline:none;border-color:var(--high-normal)}.pdf-actions{display:flex;gap:10px}.download-link{color:var(--high-normal);text-decoration:none;font-weight:500;padding:8px 16px;border:1px solid var(--high-normal);border-radius:6px;transition:all .2s ease;font-size:14px}.download-link:hover{background:var(--high-normal);color:var(--text-primary)}.pdf-container{position:relative;min-height:400px;display:flex;justify-content:center;align-items:flex-start;background:#fff;padding:20px;overflow-x:auto}.pdf-viewer-wrapper{position:relative;display:inline-block;cursor:pointer;transition:opacity .3s ease}.pdf-viewer-wrapper.transitioning{opacity:.85}.pdf-viewer-wrapper:hover .pdf-nav-overlay{opacity:1}.pdf-nav-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10}.nav-hint{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;color:rgba(0,0,0,.6);font-size:14px;font-weight:500;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-hint.left{left:10px;flex-direction:row}.nav-hint.right{right:10px;flex-direction:row-reverse}.nav-arrow{font-size:18px;font-weight:700;color:var(--high-normal)}.nav-text{white-space:nowrap}.pdf-error,.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-top-color:var(--high-normal);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pdf-error p,.pdf-loading p{color:var(--text-secondary);font-size:16px;margin-bottom:15px}.pdf-error p{color:#f44}.pdf-page{max-width:100%;width:auto;height:auto;max-height:80vh;box-shadow:var(--shadow-lg);border-radius:4px}@media(max-width:768px){.comic-viewer{height:auto;min-height:400px}.pdf-controls{flex-direction:column;gap:10px;align-items:stretch}.pdf-actions,.pdf-nav{justify-content:center}.pdf-container{padding:10px;min-height:300px;max-height:70vh;overflow-y:auto}.pdf-page{max-width:100%;width:auto;height:auto;max-height:calc(70vh - 100px)}.pdf-viewer-wrapper{max-width:100%;overflow-x:auto}.pdf-nav-overlay{display:none}.pdf-viewer-wrapper{cursor:default}}.video-player{width:100%;max-width:800px;margin:0 auto;text-align:center;padding:20px;background:var(--card-secondary);border-radius:8px}.video-player .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.video-player-element{width:100%;max-width:800px;border-radius:8px;border:1px solid var(--border-primary)}@media(max-width:768px){.video-player{padding:15px}.video-player-element{width:100%}}.audio-player-container{width:100%;max-width:800px;margin:0 auto;text-align:center;padding:20px;background:var(--card-secondary);border-radius:8px}.audio-player-container .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.audio-player{width:100%;max-width:600px;margin:0 auto;border-radius:8px;background:var(--card-primary);border:1px solid var(--border-primary)}@media(max-width:768px){.audio-player-container{padding:15px}.audio-player{width:100%}}.image-viewer{width:100%;text-align:center}.image-viewer .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.illustration-image{max-width:100%;max-height:600px;object-fit:contain;border-radius:8px;border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}@media(max-width:768px){.illustration-image{max-height:400px}}:root{--nocturnal-back-primary:#010812;--nocturnal-back-secondary:#050d13;--nocturnal-back-accent:#020a1d;--nocturnal-card-primary:#070a0d;--nocturnal-card-secondary:#0e1115;--nocturnal-card-tertiary:#181c20;--nocturnal-high-muted:#977e64;--nocturnal-high-normal:#dab98a;--nocturnal-high-contrast:#fbe3ac;--nocturnal-text-primary:#fbe3ac;--nocturnal-text-secondary:#dab98a;--nocturnal-text-muted:#977e64;--nocturnal-border-primary:#dab98a;--nocturnal-border-secondary:#977e64}[data-theme=diurnal]{--diurnal-back-primary:#4faeca;--diurnal-back-secondary:#a7cbd4;--diurnal-back-accent:#d1d8d9;--diurnal-card-primary:#ffffff;--diurnal-card-secondary:#f8f9fa;--diurnal-card-tertiary:#fdfdfe;--diurnal-high-muted:#6c757d;--diurnal-high-normal:#dc3545;--diurnal-high-contrast:#1a1a1a;--diurnal-text-primary:#1a1a1a;--diurnal-text-secondary:#495057;--diurnal-text-muted:#6c757d;--diurnal-border-primary:#dc3545;--diurnal-border-secondary:#adb5bd}:root{--back-primary:var(--nocturnal-back-primary);--back-secondary:var(--nocturnal-back-secondary);--back-accent:var(--nocturnal-back-accent);--card-primary:var(--nocturnal-card-primary);--card-secondary:var(--nocturnal-card-secondary);--card-tertiary:var(--nocturnal-card-tertiary);--high-muted:var(--nocturnal-high-muted);--high-normal:var(--nocturnal-high-normal);--high-contrast:var(--nocturnal-high-contrast);--text-primary:var(--nocturnal-text-primary);--text-secondary:var(--nocturnal-text-secondary);--text-muted:var(--nocturnal-text-muted);--border-primary:var(--nocturnal-border-primary);--border-secondary:var(--nocturnal-border-secondary);--font-system:"Crimson Text",serif;--font-heading:"Cinzel",serif}[data-theme=diurnal]{--back-primary:var(--diurnal-back-primary);--back-secondary:var(--diurnal-back-secondary);--back-accent:var(--diurnal-back-accent);--card-primary:var(--diurnal-card-primary);--card-secondary:var(--diurnal-card-secondary);--card-tertiary:var(--diurnal-card-tertiary);--high-muted:var(--diurnal-high-muted);--high-normal:var(--diurnal-high-normal);--high-contrast:var(--diurnal-high-contrast);--text-primary:var(--diurnal-text-primary);--text-secondary:var(--diurnal-text-secondary);--text-muted:var(--diurnal-text-muted);--border-primary:var(--diurnal-border-primary);--border-secondary:var(--diurnal-border-secondary);--font-system:"Crimson Text",serif;--font-heading:"Cinzel",serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}body{background-color:var(--back-primary);color:var(--text-primary);font-family:Crimson Text,serif;font-weight:400;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{cursor:pointer}a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}.relic-border{position:relative}.relic-border:after,.relic-border:before{content:"";position:absolute;background:var(--border-primary);opacity:.3}.relic-border-horizontal:before{top:-2px;left:0;right:0;height:1px}.relic-border-horizontal:after{top:-6px;left:0;right:0;height:1px}.relic-border-vertical:before{left:-2px;top:0;bottom:0;width:1px}.relic-border-vertical:after{left:-6px;top:0;bottom:0;width:1px}.relic-card{background:var(--card-primary);border:1px solid var(--border-primary);position:relative}.relic-card-secondary{background:var(--card-secondary);border:1px solid var(--border-secondary)}.relic-card-tertiary{background:var(--card-tertiary);border:1px solid var(--border-secondary);opacity:.9}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--high-contrast)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}.space-xs{margin:.5rem}.space-sm{margin:1rem}.space-md{margin:1.5rem}.space-lg{margin:2rem}.space-xl{margin:3rem}.space-xxl{margin:4rem}.relic-container{max-width:1200px;margin:0 auto;padding:0 2rem}.relic-section{padding:4rem 0}.interactive,button{cursor:pointer;transition:all .2s ease;border:1px solid var(--border-primary);background:rgba(0,0,0,0);color:var(--text-primary)}.interactive:hover,button:hover{background:var(--card-primary);border-color:var(--high-normal)}.interactive:active,button:active{background:var(--card-secondary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--card-primary)}::-webkit-scrollbar-thumb{background:var(--high-normal);border:2px solid var(--card-primary)}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:var(--high-contrast)}*{scrollbar-width:thin;scrollbar-color:var(--high-normal) var(--card-primary)}@media(max-width:768px){.relic-container{padding:0 1rem}.relic-section{padding:2rem 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.textual-content{max-width:800px;margin:0 auto;padding:20px;background:var(--card-secondary);border-radius:8px;color:var(--text-primary);font-size:1rem;line-height:1.6}.textual-content .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.textual-content h1,.textual-content h2,.textual-content h3,.textual-content h4,.textual-content h5,.textual-content h6{color:var(--text-primary);margin-top:1.5em;margin-bottom:.5em}.textual-content h1{font-size:2.2rem;border-bottom:2px solid var(--high-normal);padding-bottom:.5rem}.textual-content h2{font-size:1.8rem;border-bottom:1px solid var(--high-normal);padding-bottom:.3rem}.textual-content h3{font-size:1.5rem}.textual-content h4{font-size:1.3rem}.textual-content p{margin-bottom:1em}.textual-content ol,.textual-content ul{margin-bottom:1em;padding-left:2em}.textual-content li{margin-bottom:.5em}.textual-content blockquote{border-left:4px solid var(--high-normal);margin:1em 0;font-style:italic;color:var(--text-secondary);background:var(--card-tertiary);padding:1em;border-radius:0 8px 8px 0}.textual-content b,.textual-content strong{font-weight:600;color:var(--high-contrast)}.textual-content em,.textual-content i{font-style:italic;color:var(--high-normal)}.textual-content a{color:var(--high-normal);text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:border-color .2s}.textual-content a:hover{border-bottom-color:var(--high-normal)}.textual-content code{background:var(--card-tertiary);padding:.2em .4em;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;color:var(--high-contrast)}.textual-content pre{background:var(--card-tertiary);padding:1em;border-radius:8px;overflow-x:auto;border:1px solid var(--border-primary);margin:1em 0}.textual-content pre code{background:none;padding:0;border-radius:0}.textual-content hr{border:none;border-top:1px solid var(--border-primary);margin:2em 0}.textual-content table{width:100%;border-collapse:collapse;margin:1em 0;background:var(--card-primary);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.textual-content td,.textual-content th{padding:.75em;text-align:left;border-bottom:1px solid var(--border-primary)}.textual-content th{background:var(--card-secondary);font-weight:600;color:var(--high-contrast)}.textual-content tr:last-child td{border-bottom:none}.textual-content tr:nth-child(2n){background:var(--card-tertiary)}@media(max-width:768px){.textual-content{padding:15px;font-size:.95rem}.textual-content h1{font-size:1.8rem}.textual-content h2{font-size:1.5rem}.textual-content blockquote{padding:.75em}.textual-content table{font-size:.9rem}.textual-content td,.textual-content th{padding:.5em}}.archive-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--back-primary);padding:20px}.archive-container{background:var(--card-primary);padding:40px;border-radius:8px;box-shadow:var(--shadow-lg);text-align:center;max-width:600px;width:100%;border:1px solid var(--border-primary)}.archive-container h1{margin-bottom:20px;color:var(--text-primary)}.archive-container p{color:var(--text-secondary);margin-bottom:30px}.user-info{background:var(--card-secondary);padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid var(--border-primary)}.user-info p{margin:5px 0;color:var(--text-primary)}.back-link{color:var(--high-normal);text-decoration:none;font-weight:500}.back-link:hover{color:var(--high-contrast);text-decoration:underline}.archive-content{margin:30px 0}.content-section,.series-section{margin-bottom:40px}.content-section h2,.series-section h2{color:var(--text-primary);margin-bottom:20px;font-size:1.5rem}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.series-card{background:var(--card-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:20px;text-decoration:none;transition:all .2s ease;display:block;position:relative;overflow:hidden}.series-card:hover{background:var(--card-primary);border-color:var(--high-normal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.series-card-content h3{color:var(--text-primary);margin:0 0 10px;font-size:1.2rem}.series-card-content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.content-section p{color:var(--text-secondary);margin:0;text-align:center;font-style:italic}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.content-card{background:var(--card-secondary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;transition:all .2s ease;position:relative}.content-card:hover{background:var(--card-primary);border-color:var(--high-normal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.content-card-link{width:100%;padding:20px;background:none;border:none;cursor:pointer;text-align:left;color:inherit}.content-card-link:hover{color:inherit}.content-card-link h3{margin:0 0 8px;color:var(--text-primary);font-size:1.1rem}.content-description{margin:0 0 12px;font-size:.9rem;line-height:1.4}.content-meta{gap:8px}.nsfw-indicator{color:#fff!important;padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:500}.content-type{color:var(--high-normal);font-size:.8rem;font-weight:500}.content-date,.series-name{color:var(--text-muted);font-size:.8rem}.loading{color:var(--text-secondary);font-size:18px}.content-content{max-width:800px;width:100%;padding:3rem;margin-top:2rem;position:relative;border-radius:8px}.content-content .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.content-title{font-size:2.5rem;font-weight:700;color:var(--high-contrast);text-align:center;margin-bottom:2rem;position:relative}.content-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);width:100px;height:2px;background:var(--border-primary);opacity:.6}.content-body{color:var(--text-primary);line-height:1.7}.content-body .coming-soon-message{text-align:center;padding:3rem 0}.content-body .coming-soon-message h2{font-size:2rem;color:var(--high-normal);margin-bottom:1rem}.content-body .coming-soon-message p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem}@media(max-width:768px){.archive-page{align-items:flex-start;padding:20px 10px 10px}.archive-container{padding:20px;margin:0}.content-grid,.series-grid{grid-template-columns:1fr;gap:15px}.user-info{padding:15px}.content-page{padding:1rem}.content-content{padding:2rem 1.5rem;margin-top:1rem}.content-title{font-size:2rem}.coming-soon-message h2{font-size:1.8rem}}@media(max-width:480px){.archive-page{padding:5px}.archive-container{padding:15px}h1{font-size:1.8rem}.content-section h2,.series-section h2{font-size:1.3rem}.content-content{padding:1.5rem 1rem}.content-title{font-size:1.8rem}.coming-soon-message h2{font-size:1.5rem}}.content-page{min-height:100vh;background:var(--back-primary);padding:2rem;display:flex;justify-content:center;align-items:flex-start}.content-container{max-width:1200px;width:100%;margin-top:2rem}.series-banner{width:100%;margin-bottom:2rem;border-radius:8px;overflow:hidden;border:1px solid var(--border-primary);position:relative}.series-banner .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.banner-image{width:100%;height:300px;object-fit:cover;display:block}.breadcrumb{display:flex;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:.5rem}.breadcrumb-link{background:none;border:none;color:var(--high-normal);cursor:pointer;font-size:14px;text-decoration:none;padding:4px 8px;border-radius:4px;transition:background .2s ease}.breadcrumb-link:hover{background:var(--card-primary);text-decoration:underline}.breadcrumb-separator{color:var(--text-muted);font-size:14px;margin:0 4px}.breadcrumb-current{color:var(--text-secondary);font-size:14px;font-weight:500}.content-header{display:grid;grid-template-columns:200px 1fr;grid-gap:2rem;gap:2rem;margin-bottom:3rem;align-items:start}.content-thumbnail{border-radius:8px;overflow:hidden;border:1px solid var(--border-primary);position:relative}.content-thumbnail .border-decoration-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.thumbnail-image{width:100%;height:200px;object-fit:cover;display:block}.content-info h1{font-size:2.5rem;color:var(--text-primary);margin:0 0 1rem;line-height:1.2}.content-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.content-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.meta-item{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--card-secondary);border-radius:6px;font-size:.9rem;color:var(--text-secondary);border:1px solid var(--border-primary)}.nsfw-indicator{background:#f44;color:#fff;border-color:#c33}.back-button,.content-display{margin-top:2rem}.back-button{background:var(--high-normal);color:var(--text-primary);border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background .2s ease}.back-button:hover{background:var(--high-contrast)}@media(max-width:768px){.content-page{padding:1rem}.content-container{margin-top:1rem}.content-header{grid-template-columns:1fr;gap:1.5rem}.content-thumbnail{order:-1}.thumbnail-image{height:150px}.content-info h1{font-size:2rem}.content-description{font-size:1rem}.content-meta{gap:.75rem}.meta-item{padding:.4rem .8rem;font-size:.85rem}.series-banner .banner-image{height:200px}}