.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);animation:fadeIn .35s ease}.modal-content{background:var(--bg-card);color:var(--text-primary);padding:var(--space-8);border-radius:1.5rem;max-width:440px;width:90%;position:relative;box-shadow:0 10px 40px #00000059;text-align:center;font-family:var(--font-family-base);overflow:hidden;border:1px solid var(--border-color)}.modal-content.scale-in{animation:popIn .5s cubic-bezier(.4,1.2,.2,1) forwards}@keyframes popIn{0%{transform:scale(.7);opacity:0}80%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color .25s ease}.modal-close:hover{color:var(--accent)}.modal-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);color:var(--accent);font-weight:600;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.icon{width:26px;height:26px;color:var(--accent);text-shadow:0 0 4px var(--accent)}.month-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin:var(--space-4) 0 var(--space-6)}.month-day-header{font-weight:600;text-align:center;color:var(--text-secondary);font-size:.85rem}.month-day{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-main);font-weight:600;font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.month-day.logged{background:linear-gradient(135deg,var(--color-success),#00ff90);color:#fff;transform:scale(1.05);box-shadow:0 0 12px var(--color-success)}.month-day.today{border:3px solid var(--accent);box-shadow:0 0 18px var(--accent);animation:pulseToday 1.5s infinite alternate;transform:scale(1.1)}.month-day.logged.today{background:var(--color-success);border-color:var(--accent);color:#fff}@keyframes pulseToday{0%{transform:scale(1.1);box-shadow:0 0 15px var(--accent)}to{transform:scale(1.2);box-shadow:0 0 25px var(--accent)}}.claim-btn{padding:.75rem 1.75rem;background:linear-gradient(45deg,var(--accent),var(--accent-hover));color:#fff;border-radius:1rem;font-weight:600;font-size:var(--font-size-base);cursor:pointer;margin-top:var(--space-4);border:none;box-shadow:0 6px 18px #00000040,0 0 12px var(--accent);transition:all .3s ease}.claim-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #0000004d,0 0 20px var(--accent-hover)}.claim-btn.claiming{background:var(--color-primary-hover);cursor:default;box-shadow:0 4px 12px #00000026}.xp-popup{position:absolute;top:var(--space-5);left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffb800);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.6rem;font-size:.95rem;text-shadow:0 0 6px #fff;animation:floatXP 1.5s ease forwards;box-shadow:0 6px 16px #00000026}@keyframes floatXP{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:0}50%{transform:translate(-50%) translateY(-25px) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-60px) scale(1);opacity:0}}.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#ffffff0d;color:var(--text-primary);position:fixed;top:0;left:0;width:100%;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.logo-container{display:flex;align-items:center;gap:.4rem}.logo-img{height:clamp(25px,3vw,35px);max-width:120px;object-fit:contain}.beta-badge{font-size:clamp(.5rem,.8vw,.55rem);font-weight:700;color:var(--bg-main);background-color:var(--accent);padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center}.header-actions{display:flex;align-items:center;gap:.5rem}.btn,.theme-toggle{display:flex;align-items:center;gap:.25rem;background-color:var(--accent);color:#fff;padding:clamp(.3rem,.8vw,.4rem) clamp(.6rem,1.2vw,.75rem);border-radius:.5rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-size:clamp(.75rem,.85vw,.9rem)}.btn:hover,.theme-toggle:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.hamburger{font-size:clamp(1.2rem,4vw,1.5rem);background:none;border:none;cursor:pointer;color:var(--text-primary)}.hamburger-container{position:relative}.header-dropdown{position:absolute;top:100%;right:1rem;margin-top:.5rem;width:clamp(140px,12vw,220px);max-width:220px;min-width:140px;overflow:hidden;pointer-events:none;max-height:0;transition:max-height .4s ease,opacity .4s ease;z-index:200}.header-dropdown.open{max-height:350px;pointer-events:auto;opacity:1}.dropdown-drip{position:absolute;top:-25px;left:0;width:100%;height:40px;background:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50% 50% 0 0;transform:scaleY(0);transform-origin:top center;transition:transform .5s cubic-bezier(.25,1,.5,1)}.header-dropdown.open .dropdown-drip{transform:scaleY(1.1);animation:dripBounce .5s forwards}@keyframes dripBounce{0%{transform:scaleY(0)}60%{transform:scaleY(1.1)}80%{transform:scaleY(.95)}to{transform:scaleY(1)}}.nav-links{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.5rem;background:var(--bg-card);border-radius:0 0 12px 12px}.nav-links a{display:flex;align-items:center;gap:.4rem;color:var(--text-primary);text-decoration:none;font-weight:500;padding:clamp(.3rem,1vw,.4rem) clamp(.6rem,1.2vw,.8rem);border-radius:.5rem;transition:all .25s ease;width:100%;font-size:clamp(.75rem,.8vw,.85rem)}.nav-links a:hover{color:var(--accent);transform:translateY(-2px);background:#4f46e51a}.signout-divider{width:100%;height:1px;background:#4f46e533;margin:.25rem 0}.nav-links .signout-btn{background:var(--accent);color:#fff;font-weight:600;cursor:pointer;border:none;padding:clamp(.3rem,1vw,.35rem) 0;border-radius:.5rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .25s ease}.nav-links .signout-btn:hover{background:var(--accent-hover)}@media(max-width:1024px){.header-dropdown{width:clamp(150px,15vw,200px)}}@media(max-width:768px){.header-dropdown{width:clamp(140px,18vw,180px)}}@media(max-width:480px){.header-dropdown{width:140px}.nav-links a,.nav-links .signout-btn{width:95%;padding:.35rem .7rem}}.footer{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--space-4);background-color:var(--bg-card);color:var(--text-secondary);gap:var(--space-3);box-shadow:var(--shadow-sm);font-family:var(--font-family-base);text-align:center;flex-wrap:wrap}.footer-left p{margin:0;font-size:var(--font-size-sm)}@media(max-width:768px){.footer{flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3)}.footer-left p{font-size:calc(var(--font-size-sm) - 1px)}}@media(max-width:480px){.footer{flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2)}.footer-left p{font-size:calc(var(--font-size-sm) - 2px)}}.lesson-container{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-family-base);background-color:var(--bg-main);color:var(--text-primary);padding-top:80px;padding-bottom:20px}.lesson-main{flex:1;margin-top:2rem;padding:1rem;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto}.lesson-title{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-align:left}.lesson-description{font-size:clamp(1rem,3vw,1.2rem);color:var(--text-secondary);margin-bottom:1.5rem;text-align:left;max-width:700px}.section-title{font-size:clamp(1.3rem,4vw,1.6rem);font-weight:600;color:var(--text-primary);margin-top:1.5rem;margin-bottom:1rem;text-align:left}.lesson-content{display:flex;gap:2rem;width:100%;max-width:1200px;flex-wrap:wrap;justify-content:space-between}.lesson-left,.lesson-right{flex:1 1 48%;min-width:280px;max-width:100%;padding:1rem;box-sizing:border-box}.lesson-right{overflow-y:auto}.code-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;padding:1rem;box-sizing:border-box}.code-block{background:linear-gradient(145deg,#fff,#f5f5f5 40%,#eaeaea);border:1px solid #dcdcdc;border-radius:12px;padding:1rem;box-shadow:4px 4px 10px #00000014,-4px -4px 10px #fffc;color:#333;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .25s ease}[data-theme=dark] .code-block{background:linear-gradient(145deg,#2d2f36,#26272d 40%,#1f2025);border:1px solid #3a3b45;box-shadow:5px 5px 10px #00000080,-5px -5px 10px #ffffff0d;color:#e5e7eb}.code-block:hover{transform:scale(1.03);box-shadow:0 4px 10px #00000040}.code-block.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #4f46e566}.code-block .hint{display:block;font-size:.75rem;opacity:.6;margin-top:4px}.code-block pre{margin:0;padding:0;white-space:pre-wrap;word-break:break-word}.code-block code{font-family:JetBrains Mono,monospace;font-size:.9rem;color:inherit}.footer{display:flex;justify-content:center;align-items:center;padding:var(--space-4);background-color:var(--bg-card);color:var(--text-secondary);flex-wrap:wrap;gap:var(--space-3);box-shadow:var(--shadow-sm);text-align:center;margin-top:auto}.footer-left p{font-size:clamp(.9rem,2vw,1rem);margin:0}.error-message{background-color:#ffe0e0;color:#d00000;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:clamp(.85rem,2vw,.95rem);box-shadow:0 1px 4px #0000001a}.congrats-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .5s ease;padding:1rem}.congrats-box{background-color:#fff;color:#2e7d32;padding:2rem 3rem;border-radius:16px;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;text-align:center;box-shadow:0 5px 15px #0000004d;animation:popIn .5s ease;max-width:90%}@media(max-width:768px){.code-blocks{grid-template-columns:1fr;padding:.5rem}.lesson-right{order:1;width:100%;margin-bottom:1rem}.lesson-left{order:2;width:100%}.lesson-right-description{font-size:clamp(.9rem,2.5vw,1rem);color:var(--text-secondary);margin-bottom:1rem;text-align:left}}@media(max-width:480px){.footer{flex-direction:column;align-items:center;gap:var(--space-2)}}@media(max-width:400px){.lesson-left,.lesson-right{flex:1 1 100%}.code-blocks{grid-template-columns:1fr;padding:.5rem}.lesson-title{font-size:clamp(1.2rem,4vw,1.5rem)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.welcome-hero{display:flex;align-items:center;justify-content:center;padding:5rem 2rem;width:100%;min-height:100vh;box-sizing:border-box;background:linear-gradient(135deg,var(--bg-main) 0%,var(--bg-alt) 100%);overflow:hidden;position:relative}.welcome-container{display:flex;gap:4rem;max-width:1200px;width:100%;margin:0 auto;flex-wrap:wrap}.left-column{flex:1;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.slide-section{width:100%;background:#ffffff14;border-radius:2rem;padding:3rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(-5px);box-shadow:0 20px 40px #00000026;transition:transform .3s ease,box-shadow .3s ease}.slide-card{display:flex;flex-direction:column;gap:1.5rem}.slide-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.slide-title{font-size:2.75rem;font-weight:700;flex:1}.slide-description{font-size:1.125rem;line-height:1.6;color:var(--text-secondary)}.highlight{color:var(--accent);position:relative}.highlight:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:var(--accent-hover);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.highlight:hover:after{transform:scaleX(1)}.slide-icon{font-size:4rem;flex-shrink:0;animation:bounce 1.2s infinite alternate}.slide-dots{display:flex;gap:.5rem;margin-top:1.5rem;width:100%;justify-content:center;align-items:center}.dot{width:14px;height:14px;border-radius:50%;background:#ccc;cursor:pointer;transition:transform .3s,background .3s}.dot.active{background:var(--accent);transform:scale(1.3)}.logo-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem}.euonroia-logo{max-width:200px;width:100%;object-fit:contain}.continue-button{background:var(--accent);color:#fff;font-size:1.25rem;font-weight:600;padding:1rem 2rem;border-radius:2rem;border:none;cursor:pointer;transition:.3s ease,transform .3s;animation:pulse 2s infinite}.continue-button:hover{background:var(--accent-hover);transform:translateY(-3px)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@media(max-width:1024px){.welcome-container{flex-direction:column-reverse;gap:3rem}.slide-title{font-size:2.25rem}.slide-description{font-size:1rem}.euonroia-logo{max-width:180px}.dot{width:16px;height:16px}}@media(max-width:480px){.slide-title{font-size:1.9rem}.slide-description{font-size:.95rem}.continue-button{font-size:1rem;padding:.85rem 1.8rem}}.getstarted-wrapper{display:flex;gap:2rem;max-width:1200px;margin:0 auto;padding:calc(var(--space-6) + 60px) var(--space-4) var(--space-4);flex-wrap:wrap}.lessons-right p{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-2)}.lesson-card{background:var(--bg-card);padding:var(--space-5);border-radius:16px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:768px){.getstarted-wrapper{flex-direction:column-reverse;gap:var(--space-6);padding-top:calc(var(--space-6) + 60px)}.lessons-left,.lessons-right{width:100%}}.quiz-container{max-width:900px;margin-top:100px;padding:24px;font-family:Arial,sans-serif}.quiz-textarea{width:100%;height:150px;padding:12px;font-family:monospace;border-radius:12px;border:1px solid #d1d5db;margin-bottom:12px}.quiz-btn{padding:10px 20px;background:#000;color:#fff;border-radius:12px;cursor:pointer;margin-bottom:24px}.quiz-question{margin-bottom:20px;padding:12px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.quiz-question-text{font-weight:700;margin-bottom:8px}.quiz-options{display:flex;flex-wrap:wrap;gap:10px}.quiz-option{padding:6px 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-family:monospace}.quiz-option.correct{background:#10b981;color:#fff}.quiz-option.wrong{background:#ef4444;color:#fff}.quiz-feedback{margin-top:6px;font-weight:700}.quiz-feedback.correct{color:#10b981}.quiz-feedback.wrong{color:#ef4444}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column}.full-screen-section{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.landing-container{display:flex;flex-direction:column;flex:1;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family-base)}.landing-main{flex:1;display:flex;flex-direction:column;gap:var(--space-12);padding-bottom:var(--space-8)}.hero-section{display:flex;justify-content:center;align-items:center;padding:var(--space-16) var(--space-4);min-height:75vh;background-color:var(--bg-main);position:relative;overflow:hidden}.hero-content{max-width:700px;text-align:center;z-index:1}.hero-content h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--accent);margin-bottom:var(--space-4);line-height:1.2}.hero-content p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.hero-buttons{display:flex;justify-content:center;gap:1rem}.hero-btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}.hero-btn-outline:hover{background:var(--accent);color:#fff}.features-section-container{max-width:1200px;margin:0 auto;width:100%}.features-section{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding:var(--space-12) var(--space-4) var(--space-16);background:var(--bg-main);overflow:visible;z-index:1}.features-section:before,.features-section:after{content:"";position:absolute;border-radius:50%;opacity:.18;z-index:0;filter:blur(40px)}.features-section:before{width:260px;height:260px;background:var(--accent);top:-80px;left:-80px}.features-section:after{width:300px;height:300px;background:var(--color-secondary);bottom:-40px;right:-80px}.feature-card{background:var(--bg-card);padding:var(--space-5);border-radius:20px;box-shadow:0 8px 16px #00000014;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative;transition:transform .4s ease,box-shadow .4s ease;z-index:1;cursor:default;overflow:hidden;min-height:200px}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 24px #0000001f}.feature-card:before{content:"";position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:linear-gradient(135deg,#ffffff0d,#00000005);pointer-events:none;z-index:0;transform:rotate(25deg)}.feature-icon{font-size:2.5rem;-webkit-text-fill-color:transparent;margin-bottom:var(--space-3)}.feature-card h2{font-size:var(--font-size-lg);font-weight:700;color:var(--accent);margin:var(--space-1) 0;z-index:1}.feature-card p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;z-index:1}@media(max-width:1024px){.features-section{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(max-width:768px){.feature-card h2{font-size:var(--font-size-md)}.feature-card p{font-size:var(--font-size-sm)}}@media(max-width:480px){.features-section{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-8) var(--space-2)}.feature-card{padding:var(--space-4);min-height:auto}.features-section:before,.features-section:after{display:none}}@media(max-width:1400px){.features-section{max-width:100%}.features-section:before{left:-20px}.features-section:after{right:-20px}}.lessons-two-column{display:flex;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 var(--space-4);flex-wrap:wrap}.lessons-left{flex:1;display:flex;flex-direction:column;gap:1rem}.lessons-right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6);border-radius:16px}.lessons-right h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);color:var(--accent)}.lessons-right p{font-size:var(--font-size-md);color:var(--text-primary)}.lesson-card{background:var(--bg-card);padding:var(--space-5);border-radius:16px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.lesson-card:hover{transform:translateY(-6px);box-shadow:0 12px 20px #0000001a}.lesson-icon{font-size:2.5rem;margin-bottom:var(--space-3);color:var(--accent)}.lesson-card h2{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.lesson-card p{font-size:var(--font-size-sm);color:var(--text-secondary)}.lessons-hero.full-screen-section{display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);background-color:var(--bg-main);text-align:center;width:100%;box-sizing:border-box}@media(max-width:768px){.lessons-two-column{flex-direction:column-reverse;gap:var(--space-6)}.lessons-right,.lessons-left{width:100%}}@media(max-width:768px){.lessons-hero.full-screen-section{padding-left:var(--space-4);padding-right:var(--space-4)}.lessons-hero-content h1{font-size:var(--font-size-2xl)}.lessons-hero-content p{font-size:var(--font-size-md)}}.policy-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.policy-modal-card{background-color:var(--bg-card);color:var(--text-primary);padding:var(--space-6);border-radius:1rem;width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-4);position:relative}.policy-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base)}.policy-buttons{display:flex;justify-content:flex-end;gap:var(--space-3)}.policy-modal-card .btn-primary{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.policy-modal-card .btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.policy-modal-card .btn-primary:disabled{opacity:.5;cursor:not-allowed}.policy-modal-card .btn-secondary{background-color:var(--color-border);color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.policy-modal-card .btn-secondary:hover{background-color:var(--color-border-hover, #4a4b55)}.dashboard-page{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-family-base);background-color:var(--bg-main);color:var(--text-primary);padding-top:80px}.dashboard-main{flex:1;padding:1.5rem 2rem;width:100%;box-sizing:border-box}.dashboard-top{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start}.dashboard-left{flex:1 1 320px;min-width:280px}.dashboard-left h1{font-size:2rem;margin-bottom:.5rem}.dashboard-left p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.dashboard-stats{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.stat-card{flex:1 1 120px;min-width:100px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.2rem;text-align:center;box-shadow:0 6px 12px #0000000d;transition:box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 20px #00000014}.stat-card h3{margin:0;font-size:1.5rem;color:var(--accent)}.stat-card p{margin:.3rem 0 0;font-size:.95rem;color:var(--text-secondary)}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-card);border-radius:.5rem;margin-bottom:.75rem;transition:transform .2s,background-color .2s,box-shadow .2s;color:var(--text-primary);box-shadow:0 1px 3px #0000000f}.leaderboard-item:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:0 5px 10px #0000001a}.leaderboard-rank{font-weight:700;width:2.5rem;text-align:right;color:var(--text-primary)}.leaderboard-name{flex:1;font-weight:500;color:var(--text-primary);padding-left:.5rem}.leaderboard-xp,.leaderboard-level{font-size:.95rem;color:var(--text-secondary);min-width:3rem;text-align:right}.leaderboard-item.zero-xp{opacity:.8;font-style:italic}.leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard-list::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px}.dashboard-right{flex:1 1 320px;min-width:280px}.continue-learning-card{margin-top:1rem;padding:1.2rem 1.5rem;border-radius:12px;transition:box-shadow .3s ease}.start-lesson-btn{margin-top:.8rem;padding:.7rem 1.4rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease}.start-lesson-btn:hover{background:var(--accent-hover)}.inline-icon{display:inline-flex;align-items:center;margin-left:.3rem;color:var(--accent);font-size:1em}.lessons-overview{margin-top:3rem}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1rem 0}.lesson-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 6px 12px #00000008;transition:box-shadow .3s ease}.lesson-card:hover{box-shadow:0 12px 20px #00000014}.lesson-card h3{margin:0;font-size:1.1rem}.lesson-card progress{width:100%;height:6px;border-radius:4px;overflow:hidden}.dashboard-bottom{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:3rem}.dashboard-bottom-left,.dashboard-bottom-right{flex:1 1 320px;min-width:280px;background:var(--bg-card);padding:1rem 1.2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 6px 15px #0000000d;transition:box-shadow .3s ease}.dashboard-bottom-left:hover,.dashboard-bottom-right:hover{box-shadow:0 10px 25px #00000014}@media(max-width:768px){.dashboard-top,.dashboard-bottom{flex-direction:column}.dashboard-left,.dashboard-right,.dashboard-bottom-left,.dashboard-bottom-right{min-width:100%}.lessons-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:480px){.dashboard-main{padding:1rem}}.policies-page{min-height:100vh;background:var(--bg-main);color:var(--text-primary)}.policies-main{padding-top:80px;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:2rem}.policies-tabs{display:flex;gap:1rem;margin-top:1.5rem;border-bottom:2px solid var(--color-border)}.policies-tabs a{padding:.5rem 1rem;font-weight:500;color:var(--text-primary);border-bottom:2px solid transparent;transition:border-color .2s,color .2s}.policies-tabs a.active{border-color:var(--accent);color:var(--accent);font-weight:600}.policies-content{margin-top:1.5rem}.policy-container{max-width:900px;margin:0 auto;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-md);color:var(--text-primary);font-family:var(--font-family-base);line-height:var(--line-height-base)}.policy-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);color:var(--accent);font-weight:700}.policy-container h2{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--accent-hover);font-weight:600}.policy-container p{margin-bottom:var(--space-4);font-size:var(--font-size-base);color:var(--text-primary)}.policy-container ul{margin-left:var(--space-6);margin-bottom:var(--space-4);color:var(--text-secondary)}.policy-container li{margin-bottom:var(--space-2)}.policy-container a{color:var(--accent);text-decoration:none}.policy-container a:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:600px){.policy-container{padding:var(--space-4)}.policy-container h1{font-size:var(--font-size-2xl)}.policy-container h2{font-size:var(--font-size-lg)}}.tos-container{max-width:900px;margin:0 auto;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-md);color:var(--text-primary);font-family:var(--font-family-base);line-height:var(--line-height-base)}.tos-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);color:var(--accent);font-weight:700}.tos-container h2{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--accent-hover);font-weight:600}.tos-container p{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--font-size-base)}.tos-container ul{margin-left:var(--space-6);margin-bottom:var(--space-4);color:var(--text-secondary)}.tos-container li{margin-bottom:var(--space-2)}.tos-container a{color:var(--accent);text-decoration:none;font-weight:500}.tos-container a:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:600px){.tos-container{padding:var(--space-4)}.tos-container h1{font-size:var(--font-size-2xl)}.tos-container h2{font-size:var(--font-size-lg)}}.cookie-container{max-width:900px;margin:0 auto;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-md);color:var(--text-primary);font-family:var(--font-family-base);line-height:var(--line-height-base)}.cookie-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);color:var(--accent);font-weight:700}.cookie-container h2{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--accent-hover);font-weight:600}.cookie-container h3{font-size:var(--font-size-lg);margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--text-secondary);font-weight:500}.cookie-container p{margin-bottom:var(--space-4);font-size:var(--font-size-base);color:var(--text-primary)}.cookie-container ul{margin-left:var(--space-6);margin-bottom:var(--space-4);color:var(--text-secondary)}.cookie-container li{margin-bottom:var(--space-2)}.cookie-container a{color:var(--accent);text-decoration:none}.cookie-container a:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:600px){.cookie-container{padding:var(--space-4)}.cookie-container h1{font-size:var(--font-size-2xl)}.cookie-container h2{font-size:var(--font-size-lg)}}.playground-wrapper{background:var(--bg-main);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.playground-main{padding-top:90px;padding-left:var(--space-4);padding-right:var(--space-4);padding-bottom:var(--space-6)}.playground-layout{display:flex;gap:var(--space-10);max-width:1300px;margin:0 auto;align-items:flex-start}.playground-left{flex:1.2}.playground-right{flex:1;display:flex;justify-content:center;align-items:center}.playground-hero{text-align:left;padding:var(--space-8) var(--space-4)}.playground-hero-content h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-3)}.playground-hero-content p{font-size:var(--font-size-lg);color:var(--text-secondary)}.playground-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.playground-card{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--space-6);border-radius:1rem;box-shadow:var(--shadow-md);transition:.25s ease;cursor:pointer;text-align:center}.playground-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-lg);background:var(--color-surface)}.playground-icon svg{width:3rem;height:3rem;color:var(--accent);margin-bottom:var(--space-4)}.playground-card h2{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.playground-card p{color:var(--text-secondary)}@media(max-width:900px){.playground-layout{flex-direction:column-reverse;gap:var(--space-8)}.playground-hero{text-align:center}}.main-container{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family-base);min-height:100vh;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.enemy-container{width:100%;max-width:320px;margin:0 auto;padding:var(--space-2);border-radius:var(--space-2);background-color:var(--bg-card);box-shadow:var(--shadow-sm)}.text-secondary{color:var(--text-secondary);font-size:var(--font-size-base)}.text-small{font-size:.875rem}.font-bold{font-weight:600}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.card-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--space-2);padding:var(--space-4);box-shadow:var(--shadow-sm)}.text-center{text-align:center}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.grid-gap-2{display:grid;gap:var(--space-2)}.space-y-6>*+*{margin-top:var(--space-6)}.player-health-bar{margin-top:var(--space-4);position:relative}.hp-bar-background{width:100%;height:var(--space-4);background-color:var(--color-border);border-radius:var(--space-4);overflow:hidden;margin-top:var(--space-1)}.hp-bar-fill{height:100%;transition:width .3s ease-in-out,transform .1s ease-in-out}.hp-bar-full{background-color:var(--color-success)}.hp-bar-mid{background-color:var(--color-warning)}.hp-bar-low{background-color:var(--color-error)}.player-health-bar.flash .hp-bar-fill{animation:flash-red .3s}@keyframes flash-red{0%{background-color:var(--color-error);transform:scaleX(1.1)}50%{background-color:var(--color-error);transform:scaleX(1)}to{background-color:var(--color-success);transform:scaleX(1)}}.choice-button{text-align:center;padding:var(--space-3);border-radius:var(--space-2);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;transition:all .2s;background-color:var(--accent);font-weight:600}.choice-button:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:var(--shadow-sm)}.choice-button:disabled{cursor:not-allowed;opacity:.5}.enemy-hit-flash{animation:enemy-flash .2s}@keyframes enemy-flash{0%{filter:brightness(2)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}@media(max-width:640px){.main-container{padding:var(--space-4)}.enemy-container{width:100%;max-width:100%;padding:var(--space-2)}.choice-button{font-size:.9rem}}:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-secondary: #06b6d4;--color-secondary-hover: #0891b2;--color-success: #16a34a;--color-warning: #f59e0b;--color-error: #dc2626;--color-bg: #1e1f26;--color-surface: #2a2b32;--color-border: #3a3b45;--color-text: #e5e7eb;--color-text-muted: #9ca3af;--font-family-base: "Inter", "Avenir", Helvetica, Arial, sans-serif;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--line-height-base: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.2);--bg-main: var(--color-bg);--bg-card: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--border-color: var(--color-border)}[data-theme=light]{--color-bg: #f5f7fa;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #1a1a1a;--color-text-muted: #6b7280;--accent: #4f46e5;--accent-hover: #4338ca;--bg-main: var(--color-bg);--bg-card: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-main);min-height:100%;width:100%;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-weight:500;cursor:pointer;border-radius:8px;border:none;padding:.5rem 1rem;transition:background-color .2s ease,transform .1s ease}button:hover{transform:translateY(-1px)}img,video,canvas,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:.5em;color:var(--text-primary)}p{margin-bottom:1em;color:var(--text-secondary);word-wrap:break-word}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(max-width:1024px){html{font-size:.95rem}}@media(max-width:768px){html{font-size:.9rem}}@media(max-width:480px){html{font-size:.85rem}}