:root{--bg-base:#0b0710;--bg-surface:#140d1c;--bg-surface-hover:#1c1328;--bg-glass:#140d1cbf;--primary:#9d4edd;--primary-hover:#c77dff;--primary-glow:#9d4edd80;--primary-dim:#9d4edd1f;--accent-gold:#ffb703;--accent-gold-dim:#ffb7031a;--success:#2dc653;--error:#ef233c;--text-main:#f0f0f5;--text-secondary:#c8c8d0;--text-muted:#8b8b9e;--text-dark:#212529;--border-color:#ffffff12;--border-color-hover:#ffffff24;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Merriweather", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50px;--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 20px var(--primary-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border-color);will-change:transform, backdrop-filter;transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 25px var(--primary-glow), 0 0 40px #9d4edd40}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerSweep{0%{left:-100%}20%{left:200%}to{left:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2.5s infinite pulse-glow}.shimmer-btn{position:relative;overflow:hidden}.shimmer-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:4s infinite shimmerSweep;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-gradient{background:linear-gradient(135deg,#c77dff 0%,#9d4edd 50%,#7b2cbf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-card)}.badge-card{-webkit-backdrop-filter:blur(12px);will-change:transform, box-shadow;background:#140d1c99;padding:1.5rem;transition:all .3s;transform:translateZ(0)}.badge-card:hover{box-shadow:0 8px 32px var(--card-glow,#9d4edd26);border-color:var(--card-glow-border,#fff3);transform:translateY(-4px)}.badge-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;min-height:4.5rem;margin-bottom:1.5rem;display:flex}.badge-card-title{white-space:nowrap;margin-bottom:.2rem;font-size:1.15rem;font-weight:700}@media (max-width:480px){.badge-card{padding:1rem}.badge-card-header{gap:.5rem}.badge-card-title{font-size:.95rem}}.friend-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.friend-card:hover{border-color:var(--border-color-hover);background:#ffffff0d;transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);align-items:center;gap:.5rem;transition:color .2s;display:inline-flex}.btn-ghost:hover{color:var(--text-main)}.nav-profile-link{color:var(--text-muted);align-items:center;gap:.5rem;transition:color .2s;display:flex}.nav-profile-link:hover{color:var(--text-main)}.nav-profile-link.logged-in{border:1px solid var(--border-color);background:#ffffff0d;border-radius:50px;padding:.3rem .75rem .3rem .3rem}@media (max-width:640px){.nav-profile-link.logged-in{border-radius:50%;padding:.3rem}}.nav-admin-link{color:var(--accent-gold);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex}.nav-admin-link:hover{opacity:.8}.nav-tg-link{color:#08c;background:#0088cc1a;border:1px solid #08c3;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.nav-tg-link:hover{background:#08c3;border-color:#08c6;transform:translateY(-1px)}@media (max-width:640px){.nav-tg-link{border-radius:50%;justify-content:center;width:30px;height:30px;padding:0}}.prose{font-family:var(--font-serif);color:#f0f0f5e0;text-align:left;max-width:800px;margin:0 auto;padding:0 1rem}.align-justify{-webkit-hyphens:auto;hyphens:auto;text-align:justify!important}.indent-true p{text-indent:1.5em;margin-bottom:.5em!important}.reader-slider{-webkit-appearance:none;background:0 0;width:100%}.reader-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-7px;transition:transform .1s;box-shadow:0 0 10px #9d4edd80}.reader-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.reader-slider::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff1a;border-radius:2px;width:100%;height:4px}.reader-slider:focus{outline:none}.prose p{letter-spacing:.2px;margin-bottom:1.2em}.prose h1,.prose h2,.prose h3{font-family:var(--font-sans);color:var(--text-main);text-indent:0;text-align:center;margin-top:2em;margin-bottom:1em;font-weight:600}.prose h1{font-size:2.2rem}.prose h2{font-size:1.6rem}.prose h3{font-size:1.3rem}.prose hr{border:none;border-top:1px solid var(--border-color);margin:3em 0}.prose em{color:#f0f0f5b3;font-style:italic}.prose blockquote{border-left:3px solid var(--primary);color:var(--text-secondary);margin:2em 0;padding-left:1.5em;font-style:italic}.chapter-card{border-radius:var(--radius-sm);text-align:center;padding:.85rem 0;font-size:1rem;font-weight:600;transition:all .2s}.chapter-card-missing{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color);opacity:.5}.chapter-card-missing:hover{background:var(--bg-surface-hover);opacity:.8;border-color:var(--border-color-hover)}.chapter-card-available{background:var(--primary-dim);color:var(--primary-hover);border:1px solid var(--primary);opacity:1}.chapter-card-available:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.named-chapter-card{border-radius:var(--radius-md);border:1px solid #0000;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.named-chapter-missing{opacity:.6;background:0 0;border:1px dashed #ffffff1a}.named-chapter-missing:hover{opacity:.8;background:#ffffff05;border-style:solid;border-color:#ffffff26}.named-chapter-missing .named-chapter-prefix,.named-chapter-missing .named-chapter-title{color:var(--text-muted)}.named-chapter-available{background:var(--bg-surface);opacity:1;border:1px solid #9d4edd4d}.named-chapter-available:hover{background:var(--bg-surface-hover);border-color:var(--primary);box-shadow:0 0 15px #9d4edd26}.named-chapter-available .named-chapter-prefix{color:var(--primary)}.named-chapter-available .named-chapter-title{color:var(--text-main)}.named-chapter-prefix{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600;transition:color .2s}.named-chapter-title{font-size:1.1rem;font-weight:500;transition:color .2s}.dashboard-chapter-link{border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:.75rem 0;transition:all .2s;display:flex}.dashboard-chapter-link:hover{transform:scale(1.05)}.dashboard-chapter-link-available{background:var(--primary-dim);border:1px solid var(--primary);color:var(--text-main)}.dashboard-chapter-link-missing{background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-muted)}.hide-on-mobile{display:none}@media (min-width:640px){.hide-on-mobile{display:inline}}@media (max-width:768px){.container{padding:0 1rem}}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.request-actions{flex-shrink:0;gap:.5rem;display:flex}.request-action-btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.85rem;display:flex}@media (max-width:480px){.request-actions{width:100%}.request-action-btn{flex:1}}