:root{--bg-dark:#0a0b10;--bg-card:#14162599;--bg-card-hover:#1e2138cc;--border-color:#ffffff14;--border-hover:#ffffff26;--color-primary:#8b5cf6;--color-primary-glow:#8b5cf659;--color-cyan:#06b6d4;--color-cyan-glow:#06b6d459;--color-emerald:#10b981;--color-emerald-glow:#10b98159;--color-amber:#f59e0b;--color-amber-glow:#f59e0b59;--color-rose:#f43f5e;--color-rose-glow:#f43f5e59;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-badge-bg:#8b5cf61a;--color-badge-border:#8b5cf633;--color-badge-text:var(--color-primary);--hero-bg:linear-gradient(135deg, #14162566 0%, #0f111ccc 100%);--modal-bg:linear-gradient(135deg, #191b2bf2 0%, #0f111cfa 100%);--modal-border:#ffffff14;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", var(--font-sans);--glass-bg:#0f111cb3;--glass-border:#ffffff0f;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d414 0%,#0000 40%);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:0 12px 40px #00000080}.text-glow{text-shadow:0 0 12px var(--color-primary-glow)}.app-container{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}.main-content{flex-direction:column;flex:1;padding:32px 0;display:flex}.btn{font-family:var(--font-display);cursor:pointer;border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #7c3aed 100%);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.game-container{flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;display:flex}.card-stack{justify-content:center;align-items:center;height:320px;display:flex;position:relative}.score-badge{border:1px solid var(--border-color);font-size:14px;font-family:var(--font-display);background:#ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:180px;display:grid}.calendar-cell{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;transition:all .2s;position:relative}.calendar-cell.active{background:var(--color-emerald);box-shadow:0 0 8px var(--color-emerald-glow);border-color:#34d399}.calendar-cell:hover:after{content:attr(data-date);border:1px solid var(--border-color);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:#0f172a;border-radius:6px;padding:4px 8px;font-size:10px;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0a0b10d9;justify-content:center;align-items:center;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg);border:1px solid var(--color-primary);box-shadow:0 0 30px var(--color-primary-glow);text-align:center;border-radius:24px;width:90%;max-width:500px;padding:32px;animation:.4s cubic-bezier(.18,.89,.32,1.28) forwards slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.spell-box{font-family:var(--font-display);letter-spacing:2px;color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin:16px 0;padding:16px;font-size:20px;font-weight:700;display:flex}.skill-list{flex-direction:column;gap:16px;display:flex}.skill-card{border-left:4px solid var(--border-color);background:#ffffff03;border-radius:0 12px 12px 0;padding:16px;transition:all .3s}.skill-card.unlocked{background:#8b5cf605}body[data-theme=daily]{--color-primary:#06b6d4;--color-primary-glow:#06b6d459;--color-badge-bg:#06b6d41a;--color-badge-border:#06b6d433;--color-badge-text:var(--color-primary);background-image:radial-gradient(circle at 10% 20%,#06b6d41f 0%,#0000 45%),radial-gradient(circle at 90% 80%,#10b98114 0%,#0000 45%);transition:background-image .5s ease-in-out}body[data-theme=business]{--color-primary:#8b5cf6;--color-primary-glow:#8b5cf659;--color-badge-bg:#8b5cf61a;--color-badge-border:#8b5cf633;--color-badge-text:var(--color-primary);background-image:radial-gradient(circle at 10% 20%,#8b5cf61f 0%,#0000 45%),radial-gradient(circle at 90% 80%,#f43f5e14 0%,#0000 45%);transition:background-image .5s ease-in-out}body,.btn-primary,.glass-panel,.spell-box,.score-badge{transition:background .4s,border-color .4s,box-shadow .4s,color .4s}body.light-theme{--bg-dark:#f1f5f9;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--border-color:#0f172a1f;--border-hover:#0f172a38;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--glass-bg:#ffffffe0;--glass-border:#0f172a14;--glass-shadow:0 8px 32px 0 #0f172a14;--hero-bg:linear-gradient(135deg, #fffc 0%, #f1f5f9e6 100%);--modal-bg:linear-gradient(135deg, #fffffffa 0%, #f1f5f9fa 100%);--modal-border:#0f172a1a}body.light-theme[data-theme=daily]{--color-primary:#0891b2;--color-badge-bg:#0891b214;--color-badge-border:#0891b233;--color-badge-text:#0e7490;background-image:radial-gradient(circle at 10% 20%,#06b6d40f 0%,#0000 45%),radial-gradient(circle at 90% 80%,#10b9810a 0%,#0000 45%)}body.light-theme[data-theme=business]{--color-primary:#7c3aed;--color-badge-bg:#7c3aed14;--color-badge-border:#7c3aed33;--color-badge-text:#6d28d9;background-image:radial-gradient(circle at 10% 20%,#8b5cf60f 0%,#0000 45%),radial-gradient(circle at 90% 80%,#f43f5e0a 0%,#0000 45%)}body.light-theme .btn-secondary{color:var(--text-primary);background:#0f172a0a;border:1px solid #0f172a14}body.light-theme .btn-secondary:hover{background:#0f172a14;border-color:#0f172a26}body.light-theme .spell-box{background:#0f172a08;border:1px solid #0f172a14}body.light-theme .calendar-cell{background:#0f172a08;border:1px solid #0f172a0d}body.light-theme input,body.light-theme textarea{color:var(--text-primary);background:#fffc;border-color:#0f172a1a}body.light-theme input:focus,body.light-theme textarea:focus{border-color:var(--color-primary);background:#fff}body.light-theme svg polygon[stroke="rgba(255,255,255,0.06)"]{stroke:#0f172a14}body.light-theme svg line[stroke="rgba(255,255,255,0.08)"]{stroke:#0f172a1a}