.flame-loader{background-color:#000;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.fire{position:relative;width:40px;height:80px}.flame{position:absolute;bottom:0;width:20px;height:20px;background:radial-gradient(circle,orange 20%,red 70%,transparent 80%);border-radius:50%;animation:flame 1s infinite ease-in-out alternate}.flame:nth-child(2){animation-delay:.2s}.flame:nth-child(3){animation-delay:.4s}.flame:nth-child(4){animation-delay:.6s}.flame:nth-child(5){animation-delay:.8s}@keyframes flame{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(1.2);opacity:0}}.loader-text{color:#fff;font-size:1.2rem;margin-top:30px;font-family:Courier New,Courier,monospace}body{background-image:url(/thewebdhaba/assets/bg-CsW4vh-P.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;margin:0;padding:0;overflow-x:hidden}.home-wrapper{height:100vh;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;padding:0}.rotating-table{width:500px;height:500px;border-radius:50%;background:#2c0825;animation:spin 15s linear infinite;border:6px solid #f1f1f1;box-shadow:0 10px 30px #0000004d;position:relative;top:0%;left:5%;transform:translate(-50%,-50%);z-index:2}.plate{position:absolute;width:150px;height:150px;background:#8e7171;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff;top:50%;left:50%;transform-origin:center center;box-shadow:0 0 10px #0003}.plate:nth-child(1){transform:rotate(0) translate(170px) rotate(0)}.plate:nth-child(2){transform:rotate(120deg) translate(170px) rotate(-120deg)}.plate:nth-child(3){transform:rotate(240deg) translate(170px) rotate(-240deg)}.order-button{padding:12px 30px;font-size:1.3rem;background-color:#b45555;color:#fff;border:none;border-radius:8px;cursor:pointer;position:absolute;right:500px;bottom:50px;box-shadow:0 4px 12px #0003}.waiter-entry{position:absolute;right:-600px;animation:slideIn 2s forwards}@keyframes slideIn{to{right:50px}}.waiter-container{position:relative;width:650px;top:50px;height:950px;overflow:hidden}.waiter{position:absolute;top:0;left:0;width:100%;cursor:pointer;transition:transform .3s ease}.waiter-closed{transform:translateY(0);top:65px}.waiter-open{transform:translateY(-10px);top:300px}.waiter:hover{transform:scale(1.09)}.steam{position:absolute;top:38%;left:34%;transform:translate(-50%);pointer-events:none;z-index:5}.steam span{position:absolute;bottom:0;width:25px;height:25px;background:#fff9;border-radius:50%;filter:blur(10px);animation:rise 3s infinite ease-in-out}.steam span:nth-child(2){left:25px;animation-delay:1s}.steam span:nth-child(3){left:50px;animation-delay:2s}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-60px) scale(1.3);opacity:.5}to{transform:translateY(-120px) scale(1.5);opacity:0}}.book-menu{margin-top:20px;bottom:400px;background:#fffff0cc;padding:15px;left:-700px;border-radius:20px;box-shadow:0 5px 30px #0000004d;text-align:center;position:relative;animation:fadeIn 1.5s ease}.book-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;color:#7a3e00;font-family:Georgia,serif;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffbe6;border:2px solid #d9a45f;border-radius:8px;padding:15px;box-shadow:inset 0 0 15px #0000001a;font-family:Georgia,serif;color:#4b2e05}.page h2,.page h3{color:#b23c3c;margin-bottom:10px;text-shadow:0 1px 1px #fff5ee}.menu-item{cursor:pointer;margin:4px 0;padding:6px 10px;border-radius:6px;transition:all .3s ease}.menu-item:hover{background:#ffd08266;transform:scale(1.05)}.menu-item.selected{background:#ffbc424d;color:#b23c3c;font-weight:700;box-shadow:0 0 10px #ffae42cc}.lid-indicator{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#ffffffd9;padding:6px 12px;border-radius:8px;font-size:.9rem;color:#b23c3c;font-weight:700;animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.bell-button{bottom:300px;left:-55%;transform:translate(-50%);background:radial-gradient(circle at 30% 30%,#ffdf85,#e0a800);border:3px solid #c28a00;border-radius:50%;width:80px;height:80px;cursor:pointer;box-shadow:0 6px 12px #0000004d;display:flex;justify-content:center;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.bell-button:hover{transform:translate(-50%) scale(1.1);box-shadow:0 8px 16px #0006}.bell-button:active{transform:translate(-50%) scale(.95);box-shadow:0 4px 8px #0003}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-page{position:relative;min-height:100vh;background:url(/thewebdhaba/assets/download-DeoOxrR_.jpeg) no-repeat center top;background-size:contain;background-repeat:no-repeat;background-position:center top;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.overlay{position:absolute;inset:0;background:#0a0a0a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.music-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:600px;background:#ffffff14;border-radius:20px;box-shadow:0 0 25px #ffffff1a}h1{font-size:2.5rem;margin-bottom:.5rem;color:#ffdd57}p{font-size:1.1rem;margin-bottom:1.5rem}.search-bar{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.search-bar input{padding:.6rem 1rem;border-radius:20px;border:none;width:60%;font-size:1rem;outline:none}.search-bar button{background:#f1d757;border:none;border-radius:50%;padding:.6rem .8rem;cursor:pointer;font-size:1.2rem;color:#fff;transition:all .3s}.search-bar button:hover{background:#8b1717;transform:scale(1.1)}.song-list{margin-top:1rem}.song-card{background:#ffffff1a;border-radius:15px;margin:.5rem 0;padding:.8rem;display:flex;justify-content:space-between;align-items:center}.song-card button{background:#1db954;border:none;color:#fff;padding:.4rem .8rem;border-radius:10px;cursor:pointer;transition:all .3s}.song-card button:hover{background:#1ed760}.player{margin-top:2rem}.player h3{color:#ffd166;margin-bottom:.8rem}.hint{color:#ccc;font-style:italic}.music-container{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:1200px;position:relative;z-index:2;flex-wrap:wrap}.music-content{flex:1;text-align:center;padding:2rem;max-width:550px;background:#ffffff14;border-radius:20px;box-shadow:0 0 25px #ffffff1a}.guitar-image{flex:1;display:flex;justify-content:center;align-items:center}.guitar-image img{width:80%;max-width:400px;height:auto;-o-object-fit:contain;object-fit:contain;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 900px){.music-container{flex-direction:column;text-align:center}.guitar-image{margin-top:2rem}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}