:root{--bg-main: #f8fafc;--text-main: #0f172a;--card-bg: rgba(255, 255, 255, .85);--border-color: rgba(226, 232, 240, .8);--primary-amber: #f59e0b;--primary-indigo: #4f46e5;--primary-emerald: #10b981;--primary-rose: #f43f5e;--story-font: "Cairo", "Tajawal", sans-serif}.dark{--bg-main: #020617;--text-main: #f8fafc;--card-bg: rgba(15, 23, 42, .85);--border-color: rgba(30, 41, 59, .8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--story-font, "Cairo", "Tajawal", "Outfit", "Inter", sans-serif);overflow-x:hidden;line-height:1.5;min-height:100vh}.font-story{font-family:var(--story-font, "Cairo", "Tajawal", sans-serif)!important}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color)}.perspective-1000{perspective:1200px}.book-container{width:280px;height:380px;position:relative;transition:transform .6s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.book-cover{position:absolute;width:100%;height:100%;border-radius:12px 18px 18px 12px;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4338ca);box-shadow:-15px 15px 30px #0000004d,inset -3px 0 6px #fff3;transform-origin:left center;transition:transform .8s cubic-bezier(.4,0,.2,1);z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-left:12px solid #0f172a}.book-container:hover .book-cover{transform:rotateY(-35deg)}.book-container.open-book .book-cover{transform:rotateY(-165deg)}.book-inside{position:absolute;width:98%;height:96%;top:2%;left:1%;background:#fefce8;border-radius:8px;box-shadow:inset 0 0 15px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#1e1b4b;text-align:center;z-index:5;border:2px dashed #ca8a04}.easter-egg-ribbon{position:absolute;top:-10px;right:25px;width:24px;height:70px;background:linear-gradient(180deg,#ef4444,#b91c1c);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);z-index:20;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #ef444480}.easter-egg-ribbon:hover{transform:translateY(6px) scale(1.1);filter:drop-shadow(0 0 12px #f87171)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.floating-element{animation:float 4s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(8px) rotate(1deg)}}.shake-animation{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.w-full{width:100%}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.cursor-pointer{cursor:pointer}