:root{--bg: #f7f4ee;--surface: #ffffff;--surface-soft: #eef5f2;--text: #1f2523;--muted: #68736f;--primary: #196f63;--primary-dark: #10574d;--accent: #f2b84b;--danger: #b94b42;--border: #e0dfd9;--shadow: 0 12px 28px rgba(31, 37, 35, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#e9f1ee 0%,var(--bg) 42%);color:var(--text)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:var(--bg);box-shadow:0 0 36px #1f25231f;position:relative}.app-header{padding:24px 20px 10px}.app-header h1,.page-title h2{margin:2px 0 0;letter-spacing:0}.app-header h1{font-size:1.55rem;line-height:1.15}.app-content{padding:10px 16px 108px}.page{display:flex;flex-direction:column;gap:18px}.page-title h2{font-size:1.8rem}.eyebrow,.card-kicker{margin:0;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:20px}.sentence-card{display:flex;min-height:390px;flex-direction:column;justify-content:space-between;gap:24px}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.95rem;font-weight:700}.german-sentence{margin:18px 0;font-size:clamp(2.1rem,12vw,3.45rem);font-weight:850;line-height:1.08}.translation-panel{background:var(--surface-soft);border-radius:18px;padding:16px}.translation-panel span,.detail-sentence span{color:var(--muted);font-size:.8rem;font-weight:800;text-transform:uppercase}.translation-panel p{margin:6px 0 0;font-size:1.35rem;font-weight:700}.button{min-height:54px;border:0;border-radius:16px;padding:0 18px;color:#fff;cursor:pointer;font-weight:850;transition:transform .12s ease,background .12s ease,opacity .12s ease}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.6}.button.primary{background:var(--primary)}.button.primary:active{background:var(--primary-dark)}.button.secondary{background:#24312e}.button.danger{background:var(--danger)}.button.compact{min-height:44px;padding:0 16px}.full-width{width:100%}.practice-actions{display:grid;gap:12px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:480px;margin:0 auto;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--border);box-shadow:0 -12px 30px #1f25231f}.nav-item{display:flex;min-height:58px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:16px;color:var(--muted);font-size:.74rem;font-weight:800;text-decoration:none}.nav-item.active{background:var(--surface-soft);color:var(--primary)}.nav-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#dcebe6;color:var(--primary);font-size:.7rem}.nav-item.active .nav-icon{background:var(--primary);color:#fff}.stack,.sentence-list,.word-grid{display:grid;gap:12px}.lesson-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.lesson-card h2,.word-card h2,.progress-card h2{margin:4px 0;font-size:1.2rem}.lesson-card p,.word-card p{margin:5px 0 0;color:var(--muted);font-weight:650}.detail-sentence{box-shadow:none}.detail-sentence h3{margin:8px 0 6px;font-size:1.18rem}.detail-sentence p{margin:0;color:var(--muted);line-height:1.45}.search-label{display:grid;gap:8px;color:var(--muted);font-weight:800}.search-label input{width:100%;min-height:54px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);padding:0 16px;outline:none}.search-label input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #196f631f}.word-card{box-shadow:0 8px 20px #1f252314}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{min-height:116px;padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 8px 20px #1f252314}.stat-card p{margin:0;color:var(--muted);font-weight:750}.stat-card strong{display:block;margin-top:12px;font-size:2rem}.progress-card{display:grid;gap:14px}.progress-row{display:grid;gap:8px}.progress-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:800}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:#e6e2d8}.progress-fill{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent))}.state-card{padding:18px;border-radius:18px;background:var(--surface);color:var(--muted);font-weight:800;box-shadow:0 8px 20px #1f252314}.error-message{color:var(--danger)}@media(min-width:481px){body{padding:22px 0}.app-shell{min-height:calc(100vh - 44px);overflow:hidden;border-radius:28px}.bottom-nav{right:auto;left:50%;transform:translate(-50%);border-radius:0 0 28px 28px}}