:root{--romanian-primary: #4b8a08;--romanian-light: #c6e6b0;--romanian-dark: #005000;--latin-primary: #8B0000;--latin-light: #e6d2b0;--latin-dark: #800000}body{font-family:Times New Roman,Times,serif;background-color:#fafafa;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}*{box-sizing:border-box}p{overflow-wrap:break-word;word-break:break-word;white-space:pre-line}#root{max-width:1280px;width:100%;margin:0 auto;padding:2rem 1rem;text-align:center;box-sizing:border-box}.saying-container,.saying,.latin,.romanian{background:none;border:none}.app-container{display:flex;flex-direction:column;align-items:center;font-family:Times New Roman,Times,serif;max-width:800px;margin:0 auto;min-height:calc(var(--vh, 1vh) * 100);padding:0 1rem}h1{color:#8b0000;margin-bottom:2rem;font-size:2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.flashcard-container{width:100%;max-width:500px;perspective:1000px;margin-bottom:2rem;padding:0 1rem}.flashcard{width:100%;height:350px;position:relative;transition:transform .5s;transform-style:preserve-3d;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .5s;transform-style:preserve-3d}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box}.flashcard-front{background:linear-gradient(135deg,#e6f0d2,#c6e6b0);color:#333;z-index:2;border:2px solid #4b8a08}.flashcard-front.flipped{display:none}.flashcard-back{background:linear-gradient(135deg,#f0e6d2,#e6d2b0);color:#333;transform:rotateY(180deg);border:2px solid #8B0000}.flashcard-front h2,.flashcard-back h2{font-size:1.8rem;margin-bottom:1.5rem;font-weight:700;width:100%;text-align:center}.flashcard-front h2{color:#005000}.flashcard-back h2{color:maroon}.flashcard-front p,.flashcard-back p{font-size:1.5rem;line-height:1.6;font-weight:500;max-width:100%;margin-bottom:2rem;height:auto;overflow-wrap:break-word;word-break:break-word}.flashcard-front p{color:#005000}.flashcard-back p{color:maroon}.flip-instruction{position:absolute;bottom:15px;font-size:.9rem;color:#777;font-style:italic}.controls{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;width:100%}.next-button{background-color:#8b0000;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 2px 4px #0003}.next-button:hover{background-color:#6d0000;transform:translateY(-2px)}.next-button:active{transform:translateY(0)}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes slideIn{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.flipping{animation:flip .5s ease-out}.sliding-out{animation:slideOut .5s ease-out}.sliding-in{animation:slideIn .5s ease-out}.swipe-indicators{display:none;width:100%;max-width:500px;justify-content:space-between;margin-top:1rem;font-size:.9rem;color:#666;font-style:italic}.swipe-indicator{display:flex;align-items:center;gap:.5rem}.swipe-arrow{display:inline-block;font-size:1.2rem}@media (hover: none) and (pointer: coarse){.swipe-indicators{display:flex}.flip-instruction{display:none}}@media (max-width: 768px){.flashcard-container{max-width:90%}.flashcard{height:320px}.flashcard-front p,.flashcard-back p{font-size:1.3rem}}@media (max-width: 600px){.flashcard{height:280px}h1{font-size:2rem;margin-bottom:1.5rem}.flashcard-front p,.flashcard-back p{font-size:1.2rem;padding:0 .5rem}.flashcard-front h2,.flashcard-back h2{font-size:1.5rem}.controls{margin-top:1.5rem}}@media (max-width: 480px){.flashcard{height:260px}h1{font-size:1.8rem}.flashcard-front p,.flashcard-back p{font-size:1.1rem;margin-bottom:1.5rem}.flashcard-front h2,.flashcard-back h2{font-size:1.3rem;margin-bottom:1rem}.next-button{padding:.6rem 1.2rem;font-size:.9rem}.controls{flex-wrap:wrap;gap:.5rem}}@media (max-height: 500px) and (orientation: landscape){.app-container{padding-top:.5rem}h1{font-size:1.5rem;margin-bottom:.5rem}.flashcard{height:220px}.flashcard-front p,.flashcard-back p{font-size:1rem;margin-bottom:1rem}.flashcard-front h2,.flashcard-back h2{font-size:1.2rem;margin-bottom:.5rem}.controls{margin-top:.5rem}.flip-instruction{bottom:5px;font-size:.8rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:350px;width:100%;max-width:500px}.loading-text{margin-top:1rem;color:#666;font-style:italic}.loader{width:48px;height:48px;border:5px solid rgba(139,0,0,.2);border-bottom-color:#8b0000cc;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favorite-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#ccc;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s ease}.favorite-button:focus{outline:none}.favorite-button:hover{transform:scale(1.1)}.favorite-button.active{color:gold}.favorites-toggle{margin-top:1rem;background-color:transparent;color:#8b0000;border:1px solid #8B0000;padding:.5rem 1rem;font-size:.9rem;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s}.favorites-toggle:hover{background-color:#f0e6d2}.favorites-toggle.active{background-color:#8b0000;color:#fff}.favorites-list{width:100%;max-width:500px;margin-top:1rem;max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;padding:.5rem}.favorites-list-item{cursor:pointer;padding:.75rem;border-bottom:1px solid #eee;text-align:left;transition:background-color .2s}.favorites-list-item:last-child{border-bottom:none}.favorites-list-item:hover{background-color:#f5f5f5}.favorites-empty{padding:2rem;color:#999;font-style:italic}.error-text{color:#8b0000;font-weight:700;margin-bottom:1rem}.stats-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.stats-content{background-color:var(--card-bg, #ffffff);border-radius:8px;padding:2rem;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 2px 10px #0003}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-color, #333333)}.stats-summary{display:flex;justify-content:space-between;margin:1.5rem 0;gap:1rem}.stat-item{flex:1;padding:1rem;background-color:var(--bg-color, #f5f5f5);border-radius:8px;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.85rem;color:#777}.stats-difficult{margin:1.5rem 0}.difficult-cards-list{list-style:none;padding:0;margin:1rem 0 0}.difficult-cards-list li{padding:.75rem;border-bottom:1px solid var(--border-color, #cccccc);display:flex;justify-content:space-between;align-items:center}.difficult-cards-list li:last-child{border-bottom:none}.difficult-card-text{font-size:.9rem}.difficult-card-time{font-weight:700;padding:.25rem .5rem;background-color:var(--bg-color, #f5f5f5);border-radius:4px;font-size:.8rem}.stats-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #cccccc);text-align:center;font-size:.9rem;color:#777}.no-data{text-align:center;color:#777;font-style:italic;padding:1rem}.stats-button{background-color:transparent;border:1px solid var(--border-color, #cccccc);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:10px;left:10px;color:var(--text-color, #333333);font-size:1.2rem;transition:background-color .2s}.stats-button:hover{background-color:var(--bg-color, #f5f5f5)}.keyboard-instructions{margin-top:1rem;font-size:.8rem;color:var(--text-color, #777);background-color:var(--bg-color, #f5f5f5);padding:.5rem 1rem;border-radius:4px;max-width:500px;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.key{background-color:#eee;padding:.1rem .4rem;border-radius:3px;font-family:monospace;border:1px solid var(--border-color, #ddd)}@media (hover: none) and (pointer: coarse){.keyboard-instructions{display:none}}