.clavis-chronicles{position:relative;background:#000}.glass-panel{background:rgba(147,51,234,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(147,51,234,.2);border-radius:.75rem;transition:all .3s ease}.glass-panel:hover{background:rgba(147,51,234,.08);border-color:rgba(147,51,234,.3);box-shadow:0 8px 32px rgba(147,51,234,.2)}.mystical-particles{position:absolute;inset:0;overflow:hidden}.mystical-particles:before{content:"";position:absolute;width:200%;height:200%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(147,51,234,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(59,130,246,.3),transparent),radial-gradient(1px 1px at 90% 10%,rgba(168,85,247,.3),transparent),radial-gradient(1px 1px at 15% 80%,rgba(96,165,250,.3),transparent);background-size:200px 200px,150px 150px,100px 100px,250px 250px;animation:mystical-drift 60s linear infinite}@keyframes mystical-drift{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.clavis-content{--primary-glow:rgba(147,51,234,.4);--secondary-glow:rgba(59,130,246,.4);--accent-glow:rgba(14,165,233,.4);max-width:65ch;width:100%;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.clavis-content h1,.clavis-content h2{background:linear-gradient(135deg,#a855f7,#3b82f6 50%,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px var(--primary-glow)}.clavis-content h3{color:#c084fc;text-shadow:0 0 20px var(--primary-glow)}.clavis-content blockquote{border-left:3px solid #a855f7;background:linear-gradient(90deg,rgba(168,85,247,.1),transparent);padding:1.5rem;margin:2rem 0;font-style:italic;color:#e9d5ff}.clavis-content em{color:#c084fc;font-style:italic}.clavis-content strong{color:#60a5fa;font-weight:600}.clavis-content .mystical-text{background:linear-gradient(90deg,#a855f7,#3b82f6,#0ea5e9,#a855f7);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:mystical-shimmer 3s ease-in-out infinite}@keyframes mystical-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.dimensional-rift{position:relative;padding:2rem;margin:3rem 0;background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(59,130,246,.1));border:1px solid rgba(147,51,234,.3);border-radius:1rem;overflow:hidden}.dimensional-rift:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(147,51,234,.2),transparent);animation:dimensional-rotation 10s linear infinite}@keyframes dimensional-rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dimensional-rift>*{position:relative;z-index:1}.clavis-dialogue{border-left:3px solid #a855f7;color:#e9d5ff}.clavis-dialogue,.elara-dialogue{padding-left:1.5rem;margin:1.5rem 0}.elara-dialogue{border-left:3px solid #3b82f6;color:#dbeafe}.clavis-content a{color:#a78bfa;text-decoration:none;position:relative;transition:color .3s ease}.clavis-content a:hover{color:#c4b5fd;text-shadow:0 0 10px var(--primary-glow)}.clavis-content a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:linear-gradient(90deg,#a855f7,#3b82f6);transition:width .3s ease}.clavis-content a:hover:after{width:100%}.clavis-content>div>code:first-of-type,.clavis-content>div>p:first-of-type,.clavis-content>div>pre:first-of-type{display:none}.clavis-content>div>h2:first-of-type{margin-top:0}.prose.prose-invert{color:#e5e7eb}.prose.prose-invert h1{color:inherit;margin-top:0}.prose.prose-invert h2,.prose.prose-invert h3{color:inherit}.clavis-prose{color:#e5e7eb;line-height:1.8;font-size:1.125rem}.clavis-prose h1{background:linear-gradient(135deg,#a855f7,#14b8a6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.clavis-prose h1,.clavis-prose h2{-webkit-text-fill-color:transparent}.clavis-prose h2{background:linear-gradient(135deg,#c084fc,#5eead4);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600;margin-top:3rem;margin-bottom:1.5rem}.clavis-prose h3{color:#c084fc;font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.clavis-prose p{margin-bottom:1.5rem}.clavis-prose blockquote{border-left:3px solid #a855f7;background:linear-gradient(90deg,rgba(168,85,247,.1),transparent);padding:1.5rem;margin:2rem 0;font-style:italic;color:#e9d5ff}.clavis-prose a{color:#a78bfa;text-decoration:none;position:relative;transition:color .3s ease}.clavis-prose a:hover{color:#c4b5fd;text-shadow:0 0 10px rgba(167,139,250,.5)}.clavis-prose strong{color:#5eead4;font-weight:600}.clavis-prose em{color:#c084fc;font-style:italic}.clavis-content *{max-width:100%}.clavis-content>div{width:100%}@media (max-width:768px){.clavis-content{padding-left:1rem;padding-right:1rem}.clavis-content h1{font-size:2rem}.clavis-content h2{font-size:1.5rem}.clavis-content h3{font-size:1.25rem}.clavis-chronicles .relative.z-10{margin-left:0!important}}