:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--sidebar-bg: #0f172a;--sidebar-text: #ffffff;--sidebar-hover: #1e293b;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--notebook-bg: #fffdfa;--notebook-header: #f8f6f0;--notebook-toolbar: #fdfcf7;--notebook-text: #2c3e50;--notebook-line: #cbd5e1;--notebook-margin: #fecaca;--sepia-bg: #f4ecd8;--sepia-text: #5b4636;--sepia-border: #e2d7b5;--reading-dark-bg: #1a1a1a;--reading-dark-text: #e5e7eb;--reading-dark-border: #333333;--cat-law: #2563eb;--cat-legislation: #9333ea;--cat-general: #16a34a;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(226, 232, 240, .5)}.theme-sepia{background-color:var(--sepia-bg)!important;color:var(--sepia-text)!important}.theme-dark{background-color:var(--reading-dark-bg)!important;color:var(--reading-dark-text)!important}.reading-content{transition:all .3s ease}html,body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;margin:0;padding:0;min-height:100vh}img{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.animate-float img,[class*=carousel] img{image-rendering:high-quality;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.notebook-container{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-radius:12px}.glass-morphism{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.premium-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.font-handwriting{font-family:Kalam,cursive;font-weight:400}.font-sans{font-family:Inter,sans-serif}.font-serif{font-family:Playfair Display,serif}.font-roboto{font-family:Roboto,sans-serif}.font-lora{font-family:Lora,serif}.font-dancing{font-family:Dancing Script,cursive}.font-caveat{font-family:Caveat,cursive}.font-indie{font-family:Indie Flower,cursive}.font-patrick{font-family:Patrick Hand,cursive}.notebook-preview strong{font-weight:700;color:var(--notebook-text)}.notebook-preview ul{list-style-type:disc;padding-left:1.5rem;margin:.5rem 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px;transition:all .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b80}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.perspective-1000{perspective:1000px}.carousel-container{display:flex;align-items:center;justify-content:center;overflow:visible;padding:40px 0}.carousel-card{transition:all .8s cubic-bezier(.25,.46,.45,.94);cursor:pointer;transform-style:preserve-3d;will-change:transform,opacity,filter;backface-visibility:hidden}.carousel-card.active{transform:translateZ(250px) scale(1.1);z-index:20;opacity:1;filter:blur(0px) brightness(1.15);box-shadow:0 60px 120px -30px #000c,0 30px 60px -15px #3b82f64d,0 0 80px #3b82f633}.carousel-card.prev{transform:translate(-420px) rotateY(38deg) scale(.75);z-index:10;opacity:.5;filter:blur(3px) brightness(.6);box-shadow:0 30px 60px -15px #0009}.carousel-card.next{transform:translate(420px) rotateY(-38deg) scale(.75);z-index:10;opacity:.5;filter:blur(3px) brightness(.6);box-shadow:0 30px 60px -15px #0009}.carousel-card.far-prev{transform:translate(-720px) rotateY(50deg) scale(.55);z-index:5;opacity:.25;filter:blur(6px) brightness(.4);box-shadow:0 20px 40px -10px #00000080}.carousel-card.far-next{transform:translate(720px) rotateY(-50deg) scale(.55);z-index:5;opacity:.25;filter:blur(6px) brightness(.4);box-shadow:0 20px 40px -10px #00000080}.carousel-card.hidden{opacity:0;transform:scale(.2) translateZ(-800px);pointer-events:none;filter:blur(10px)}.glass-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-card-dark{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes pulse-glow{0%,to{opacity:.5;filter:blur(40px);transform:scale(1)}50%{opacity:.8;filter:blur(60px);transform:scale(1.1)}}@keyframes particle-drift{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(100px,-100px);opacity:0}}@keyframes ray-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.nano-banana-ray{position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,.05) 10deg,transparent 20deg,rgba(255,255,255,.05) 140deg,transparent 150deg);animation:ray-rotate 60s linear infinite;pointer-events:none}.nano-particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;filter:blur(1px);pointer-events:none;animation:particle-drift 10s linear infinite}.text-glow-white{text-shadow:0 0 30px rgba(255,255,255,.3)}.slider-glass-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.slider-glass-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000004d}
