@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&display=swap";:root{--font-title:"Bookmania", "Playfair Display", serif;--font-body:"Playfair Display", serif}body{background-color:#111;background-image:radial-gradient(circle,#2a2a2a 0%,#0a0a0a 100%);margin:0;padding:0}#root{justify-content:center;width:100%;display:flex}.app-container{background-color:#000;width:100%;max-width:450px;min-height:100vh;position:relative;overflow-x:hidden;box-shadow:0 0 40px #000c}.castle-theme{font-family:var(--font-body);color:#4a3b32;min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:400}.castle-bg{z-index:0;background-color:#f7e6e3;background-position:50%;background-size:cover;width:100%;max-width:450px;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%)}.glass-panel{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:1px solid #fff9;border-radius:20px;position:relative;transform:translate(0,0);box-shadow:0 8px 32px #0000001a}.glass-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2010;background:#ffffff4d;border-top:1px solid #fff9;justify-content:space-around;width:100%;max-width:450px;padding:1rem 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 30px #0000000d}.glass-nav-btn{color:#5e3a3e;cursor:pointer;font-family:var(--font-body);opacity:.7;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.glass-nav-btn.active{opacity:1;color:#ffb6c1;transform:translateY(-5px)}[data-rsbs-backdrop]{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:1999!important;background:#5e3a3e66!important}[data-rsbs-overlay]{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;z-index:2000!important;max-width:450px!important;margin:0 auto!important;margin-bottom:var(--navbar-space,85px)!important;background:#fff9!important;border:1px solid #fffc!important;border-bottom:none!important;border-top-left-radius:40px!important;border-top-right-radius:40px!important;box-shadow:0 -10px 40px #0000001a!important}[data-rsbs-header]{box-shadow:none!important;background:0 0!important;padding-top:1rem!important}[data-rsbs-header]:before{background-color:#5e3a3e66!important;border-radius:3px!important;width:45px!important;height:5px!important}.drawer-content-container{color:#4a3b32;padding:0 1.2rem calc(1.2rem + env(safe-area-inset-bottom))}.gate-bars{background-image:repeating-linear-gradient(90deg,#0000,#0000 40px,#d4af37 40px 45px);width:100%;height:100%}.petal{z-index:100;opacity:.8;background:#ffb6c1;border-radius:50% 0 50% 50%;width:15px;height:15px;position:fixed;top:-10vh;box-shadow:inset 2px 2px 5px #ffffff80}.sparkle{z-index:100;opacity:.9;background:#f3e5ab;border-radius:50%;width:5px;height:5px;position:fixed;top:-10vh;box-shadow:0 0 8px 2px #d4af37,0 0 4px #fff}[data-rsbs-overlay] .brutal-box{box-shadow:none!important;color:#4a3b32!important;background:#fff6!important;border:1px solid #fff9!important;border-radius:12px!important}[data-rsbs-overlay] .brutal-box p{color:#4a3b32!important}[data-rsbs-overlay] h2{color:#5e3a3e!important;font-family:var(--font-title)!important}[data-rsbs-overlay] .font-marker{font-family:var(--font-body)!important;color:#5e3a3e!important}[data-rsbs-overlay] .brutal-button{color:#5e3a3e!important;box-shadow:none!important;background:#fff9!important;border:1px solid #fffc!important;border-radius:20px!important}[data-rsbs-overlay] input,[data-rsbs-overlay] select,[data-rsbs-overlay] textarea{color:#4a3b32!important;font-family:var(--font-body)!important;background:#fffc!important;border:1px solid #ffffffe6!important;border-radius:8px!important}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.btn-royal{color:#f3e5ab;font-size:.95rem;font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:6px;text-shadow:0 2px 4px #000;background:linear-gradient(#140a0ab3 0%,#050202e6 100%);border:1px solid #d4af37;border-radius:2px;padding:1.2rem 3.5rem;font-weight:500;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 15px 35px #000000e6,inset 0 0 20px #d4af3726}.btn-royal:before{content:"";pointer-events:none;border:1px solid #d4af374d;border-radius:1px;transition:all .4s;position:absolute;inset:4px}.btn-royal:after{content:"";background:linear-gradient(90deg,#0000,#d4af3726,#0000);width:50%;height:100%;animation:4s infinite metallicShine;position:absolute;top:0;left:-100%}.btn-royal:active,.btn-royal:hover{color:#fff;background:linear-gradient(#281914cc 0%,#0f0a0af2 100%);border-color:#f3e5ab;transform:translateY(-2px);box-shadow:0 15px 40px #000,inset 0 0 30px #d4af374d}.btn-royal:active:before,.btn-royal:hover:before{border-color:#f3e5ab99}@keyframes metallicShine{0%{left:-100%}20%{left:200%}to{left:200%}}.hero-viewport{height:100svh}