@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap";.header{background-color:var(--color-surface);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(139,92,246,.02) 100%);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content{max-width:1280px;margin:0 auto;padding:1rem}.header-title{font-family:Roboto Condensed,sans-serif;color:var(--color-primary);text-decoration:none;font-size:1.8rem;font-weight:700;transition:color .2s ease}.header-title:hover{color:var(--color-accent)}.footer{background-color:var(--color-surface);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(139,92,246,.02) 100%);position:fixed;bottom:0;left:0;right:0;z-index:1000;border-top:1px solid var(--color-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-content{max-width:1280px;margin:0 auto;padding:.5rem 1rem;font-size:.9rem;color:var(--color-text-secondary);text-align:center}.explanation-button{margin-left:.2rem;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;width:28px;height:28px;font-size:.9rem;color:var(--color-primary);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:0;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.explanation-button:hover{background-color:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary);transform:scale(1.05)}.explanation-overlay,.explanation-overlay-buttonless{position:absolute;background-color:var(--color-surface);border:3px solid var(--color-primary);border-radius:12px;padding:1.3rem;box-shadow:0 8px 25px #8b5cf626,0 4px 10px #0000001a;z-index:1000;max-width:320px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.explanation-overlay-buttonless{bottom:110%;transform:translate(-50%);width:18rem}.explanation-overlay-buttonless button{position:absolute;top:5px;right:5px;background-color:transparent;color:gray;padding:.1rem;font-weight:bolder}.explanation-overlay-buttonless button:hover{border:none;font-weight:700}.button-container{display:flex;justify-content:space-between;margin-top:20px}.exercise-button{display:inline;margin-bottom:10px;margin-right:10px}.exercise-progress{font-size:.9rem;color:#666}.article-dropdown-container{display:inline-flex;align-items:center;margin:0 .3rem}select{padding:.2rem;border:1px solid #ccc;border-radius:4px;font-size:.8rem}select.correct{background-color:#d4edda;border-color:#c3e6cb}select.incorrect{background-color:#f8d7da;border-color:#f5c6cb}.punctuation-input-container{display:inline-flex;align-items:center;margin:0 .2rem}.punctuation-input-container input{width:20px;height:20px;text-align:center;border:1px solid #ccc;border-radius:4px;font-size:.8rem}.correct-background{background-color:#c8fdc8}.exercise-card{background-color:var(--color-surface);border-radius:12px;box-shadow:0 8px 25px #8b5cf61a,0 4px 10px #0000000d;padding:2rem;margin-top:1rem;max-width:800px;width:100%;cursor:pointer;border:1px solid var(--color-border);transition:all .2s ease}.exercise-card h2{color:var(--color-text);margin-bottom:1rem}.exercise-card p{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.exercise-text{font-size:1.3rem;line-height:1.9;margin-top:1rem}.progress-indicators{display:flex;margin-bottom:1rem}.progress-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);margin:0 4px;transition:all .2s ease}.progress-circle.correct{background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 8px #0d948866}#root{max-width:1280px;margin:0 auto;padding:2rem;padding-top:60px;font-family:Roboto Condensed,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{margin:0;padding:0 0 40px;font-family:Arial,sans-serif;background:linear-gradient(135deg,var(--color-background) 0%,#F8F9FA 100%)}main{max-width:1280px;margin:0 auto;padding:1rem;min-height:calc(100vh - 120px)}.articles-page,.home-page{display:flex;flex-direction:column;align-items:flex-start;padding:2rem;width:100%;box-sizing:border-box}.articles-header{align-self:flex-start;margin-top:20px;margin-left:20px;margin-bottom:1rem;font-size:1.5rem;color:var(--color-primary);font-weight:600}.exercise-card{background-color:var(--color-surface);border-radius:12px;box-shadow:0 8px 25px #8b5cf61a,0 4px 10px #0000000d;padding:2rem;margin-top:1rem;max-width:800px;width:100%;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.exercise-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #8b5cf626,0 6px 15px #00000014}.exercise-card h2{color:var(--color-text);margin-bottom:1rem;font-size:1.8rem}.exercise-card p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.exercise-card ul{list-style-type:none;padding:0}.exercise-card li{margin-bottom:.5rem}.exercise-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1.3rem;position:relative}.exercise-link:hover{color:var(--color-accent);text-decoration:none}.exercise-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}.exercise-link:hover:after{width:100%}.return-to-list-button,.clear-progress-button{padding:12px 24px;font-size:1rem;color:var(--color-primary);background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.return-to-list-button:hover,.clear-progress-button:hover{background-color:var(--color-primary);color:var(--color-surface);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.clear-progress-button{margin-left:10px}.generate-report-button{margin-top:20px;padding:12px 24px;background-color:var(--color-accent);color:var(--color-surface);border:2px solid var(--color-accent);border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.generate-report-button:hover{background-color:#0f766e;border-color:#0f766e;transform:translateY(-1px);box-shadow:0 4px 12px #0d94884d}:root{font-family:Roboto-Condensed,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #8B5CF6;--color-accent: #0D9488;--color-text: #1F2937;--color-text-secondary: #6B7280;--color-background: #FEFEFE;--color-surface: #FFFFFF;--color-border: #E5E7EB;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit;transition:color .2s ease}a:hover{color:#7c3aed}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:2px solid var(--color-primary);padding:.6em 1.2em;font-size:1.2rem;font-weight:500;font-family:inherit;background-color:var(--color-surface);color:var(--color-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}button:hover{background-color:var(--color-primary);color:var(--color-surface);transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}