.lesson-list{padding:20px}.lesson-list h2{text-align:center;font-size:2rem;margin-bottom:30px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3);background:linear-gradient(to bottom,#ff6b6b,#ee5a6f);border:3px outset #ff8787;padding:15px;border-radius:8px}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.lesson-card{background:linear-gradient(to bottom,#fff,#e8e8e8);border:3px outset #ccc;border-radius:8px;padding:25px;text-decoration:none;color:#000;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:3px 3px #0003;position:relative;transition:all .1s ease}.lesson-card:hover{border-style:inset;transform:translate(2px,2px);box-shadow:1px 1px #0003}.lesson-card:active{border-style:inset;transform:translate(3px,3px);box-shadow:none}.lesson-emoji{font-size:4rem;margin-bottom:15px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2))}.lesson-card h3{font-size:1.6rem;margin-bottom:10px;color:#00008b;font-weight:700}.lesson-card .description{color:#333;margin-bottom:15px;font-size:.95rem}.lesson-card .difficulty{background:linear-gradient(to bottom,gold,orange);border:2px outset #ffcc00;padding:5px 15px;border-radius:4px;font-size:.85rem;font-weight:700;color:#000;margin-top:auto}.flashcard{width:100%;height:280px;perspective:1000px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:3px outset #ccc;box-shadow:3px 3px #0003}.flashcard-front{background:linear-gradient(to bottom,#fff,#f0f0f0);color:#000}.flashcard-back{background:linear-gradient(to bottom,#4169e1,#1e90ff);color:#fff;transform:rotateY(180deg);border-color:#6495ed}.flashcard .meme{font-size:3rem;margin-bottom:15px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2))}.flashcard .text{font-size:1.6rem;font-weight:700;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.flashcard .latin{font-size:1.1rem;margin-top:8px;opacity:.7;font-style:italic;color:#666}.flashcard-back .text{text-shadow:1px 1px 2px rgba(0,0,0,.3)}.flashcard .hint{position:absolute;bottom:12px;font-size:.85rem;opacity:.7;font-weight:700}.quiz{background:linear-gradient(to bottom,#e6f2ff,#cce5ff);border:3px outset #99ccff;border-radius:6px;padding:25px;margin:20px 0;box-shadow:3px 3px #0003}.quiz-question{font-size:1.3rem;margin-bottom:20px;text-align:center;color:#00008b;font-weight:700}.quiz-options{display:grid;gap:12px;margin-bottom:20px}.quiz-option{background:linear-gradient(to bottom,#f0f0f0,#d8d8d8);color:#000;padding:12px 20px;border:2px outset #ccc;border-radius:4px;font-size:1rem;font-weight:700;transition:all .1s ease;box-shadow:2px 2px #0003}.quiz-option:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#e8e8e8);transform:translate(-1px,-1px);box-shadow:3px 3px #0003}.quiz-option:active:not(:disabled){border-style:inset;transform:translate(2px,2px);box-shadow:none}.quiz-option.selected{border-color:#4169e1;border-width:3px}.quiz-option.correct{background:linear-gradient(to bottom,#90ee90,#7cdb7c);border:3px inset #32cd32;color:#000}.quiz-option.wrong{background:linear-gradient(to bottom,#f99,#ff6b6b);border:3px inset #ff0000;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.quiz-option:disabled{cursor:default}.quiz-result{background:linear-gradient(to bottom,#fffacd,#fff8dc);border:3px outset #ffd700;padding:20px;border-radius:6px;text-align:center;box-shadow:inset 1px 1px #ffffff80}.quiz-result.success{background:linear-gradient(to bottom,#d4ffd4,#b8ffb8);border-color:#32cd32}.quiz-result.error{background:linear-gradient(to bottom,#ffd4d4,#ffb8b8);border-color:red}.result-text{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#000}.explanation{margin:15px 0;color:#333;font-weight:400}.retry-btn{background:linear-gradient(to bottom,#87ceeb,#4682b4);border:2px outset #add8e6;color:#000;padding:8px 20px;border-radius:4px;font-size:.95rem;font-weight:700;margin-top:15px;box-shadow:2px 2px #0003;transition:all .1s ease}.retry-btn:hover{background:linear-gradient(to bottom,#add8e6,#5f9ea0)}.retry-btn:active{border-style:inset;transform:translate(1px,1px);box-shadow:1px 1px #0000001a}.travel-lesson{max-width:1000px;margin:0 auto}.lesson-header{text-align:center;margin-bottom:30px;background:linear-gradient(to bottom,#6495ed,#4169e1);border:3px outset #7ba3f0;border-radius:8px;padding:30px;box-shadow:3px 3px #0003}.back-btn{display:inline-block;background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border:2px outset #ddd;color:#000;padding:8px 16px;border-radius:4px;text-decoration:none;margin-bottom:20px;font-weight:700;font-size:.9rem;box-shadow:1px 1px #0003}.back-btn:hover{background:linear-gradient(to bottom,#fff,#e0e0e0)}.back-btn:active{border-style:inset;transform:translate(1px,1px)}.lesson-header h1{font-size:2.5rem;margin-bottom:10px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;color:#ffc;font-weight:700}.lesson-section{background:linear-gradient(to bottom,#fff,#f5f5f5);border:3px outset #ccc;border-radius:8px;padding:30px;margin-bottom:25px;box-shadow:3px 3px #0003}.lesson-section h2{font-size:1.8rem;margin-bottom:15px;color:#00008b;border-bottom:2px solid #4169e1;padding-bottom:10px}.latin-small{font-size:.7em;opacity:.7;font-weight:400;font-style:italic}.section-intro{font-size:1rem;color:#333;margin-bottom:25px}.flashcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.meme-section{background:linear-gradient(to bottom,#fffacd,#fff8dc);border-color:#daa520}.meme-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.meme-image{width:100%;height:auto;border:3px inset #999;border-radius:4px;background:#fff;padding:5px;box-shadow:2px 2px #0003;cursor:pointer;transition:all .1s ease}.meme-image:hover{transform:scale(1.02);border-color:#4169e1}.meme-image:active{transform:scale(.98)}.pro-tips{background:linear-gradient(to bottom,#ffebcd,#ffe4b5);border-color:peru}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.tip{background:linear-gradient(to bottom,#fff,#fafafa);border:2px outset #ddd;border-radius:6px;padding:20px;text-align:center;box-shadow:2px 2px #0000001a}.tip-icon{font-size:2.5rem;margin-bottom:10px}.tip h3{font-size:1.1rem;margin-bottom:8px;color:#8b0000;font-weight:700}.tip p{font-size:.9rem;line-height:1.4;color:#333}.apps-section{background:linear-gradient(to bottom,#e6f3ff,#cce0ff);border-color:#4682b4}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.app-card{background:linear-gradient(to bottom,#fff,#f8f8f8);border:2px outset #ccc;border-radius:8px;padding:20px;text-align:center;box-shadow:2px 2px #00000026;transition:all .1s ease}.app-card:hover{transform:translateY(-2px);box-shadow:3px 3px #0003}.app-icon{font-size:2.5rem;margin-bottom:12px}.app-card h3{font-size:1.1rem;margin-bottom:10px;color:#00008b;font-weight:700}.app-card p{font-size:.85rem;line-height:1.4;color:#333;margin-bottom:12px;text-align:left}.app-card p strong{color:#8b0000;display:block;margin-bottom:5px}.app-badge{display:inline-block;background:linear-gradient(to bottom,#90ee90,#7cdb7c);border:2px outset #32cd32;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:700;color:#000}.lesson-footer{text-align:center;padding:30px 0}.home-btn{display:inline-block;background:linear-gradient(to bottom,#90ee90,#32cd32);border:3px outset #98fb98;color:#000;padding:12px 35px;border-radius:6px;text-decoration:none;font-size:1.1rem;font-weight:700;box-shadow:3px 3px #0003;transition:all .1s ease}.home-btn:hover{background:linear-gradient(to bottom,#98fb98,#3cb371)}.home-btn:active{border-style:inset;transform:translate(2px,2px);box-shadow:1px 1px #0003}@media (max-width: 768px){.flashcards-grid,.meme-gallery,.tips-grid{grid-template-columns:1fr}.lesson-header h1{font-size:2rem}.lesson-section{padding:20px}.meme-gallery{grid-template-columns:1fr}}.app{min-height:100vh}.header{background:linear-gradient(to bottom,#6495ed,#4169e1);border:3px outset #7ba3f0;border-radius:8px;padding:30px 20px;margin-bottom:20px;box-shadow:inset 1px 1px #ffffff80,3px 3px #0003;text-align:center}.header h1{font-size:3rem;margin-bottom:10px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3),-1px -1px 0 rgba(255,255,255,.3);font-weight:700}.header p{font-size:1.2rem;color:#ffc;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tahoma,Verdana,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#4169e1;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);min-height:100vh;color:#000}#root{max-width:1200px;margin:0 auto;padding:20px}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#ddd;border:2px solid #999}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#f0f0f0,#b0b0b0);border:2px outset #ccc}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#fff,#ccc)}