@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@400;500;600&display=swap";:root{--bg:#f7f5f0;--card:#fff;--border:#e2ddd6;--text:#1a1814;--muted:#8a8478;--accent:#2d5a8e;--accent2:#e8f0fb;--green:#2a7a4b;--green-bg:#edf7f2;--red:#b83232;--red-bg:#fdf0f0;--gold:#c9820a;--gold-bg:#fef8ec;--locked:#c8c4bc}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:15px}.app-shell{max-width:520px;min-height:100vh;margin:0 auto;padding:0 16px 90px;position:relative}.app-header{justify-content:space-between;align-items:center;padding:28px 0 20px;display:flex}.app-logo{letter-spacing:-.3px;font-family:DM Serif Display,serif;font-size:22px}.app-logo span{color:var(--accent);font-style:italic}.streak-pill{background:var(--gold-bg);color:var(--gold);border:1px solid #f0d89a;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:600;display:flex}.bottom-nav{background:var(--card);border-top:1px solid var(--border);z-index:50;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{width:100%;max-width:520px;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));display:flex}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:var(--accent)}.nav-icon{font-size:20px;line-height:1}button{cursor:pointer;border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;padding:12px 20px}.btn-primary:hover{background:#234e7a}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border);padding:10px 16px;font-size:14px}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-full{border-radius:12px;width:100%;padding:14px}input[type=text],textarea{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s}input[type=text]:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.speak-btn{cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px;line-height:1;transition:opacity .15s,transform .1s,background .15s}.speak-btn:hover{opacity:1;background:var(--accent2)}.speak-btn:active{transform:scale(.9)}.speak-sm{font-size:14px}.speak-md{font-size:18px}.speak-lg{font-size:22px}.card-word-row{justify-content:center;align-items:center;gap:10px;display:flex}.card-reveal-row{justify-content:center;align-items:center;gap:8px;display:flex}.card-example-row{justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.learned-fr-row{align-items:center;gap:6px;display:flex}.ex-feedback{justify-content:space-between;align-items:center;gap:8px;display:flex}.ex-feedback-text{flex:1}.speak-wrap{align-items:center;gap:6px;display:inline-flex;position:relative}.speak-novoice{color:var(--red);max-width:200px;font-size:11px;line-height:1.3}.nav-tabs{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.nav-tab{text-align:center;color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:9px;font-size:13px;font-weight:600}.nav-tab.active{background:var(--accent);color:#fff}.nav-tab:hover:not(.active){color:var(--text)}.progress-section{margin-bottom:20px}.milestone-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.milestone-label{font-size:13px;font-weight:600}.milestone-count{color:var(--muted);font-size:13px}.progress-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s}.milestones-dots{justify-content:space-between;margin-top:6px;display:flex}.m-dot{color:var(--muted);flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex}.m-dot .dot{background:var(--border);border-radius:50%;width:8px;height:8px}.m-dot.reached .dot{background:var(--accent)}.m-dot.reached{color:var(--accent);font-weight:600}.stats-row{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:14px 12px}.stat-num{color:var(--text);margin-bottom:4px;font-family:DM Serif Display,serif;font-size:26px;line-height:1}.stat-label{color:var(--muted);font-size:11px;font-weight:500}.vocab-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;margin-bottom:16px;padding:36px 28px 28px;transition:border-color .2s,background .2s;display:flex;position:relative}.vocab-card.correct{border-color:var(--green);background:var(--green-bg)}.vocab-card.wrong{border-color:var(--red);background:var(--red-bg)}.card-tag{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600;position:absolute;top:14px;left:16px}.card-word{color:var(--text);letter-spacing:-.5px;font-family:DM Serif Display,serif;font-size:38px}.card-hint{color:var(--muted);max-width:320px;font-size:13px;font-style:italic}.card-reveal{color:var(--accent);font-size:18px;font-weight:600}.card-example{color:var(--muted);max-width:320px;font-size:13px;line-height:1.5}.difficulty-row{gap:8px;margin-bottom:12px;display:flex}.diff-btn{border:1px solid var(--border);background:var(--card);color:var(--text);text-align:center;border-radius:10px;flex:1;padding:11px 6px;font-size:12px;font-weight:600}.diff-btn:hover{transform:translateY(-1px)}.diff-btn.again{border-color:var(--red);color:var(--red);background:var(--red-bg)}.diff-btn.hard{color:#d97706;background:#fef3c7;border-color:#d97706}.diff-btn.good{border-color:var(--accent);color:var(--accent);background:var(--accent2)}.diff-btn.easy{border-color:var(--green);color:var(--green);background:var(--green-bg)}.diff-sub{font-size:11px;font-weight:400;display:block}.answer-row{gap:8px;margin-bottom:12px;display:flex}.feedback-bar{border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.5}.feedback-bar.correct{background:var(--green-bg);color:var(--green)}.feedback-bar.wrong{background:var(--red-bg);color:var(--red)}.btn-skip{width:100%;color:var(--muted);background:0 0;padding:10px;font-size:13px;font-weight:500;text-decoration:underline}.done-screen{text-align:center;padding:40px 0}.done-icon{margin-bottom:16px;font-size:56px}.done-title{margin-bottom:8px;font-family:DM Serif Display,serif;font-size:28px}.done-sub{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.6}.done-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.done-stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}.done-stat-num{margin-bottom:4px;font-family:DM Serif Display,serif;font-size:32px}.done-stat-label{color:var(--muted);font-size:12px;font-weight:500}.milestone-banner{background:var(--gold-bg);text-align:center;border:1px solid #f0d89a;border-radius:14px;margin-bottom:16px;padding:16px 20px}.milestone-banner-title{color:var(--gold);margin-bottom:4px;font-family:DM Serif Display,serif;font-size:18px}.milestone-banner-sub{color:var(--muted);font-size:13px}.learned-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.learned-list{flex-direction:column;gap:8px;display:flex}.learned-item{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.learned-item-left{flex-direction:column;gap:3px;display:flex}.learned-fr{font-family:DM Serif Display,serif;font-size:18px}.learned-de{color:var(--muted);font-size:13px}.learned-next{color:var(--muted);margin-top:2px;font-size:11px}.mastery-stars{gap:2px;display:flex}.star{font-size:13px}.star.filled{color:var(--gold)}.star.empty{color:var(--border)}.mastery-label{color:var(--muted);text-align:right;font-size:11px;font-weight:500}.empty-state{text-align:center;color:var(--muted);padding:40px 0}.empty-state .empty-icon{margin-bottom:12px;font-size:36px}.empty-state p{font-size:14px;line-height:1.6}.view-toggle{background:var(--accent2);border-radius:12px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.view-toggle-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:9px 8px;font-size:14px;transition:background .15s,color .15s}.view-toggle-btn.active{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.theme-list{flex-direction:column;gap:8px;display:flex}.theme-block{border:1px solid var(--border);background:var(--card);border-radius:14px;overflow:hidden}.theme-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px;display:flex}.theme-chevron{color:var(--muted);flex-shrink:0;font-size:11px;transition:transform .18s}.theme-chevron.open{transform:rotate(90deg)}.theme-name{color:var(--text);flex:1;font-size:15px;font-weight:600}.theme-count{color:var(--accent);background:var(--accent2);border-radius:20px;flex-shrink:0;padding:2px 10px;font-size:13px}.theme-words{padding:0 12px 12px}.card-tag-productive{background:var(--gold,#c9820a);color:#fff}.dash-greeting{color:var(--text);margin:4px 0 18px;font-family:DM Serif Display,serif;font-size:26px}.dash-hero{text-align:left;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:18px;width:100%;margin-bottom:14px;padding:18px;transition:transform .12s,box-shadow .12s}.dash-hero:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2d5a8e40}.dash-hero-top{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.dash-hero-label{opacity:.85;font-size:14px}.dash-hero-count{font-family:DM Serif Display,serif;font-size:24px}.dash-hero .progress-track{background:#ffffff40}.dash-hero .progress-fill{background:#fff}.dash-hero-sub{opacity:.9;margin-top:8px;font-size:13px}.dash-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dash-card{background:var(--card);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:16px;padding:16px;transition:transform .12s,box-shadow .12s}.dash-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.dash-card-wide{grid-column:1/-1}.dash-card-icon{margin-bottom:8px;font-size:22px}.dash-card-num{color:var(--text);font-family:DM Serif Display,serif;font-size:30px;line-height:1}.dash-card-label{color:var(--muted);margin-top:4px;font-size:13px}.dash-card-row{justify-content:space-between;align-items:center;display:flex}.dash-card-grammar{background:var(--accent2);border-color:#b8d0f0}.dash-grammar-title{color:var(--accent);margin:2px 0;font-family:DM Serif Display,serif;font-size:18px}.dash-stats-link{border:1px dashed var(--border);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:14px;margin-top:14px;padding:14px;font-size:14px;transition:border-color .12s,color .12s}.dash-stats-link:hover{border-color:var(--accent);color:var(--accent)}.dash-card-video{background:#f3edfa;border-color:#d9c5ee}.dash-video-row{justify-content:space-between;align-items:center;display:flex}.dash-elixir{color:#7a4ca8;text-align:right;font-size:18px;font-weight:600}.dash-elixir span{opacity:.7;font-size:13px;display:block}.streak-pill-btn{cursor:pointer;border:1px solid #f0c0a0;font-size:13px}.streak-pill-btn:hover{filter:brightness(.97)}.dash-bottom-links{gap:10px;margin-top:14px;display:flex}.dash-bottom-links .dash-stats-link{flex:1;margin-top:0;padding:12px 8px;font-size:13px}.dash-card-writing{background:#f1f9f4;border-color:#c5e8d2}.dash-writing-icon{font-size:20px}.dash-card-pensum{background:var(--accent2);border-color:#b8d0f0}.dash-card-words{background:var(--gold-bg);border-color:#f0e0c0}.dash-pensum-count{color:var(--accent);flex-shrink:0;font-family:DM Serif Display,serif;font-size:26px}.dash-words-count{color:var(--gold);flex-shrink:0;font-family:DM Serif Display,serif;font-size:30px}.dash-card-pensum .progress-track{background:#d4e3f5}.dash-card-words .progress-track{background:#f0e4cc}.stats-chart-card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:8px;padding:16px}.stats-svg{width:100%;height:120px;display:block}.stats-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.stats-area{fill:var(--accent2);opacity:.7;stroke:none}.stats-dot{fill:var(--accent)}.stats-chart-meta{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.stats-empty{text-align:center;color:var(--muted);padding:24px 12px;font-size:14px;line-height:1.5}.stats-bars{flex-direction:column;gap:8px;display:flex}.stats-bar-row{align-items:center;gap:10px;display:flex}.stats-bar-day{color:var(--muted);flex-shrink:0;width:44px;font-size:12px}.stats-bar-track{background:var(--accent2);border-radius:6px;flex:1;height:10px;overflow:hidden}.stats-bar-fill{background:var(--green);border-radius:6px;height:100%;transition:width .3s}.stats-bar-val{color:var(--text);text-align:right;flex-shrink:0;width:36px;font-size:12px}.elixir-pill{color:#7a4ca8;background:#ede4f7;border:1px solid #d9c5ee;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:600}.elixir-banner{color:#fff;background:linear-gradient(135deg,#7a4ca8,#9b6fc7);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px;display:flex}.elixir-streak-num{font-family:DM Serif Display,serif;font-size:38px;line-height:1}.elixir-streak-label{opacity:.9;margin-top:2px;font-size:13px}.elixir-banner-side{text-align:right}.elixir-total{font-size:22px;font-weight:600}.elixir-total-label{opacity:.85;font-size:12px}.video-status{border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.4}.video-status.idle{background:var(--accent2);color:var(--accent)}.video-status.started{color:var(--gold);background:#fef8ec;border:1px solid #f0e0c0}.video-status.done{color:var(--green);background:#f1f9f4;border:1px solid #c5e8d2}.video-list{flex-direction:column;gap:10px;display:flex}.video-card{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.video-card.active{border-color:#d9c5ee}.video-card-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.video-level{color:#7a4ca8;background:#ede4f7;border-radius:9px;flex-shrink:0;padding:5px 9px;font-size:13px;font-weight:700}.video-info{flex:1}.video-title{color:var(--text);font-size:15px;font-weight:600}.video-desc{color:var(--muted);margin-top:2px;font-size:13px}.video-play{color:var(--muted);flex-shrink:0;font-size:14px}.video-embed-wrap{padding:0 12px 12px}.video-embed{border-radius:12px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-yt-link{text-align:center;color:#7a4ca8;background:#ede4f7;border-radius:12px;padding:14px;font-weight:600;text-decoration:none;display:block}.elixir-confirm{margin-top:16px}.video-channel-link{text-align:center;color:var(--muted);margin-top:16px;font-size:14px;text-decoration:none;display:block}.video-channel-link:hover{color:var(--accent)}.video-loading{text-align:center;color:var(--muted);padding:30px 12px;font-size:14px}.video-notice{text-align:center;color:var(--muted);padding:20px 12px;font-size:14px}.video-notice.error{color:var(--red)}.video-notice p{margin:0 0 12px}.video-day-card{margin-bottom:8px}.video-thumb{cursor:pointer;aspect-ratio:16/9;background:#000;border:none;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-thumb-play{color:#fff;background:#00000047;justify-content:center;align-items:center;font-size:44px;transition:background .15s;display:flex;position:absolute;inset:0}.video-thumb:hover .video-thumb-play{background:#00000073}.video-day-title{color:var(--text);margin-top:10px;font-size:15px;font-weight:600;line-height:1.4}.video-day-date{color:var(--muted);margin-top:2px;font-size:12px}.ring-banner{color:#3a2c08;background:linear-gradient(135deg,#b8902a,#e8c45a);border-radius:18px;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:flex}.ring-icon{flex-shrink:0;font-size:40px}.ring-title{font-family:DM Serif Display,serif;font-size:22px}.ring-sub{opacity:.85;margin-top:2px;font-size:13px;line-height:1.4}.today-track{flex-direction:column;gap:8px;display:flex}.today-pill{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .12s;display:flex}.today-pill.done{border-color:var(--green);background:#f1f9f4}.today-pill-icon{font-size:20px}.today-pill-name{color:var(--text);flex:1;font-size:15px}.today-pill-check{color:var(--muted);font-size:18px}.today-pill.done .today-pill-check{color:var(--green)}.ring-earned{text-align:center;color:var(--gold);background:#fef8ec;border:1px solid #f0e0c0;border-radius:12px;margin-top:12px;padding:12px;font-size:14px}.streak-history{flex-direction:column;gap:8px;display:flex}.streak-row{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.streak-row.combo{background:#fdf9ee;border-color:#e8c45a}.streak-row-icon{font-size:20px}.streak-row-name{color:var(--text);flex:1;font-size:15px}.streak-row-vals{gap:16px;display:flex}.streak-cur,.streak-best{color:var(--text);text-align:right;font-family:DM Serif Display,serif;font-size:20px}.streak-cur span,.streak-best span{color:var(--muted);font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;display:block}.treasure-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.treasure-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:14px;padding:16px}.treasure-icon{font-size:26px}.treasure-val{color:var(--text);margin-top:4px;font-family:DM Serif Display,serif;font-size:28px}.treasure-label{color:var(--muted);margin-top:2px;font-size:12px}.writing-gate{text-align:center;padding:24px 8px}.writing-gate-icon{font-size:44px}.writing-gate-title{color:var(--text);margin-top:8px;font-family:DM Serif Display,serif;font-size:22px}.writing-gate-sub{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}.writing-history{text-align:left;margin-top:24px}.writing-history-row{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:13px;display:flex}.writing-history-row>span:first-child{color:var(--muted)}.wh-topic{color:var(--text);flex:1}.wh-score{color:var(--accent);font-weight:600}.writing-topic{background:var(--accent2);border:1px solid #b8d0f0;border-radius:16px;padding:16px}.writing-topic-fr{color:var(--accent);font-family:DM Serif Display,serif;font-size:22px}.writing-topic-de{color:var(--text);margin-top:4px;font-size:14px}.writing-reroll{color:var(--accent);cursor:pointer;background:0 0;border:1px solid #b8d0f0;border-radius:20px;margin-top:10px;padding:6px 14px;font-size:13px}.writing-reroll:hover{background:#fff}.writing-challenges{flex-direction:column;gap:8px;display:flex}.writing-challenge{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.wc-dot{color:var(--gold);flex-shrink:0}.word-count{float:right;color:var(--muted);font-weight:400}.writing-editor{border:1px solid var(--border);resize:vertical;background:var(--card);width:100%;color:var(--text);box-sizing:border-box;border-radius:14px;padding:14px;font-family:inherit;font-size:16px;line-height:1.6}.writing-editor:focus{border-color:var(--accent);outline:none}.writing-progress{margin-top:8px}.writing-hint{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.5}.writing-error{color:var(--red);margin-top:12px;font-size:14px}.writing-feedback{margin-top:8px}.wf-saved{color:var(--green);margin-bottom:12px;font-weight:600}.wf-score-badge{background:var(--accent);color:#fff;border-radius:16px;margin-bottom:12px;padding:8px 20px;font-family:DM Serif Display,serif;font-size:30px;display:inline-block}.wf-score-badge span{opacity:.8;font-size:16px}.wf-overall{background:var(--accent2);color:var(--text);border-radius:12px;margin-bottom:8px;padding:14px;font-size:14px;line-height:1.5}.wf-challenge{border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:12px 14px;display:flex}.wf-challenge.ok{background:#f1f9f4;border-color:#c5e8d2}.wf-challenge.no{background:#fdf0f0;border-color:#e8c0c0}.wf-check{flex-shrink:0;font-size:18px}.wf-challenge.ok .wf-check{color:var(--green)}.wf-challenge.no .wf-check{color:var(--red)}.wf-challenge-text{color:var(--text);font-size:14px}.wf-challenge-comment{color:var(--muted);margin-top:2px;font-size:13px}.wf-error{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:6px;padding:12px 14px}.wf-error-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wf-orig{color:var(--red);text-decoration:line-through}.wf-arrow{color:var(--muted)}.wf-corr{color:var(--green);font-weight:600}.wf-expl{color:var(--muted);margin-top:4px;font-size:13px}.wf-corrected{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:14px;font-size:15px;line-height:1.6}.self-check{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:12px 14px;font-size:14px;display:flex}.self-check input{margin-top:3px}.writing-history-row.clickable{cursor:pointer;text-align:left;width:100%;transition:border-color .12s}.writing-history-row.clickable:hover{border-color:var(--accent)}.wh-arrow{color:var(--muted);font-size:18px}.read-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.read-text{background:var(--card);border:1px solid var(--border);color:var(--text);white-space:pre-wrap;border-radius:14px;padding:16px;font-size:16px;line-height:1.7}.conj-tense-badge{background:var(--gold-bg);color:var(--gold);border:1px solid #f0e0c0;border-radius:20px;margin-bottom:14px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.conj-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:18px;margin-bottom:16px;padding:28px 20px}.conj-verb{color:var(--text);font-family:DM Serif Display,serif;font-size:32px}.conj-verb-de{color:var(--muted);margin-top:2px;font-size:14px}.conj-person{color:var(--accent);background:var(--accent2);border-radius:12px;margin-top:16px;padding:6px 18px;font-size:22px;font-weight:600;display:inline-block}.conj-solution-row{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;margin-top:18px;padding-top:16px;display:flex}.conj-solution{font-size:22px;font-weight:600}.conj-solution-row.ok .conj-solution{color:var(--green)}.conj-solution-row.no .conj-solution{color:var(--red)}.conj-input-row{gap:8px;display:flex}.conj-input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;flex:1;padding:14px 16px;font-family:inherit;font-size:18px}.conj-input:focus{border-color:var(--accent);outline:none}.conj-feedback{text-align:center;border-radius:12px;margin-bottom:12px;padding:14px;font-size:16px;font-weight:600}.conj-feedback.correct{color:var(--green);background:#f1f9f4}.conj-feedback.wrong{color:var(--red);background:#fdf0f0}.conj-empty{text-align:center;color:var(--muted);padding:40px 12px}.conj-dev-hint{color:var(--muted);margin:-8px 0 14px;font-size:12px}.conj-mode{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:18px;transition:transform .12s,box-shadow .12s;display:flex}.conj-mode:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.conj-mode-icon{font-size:26px}.conj-mode-text{flex-direction:column;flex:1;display:flex}.conj-mode-title{color:var(--text);font-family:DM Serif Display,serif;font-size:18px}.conj-mode-sub{color:var(--muted);margin-top:2px;font-size:13px}.conj-mode-arrow{color:var(--muted);font-size:22px}.conj-search{box-sizing:border-box;border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:12px;margin-bottom:10px;padding:12px 14px;font-size:15px}.conj-search:focus{border-color:var(--accent);outline:none}.conj-verb-list{flex-direction:column;gap:6px;display:flex}.conj-verb-list.short{max-height:320px;overflow-y:auto}.conj-verb-item{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.conj-verb-item:hover{border-color:var(--accent)}.conj-verb-item.selected{background:var(--accent2);border-color:#b8d0f0}.conj-verb-inf{color:var(--text);flex-shrink:0;font-weight:600}.conj-verb-mean{color:var(--muted);flex:1;font-size:13px}.conj-verb-check{color:var(--accent);font-weight:700}.conj-picked-verb{color:var(--text);margin-bottom:6px;font-family:DM Serif Display,serif;font-size:24px}.conj-picked-verb span{color:var(--muted);font-family:DM Sans,sans-serif;font-size:15px}.conj-tense-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.conj-tense-choice{background:var(--card);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:12px;padding:14px 10px;font-size:14px;font-weight:600;transition:border-color .12s,background .12s}.conj-tense-choice:hover{border-color:var(--accent)}.conj-tense-choice.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.conj-lock-note,.conj-mixed-hint{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.4}.conj-mixed-hint{margin:-4px 0 8px}.conj-mode-tag{color:var(--gold);background:var(--gold-bg);border:1px solid #f0e0c0;border-radius:14px;margin-left:8px;padding:3px 10px;font-size:13px;display:inline-block}.units-list{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.unit-card{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .15s;display:flex}.unit-card:hover:not(.locked){border-color:var(--accent)}.unit-card.locked{opacity:.45;cursor:not-allowed}.unit-card.completed{border-color:var(--green);background:var(--green-bg)}.unit-card.active{border-color:var(--accent);background:var(--accent2)}.unit-num{background:var(--bg);border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.unit-card.completed .unit-num{background:var(--green);border-color:var(--green);color:#fff}.unit-card.active .unit-num{background:var(--accent);border-color:var(--accent);color:#fff}.unit-card.locked .unit-num{background:var(--border)}.unit-info{flex:1}.unit-title{margin-bottom:2px;font-size:14px;font-weight:600}.unit-topic{color:var(--muted);font-size:12px}.unit-score{color:var(--green);font-size:12px;font-weight:600}.lesson-header{align-items:center;gap:12px;padding:28px 0 20px;display:flex}.lesson-meta-niveau{letter-spacing:.8px;color:var(--muted);font-size:11px;font-weight:600}.lesson-meta-title{font-family:DM Serif Display,serif;font-size:20px}.progress-wrap{margin-bottom:20px}.progress-track-thin{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.progress-fill-thin{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.progress-label{color:var(--muted);margin-top:6px;font-size:12px}.hook-card{background:var(--accent2);text-align:center;border:1px solid #b8d0f0;border-radius:16px;margin-bottom:20px;padding:24px}.hook-text{color:var(--text);margin-bottom:20px;font-family:DM Serif Display,serif;font-size:20px;line-height:1.4}.ex-card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:14px;padding:22px}.ex-counter{letter-spacing:.8px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.ex-instruction{color:var(--muted);margin-bottom:8px;font-size:13px}.ex-sentence{margin-bottom:16px;font-family:DM Serif Display,serif;font-size:22px;line-height:1.4}.ex-german{color:var(--muted);margin-bottom:16px;font-size:17px;font-style:italic}.ex-hint{color:var(--muted);margin-bottom:12px;font-size:12px;font-style:italic}.ex-input-row{gap:8px;display:flex}.ex-options{flex-direction:column;gap:8px;display:flex}.ex-option{background:var(--bg);border:1px solid var(--border);text-align:left;color:var(--text);border-radius:10px;width:100%;padding:11px 14px;font-size:14px;font-weight:500}.ex-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent2)}.ex-option.correct{border-color:var(--green)!important;background:var(--green-bg)!important;color:var(--green)!important}.ex-option.wrong{border-color:var(--red)!important;background:var(--red-bg)!important;color:var(--red)!important}.ex-feedback{border-radius:10px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.5}.ex-feedback.correct{background:var(--green-bg);color:var(--green)}.ex-feedback.wrong{background:var(--red-bg);color:var(--red)}.post-feedback{background:var(--gold-bg);color:var(--text);border:1px solid #f0d89a;border-radius:10px;margin-top:8px;padding:11px 14px;font-size:13px;line-height:1.5}.btn-next-ex{background:var(--text);color:#fff;border-radius:12px;width:100%;margin-top:12px;padding:13px}.btn-next-ex:hover{background:#333}.result-screen{text-align:center;padding:40px 0}.result-icon{margin-bottom:16px;font-size:56px}.result-title{margin-bottom:8px;font-family:DM Serif Display,serif;font-size:26px}.result-score{color:var(--accent);margin:16px 0 4px;font-family:DM Serif Display,serif;font-size:52px}.result-score-label{color:var(--muted);margin-bottom:8px;font-size:13px}.result-sub{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.6}.result-btns{gap:10px;display:flex}.grammar-locked{text-align:center;padding:20px 0}.grammar-locked-icon{margin-bottom:16px;font-size:56px}.grammar-locked-title{margin-bottom:10px;font-family:DM Serif Display,serif;font-size:24px}.grammar-locked-sub{color:var(--muted);max-width:380px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.6}.grammar-locked-sub strong{color:var(--text)}.grammar-locked-progress{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:16px;padding:20px}.levels-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.level-card{background:var(--card);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:2px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex}.level-card.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.level-card.completed{border-color:var(--green);background:#f1f9f4}.level-card.locked{opacity:.55;cursor:not-allowed}.level-badge{background:var(--accent2);width:38px;height:38px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.level-card.completed .level-badge{background:var(--green);color:#fff}.level-card.locked .level-badge{color:var(--muted);background:#eee}.level-name{color:var(--text);font-family:DM Serif Display,serif;font-size:22px}.level-meta{color:var(--muted);font-size:13px}.conj-entry{background:var(--gold-bg);cursor:pointer;text-align:left;border:1px solid #f0e0c0;border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:18px;padding:16px;transition:transform .12s;display:flex}.conj-entry:hover{transform:translateY(-2px)}.conj-entry-icon{font-size:26px}.conj-entry-text{flex-direction:column;flex:1;display:flex}.conj-entry-title{color:var(--gold);font-family:DM Serif Display,serif;font-size:18px}.conj-entry-sub{color:var(--muted);margin-top:2px;font-size:13px}.conj-entry-arrow{color:var(--gold);font-size:22px}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-label{color:var(--muted);margin-bottom:2px;font-size:12px}.settings-value{font-family:DM Serif Display,serif;font-size:20px}.limit-display{align-items:baseline;gap:8px;margin-bottom:18px;display:flex}.limit-number{color:var(--accent);font-family:DM Serif Display,serif;font-size:44px;line-height:1}.limit-unit{color:var(--muted);font-size:14px}.limit-slider{appearance:none;background:var(--border);border-radius:3px;outline:none;width:100%;height:6px;margin-bottom:6px}.limit-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #0003}.limit-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:3px solid #fff;border-radius:50%;width:22px;height:22px}.limit-scale{color:var(--muted);justify-content:space-between;margin-bottom:16px;font-size:11px;display:flex}.limit-reset{width:100%;margin-bottom:16px}.limit-hint{color:var(--muted);background:var(--gold-bg);border:1px solid #f0d89a;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6}.reset-btn{width:100%;color:var(--red);border-color:#e8c0c0}.reset-btn:hover{background:#fdf0f0}.dev-pw-row{gap:8px;margin:8px 0;display:flex}.dev-pw-input{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex:1;padding:10px 12px;font-size:15px}.dev-error{color:var(--red);margin:4px 0 0;font-size:13px}.dev-active{color:var(--green);margin-bottom:12px;font-weight:600}.dev-action{width:100%;margin-bottom:10px}.dev-diag{color:#c5e8d2;background:#1a1814;border-radius:10px;margin-bottom:12px;padding:12px 14px;font-family:monospace;font-size:12px;line-height:1.6}.dev-diag-title{color:#fff;margin-bottom:6px;font-family:DM Sans,sans-serif;font-weight:700}.dev-diag code{color:#ffd479}