.theme-selection{text-align:center;max-width:500px;width:100%}.theme-selection h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary)}.theme-selection .subtitle{font-size:1.2rem;color:var(--text-light);margin-bottom:2rem}.theme-buttons{display:flex;flex-direction:column;gap:1rem}.theme-button{background-color:var(--card-bg);color:var(--text);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px solid transparent;transition:all .3s ease}.theme-button:hover{border-color:var(--primary);background-color:var(--dark-lighter);transform:translateY(-4px);box-shadow:0 8px 16px #0f83}.theme-label{font-size:1.5rem;font-weight:700}.theme-description{font-size:.9rem;color:var(--text-light)}.theme-button.reisen:hover,.theme-button.verben:hover{border-color:var(--primary)}.level-selection{text-align:center;max-width:600px;width:100%}.level-selection h1{font-size:3rem;color:var(--neon-green);margin-bottom:10px;font-weight:700;text-shadow:0 0 20px rgba(0,255,136,.5)}.subtitle{font-size:1.2rem;color:var(--text-light);margin-bottom:40px}.level-buttons{display:flex;flex-direction:column;gap:20px}.level-button{padding:30px;background-color:var(--dark-card);border:3px solid var(--neon-green);border-radius:12px;font-size:1.3rem;color:var(--text-white);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.level-button:hover{background-color:var(--dark-lighter);border-color:var(--neon-green-light);box-shadow:0 0 20px #00ff884d;transform:translateY(-2px)}.level-button.leicht,.level-button.mittel,.level-button.schwer{border-color:var(--neon-green)}.level-label{font-weight:700;font-size:1.5rem;color:var(--neon-green)}.level-description{font-size:.95rem;color:var(--text-light)}.back-button{margin-top:2rem;background-color:var(--dark-lighter);color:var(--text-light);padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem}.back-button:hover{background-color:var(--dark-card);color:var(--text)}@media (max-width: 600px){.level-selection h1{font-size:2rem}.level-button{padding:20px}}.exercise-view{width:100%;max-width:800px;min-height:80vh;display:flex;flex-direction:column;background-color:var(--dark-card);border-radius:16px;padding:30px;box-shadow:0 8px 24px #00000080;border:2px solid var(--neon-green)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-info{display:flex;align-items:center;gap:15px}.word-counter{padding:8px 16px;background-color:var(--dark-lighter);color:var(--text-white);border-radius:20px;font-size:.95rem;font-weight:500}.back-button{padding:10px 20px;background-color:var(--dark-lighter);color:var(--text-white);border-radius:8px;font-size:1rem;border:1px solid var(--neon-green)}.back-button:hover{background-color:var(--neon-green);color:var(--dark-bg)}.level-badge{padding:8px 16px;background-color:var(--neon-green);color:var(--dark-bg);border-radius:20px;font-weight:600;text-transform:capitalize}.theme-badge{padding:8px 16px;background-color:var(--dark-lighter);color:var(--neon-green);border:1px solid var(--neon-green);border-radius:20px;font-weight:600;text-transform:capitalize}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.word-display{text-align:center;padding:40px;background:linear-gradient(135deg,#00ff881a,#0d73);border-radius:16px;width:100%;box-shadow:0 4px 12px #0f83;border:2px solid var(--neon-green)}.word-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px}.current-word{font-size:4rem;font-weight:700;color:var(--neon-green);margin:0;text-shadow:0 0 20px rgba(0,255,136,.5)}.favorite-button{font-size:2.5rem;background:none;border:none;color:var(--text-gray);cursor:pointer;transition:all .3s ease;padding:0;margin:0;line-height:1}.favorite-button:hover{transform:scale(1.2);color:var(--neon-green)}.favorite-button.active{color:var(--neon-green);filter:drop-shadow(0 0 8px rgba(0,255,136,.8))}.favorite-hint{font-size:.9rem;color:var(--text-gray);margin:8px 0 0;font-style:italic;opacity:.8}.translation-info{font-size:1.3rem;color:var(--text-white);margin:8px 0 5px;font-weight:500}.grammar-info{font-size:1.1rem;color:var(--text-gray);font-style:italic;margin:0}.phrases-section{width:100%;text-align:left}.phrases-section h3{color:var(--neon-green);margin-bottom:15px;font-size:1.3rem}.phrases-list{list-style:none;display:flex;flex-direction:column;gap:12px}.phrase-item{padding:15px 20px;background-color:var(--dark-lighter);border-left:4px solid var(--neon-green);border-radius:8px;font-size:1.1rem;color:var(--text-white)}.next-button{padding:15px 40px;background-color:var(--neon-green);color:var(--dark-bg);border-radius:10px;font-size:1.2rem;font-weight:600;margin-top:20px}.next-button:hover{background-color:var(--neon-green-light);box-shadow:0 0 20px #00ff8880}.word-cloud{margin-top:30px;padding-top:20px;border-top:2px solid var(--neon-green)}.cloud-label{font-size:.9rem;color:var(--text-light);margin-bottom:10px;font-weight:600}.cloud-words{display:flex;flex-wrap:wrap;gap:10px}.cloud-word{padding:6px 14px;background-color:#0f83;color:var(--neon-green);border:1px solid var(--neon-green);border-radius:20px;font-size:.9rem}.cloud-word.favorite{background-color:#0f86;border:2px solid var(--neon-green);font-weight:600}.favorites-section{margin-top:20px;padding:20px;background-color:#00ff880d;border-radius:12px;border:1px solid var(--neon-green)}.favorites-label{font-size:1rem;color:var(--neon-green);margin-bottom:10px;font-weight:600}.favorites-list{display:flex;flex-wrap:wrap;gap:10px}.favorite-word{padding:8px 16px;background-color:var(--neon-green);color:var(--dark-bg);border-radius:20px;font-size:.95rem;font-weight:600}@media (max-width: 600px){.exercise-view{padding:20px}.current-word{font-size:2.5rem}.favorite-button{font-size:2rem}.word-display{padding:30px 20px}.phrase-item{font-size:1rem;padding:12px 15px}.header-info{flex-direction:column;gap:8px}.word-counter{font-size:.85rem;padding:6px 12px}}:root{--dark-bg: #1a1a1a;--dark-card: #2a2a2a;--dark-lighter: #3a3a3a;--neon-green: #00ff88;--neon-green-dark: #00dd77;--neon-green-light: #33ffaa;--text-white: #ffffff;--text-gray: #b0b0b0;--primary: var(--neon-green);--primary-dark: var(--neon-green-dark);--primary-light: var(--neon-green-light);--accent: var(--neon-green);--background: var(--dark-bg);--card-bg: var(--dark-card);--text: var(--text-white);--text-light: var(--text-gray)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6}.App{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d3e2d33}button:active{transform:translateY(0)}