:root{--bg-primary:240 25% 6%;--bg-secondary:240 22% 10%;--bg-card:240 20% 12%;--text-primary:0 0% 98%;--text-secondary:240 5% 70%;--text-muted:240 4% 50%;--primary:260 85% 65%;--primary-glow:260 85% 65% / .15;--secondary:42 95% 60%;--accent:180 80% 50%;--accent-glow:180 80% 50% / .15;--border-color:240 15% 18%;--border-focus:260 85% 65%;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-kids:"Fredoka", cursive;--font-serif:"Playfair Display", Georgia, serif;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000c, 0 0 24px #7c3aed26;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;outline:none;margin:0;padding:0}html,body{background-color:hsl(var(--bg-primary));width:100%;min-height:100vh;color:hsl(var(--text-primary));font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background-image:radial-gradient(at 10% 10%,#7c3aed1f 0,#0000 50%),radial-gradient(at 90% 10%,#06b6d414 0,#0000 50%),radial-gradient(at 50% 80%,#f59e0b0d 0,#0000 50%);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{opacity:.5;filter:drop-shadow(0 0 5px #7c3aed33)}50%{opacity:1;filter:drop-shadow(0 0 20px #7c3aed99)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-float{animation:6s ease-in-out infinite float}.anim-glow{animation:4s ease-in-out infinite pulseGlow}.anim-spin-slow{animation:20s linear infinite spinSlow}.anim-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.anim-fade-in{animation:.4s ease-out forwards fadeIn}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 50%, hsl(var(--secondary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gold{color:hsl(var(--secondary))}.text-secondary-color{color:hsl(var(--text-secondary))}.text-muted-color{color:hsl(var(--text-muted))}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);background:#12121aa6;border:1px solid #ffffff0d}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a}.glass-card-interactive:hover{border-color:hsl(var(--primary) / .4);transform:translateY(-4px);box-shadow:0 12px 30px #7c3aed26}.btn{font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary) / .8) 100%);color:#fff;box-shadow:0 4px 15px hsl(var(--primary) / .3)}.btn-primary:hover{box-shadow:0 6px 20px hsl(var(--primary) / .5);background:linear-gradient(135deg, hsl(var(--primary) / .9) 0%, hsl(var(--primary)) 100%);transform:translateY(-2px)}.btn-secondary{color:#fff;background:0 0;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-gold{background:linear-gradient(135deg, hsl(var(--secondary)) 0%, hsl(var(--secondary) / .8) 100%);color:#0b0b10;box-shadow:0 4px 15px hsl(var(--secondary) / .3)}.btn-gold:hover{box-shadow:0 6px 20px hsl(var(--secondary) / .5);transform:translateY(-2px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);box-shadow:0 4px 12px #ef444433}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-disabled{color:hsl(var(--text-muted));cursor:not-allowed;background:#ffffff0d}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-kids);color:hsl(var(--text-secondary));font-size:.95rem;font-weight:500}.form-input{border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-sans);transition:all var(--transition-fast);background:#0000004d;border:1px solid #ffffff1a;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .2);background:#00000080}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-md);background:hsl(var(--bg-secondary));width:100%;max-width:550px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid #ffffff1a;padding:32px;overflow-y:auto}.dashboard-grid{grid-template-columns:280px 1fr;gap:32px;min-height:calc(100vh - 80px);display:grid}@media (max-width:960px){.dashboard-grid{grid-template-columns:1fr}}.sidebar{flex-direction:column;gap:8px;display:flex}.sidebar-tab{text-align:left;border-radius:var(--radius-sm);width:100%;color:hsl(var(--text-secondary));font-family:var(--font-kids);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:14px 20px;font-size:1rem;display:flex}.sidebar-tab:hover{color:#fff;background:#ffffff08}.sidebar-tab.active{background:hsl(var(--primary) / .15);border-left:4px solid hsl(var(--primary));color:#fff}.reader-overlay{z-index:2000;background:#07070d;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.reader-container{flex:1;width:100%;max-width:800px;margin:0 auto;padding:40px 24px}.reader-story{font-family:var(--font-serif);color:#e7e2da;white-space:pre-line;margin-top:32px;font-size:1.35rem;line-height:1.8}.reader-control-panel{border-radius:var(--radius-full);justify-content:space-between;align-items:center;gap:16px;max-width:600px;margin:0 auto;padding:12px 24px;display:flex;position:sticky;bottom:24px}.email-card{border-left:4px solid hsl(var(--accent))}.email-body-preview{color:#1a1a24;border-radius:var(--radius-sm);background:#fff;margin-top:16px;padding:24px;font-family:sans-serif;overflow-x:auto;box-shadow:inset 0 2px 8px #0000001a}header{border-bottom:1px solid #ffffff0d;align-items:center;height:80px;display:flex}footer{text-align:center;color:hsl(var(--text-muted));border-top:1px solid #ffffff0d;padding:40px 0}