:root{--bg-color-start:#f7f3e9;--bg-color-end:#f7f3e9;--bg-gradient:#f7f3e9;--primary-color:#a7b89d;--secondary-color:#d88a6a;--accent-color:#e7b6b1;--text-accent:#d88a6a;--text-color:#24364b;--heading-color:#24364b;--border-color:#e2ddd5;--glass-bg:#fff;--glass-border:#e8e3d7;--shadow-sm:0 2px 4px #24364b0d;--shadow-md:0 4px 6px -1px #24364b14, 0 2px 4px -1px #24364b0a;--shadow-lg:0 10px 15px -3px #24364b14, 0 4px 6px -2px #24364b0a;--shadow-xl:0 20px 25px -5px #24364b1a, 0 10px 10px -5px #24364b0d;--shadow-magical:0 0 20px #e7b6b166;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}@media (prefers-color-scheme:dark){:root{--bg-color-start:#1a202c;--bg-color-end:#171923;--bg-gradient:linear-gradient(135deg, var(--bg-color-start) 0%, var(--bg-color-end) 100%);--text-color:#e2e8f0;--heading-color:#93c5fd;--border-color:#4a5568;--glass-bg:#2d3748;--glass-border:#4a5568}input,select{color:var(--text-color);background:#1a202c}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes pulse-magic{0%{box-shadow:0 0 #9932ccb3}70%{box-shadow:0 0 0 15px #9932cc00}to{box-shadow:0 0 #9932cc00}}.animate-pulse-magic{animation:2s infinite pulse-magic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.page-turn-right,.page-turn-left{animation:.8s ease-in-out forwards fadeOutIn}@keyframes fadeOutIn{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-color);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Quicksand,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media screen and (width<=768px){#root{padding:1rem .5rem!important}.glass-panel{padding:1.25rem!important}body{padding:0!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{text-align:center;width:100%;max-width:1600px;margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:Alice,Fraunces,serif;font-weight:600}button{border-radius:var(--radius-full);cursor:pointer;background:var(--heading-color);color:#fff;box-shadow:var(--shadow-sm);border:none;padding:.8rem 1.5rem;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}button:hover{box-shadow:var(--shadow-md);background:var(--primary-color);transform:translateY(-2px)}button:active{box-shadow:none;transform:translateY(1px)}input,select,textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-color);background:#fff;padding:.8rem 1.2rem;font-family:Quicksand,sans-serif;font-size:1rem;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #8d9b8133}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2.5rem}